<div> populated with exactly 10440 stacked box-shadow properties.
|
Using JavaScript to iterate through an array and execute
ctx.fillRect() 10440 times on a 2D canvas context. (113866 characters of code).
|
Drawn using pure XML coordinate logic, mapping 10440
<rect> elements into the browser. (697719 characters of code).
|
==================================================================================================================================================================================== ==============================================================================================================++++==========+======================================================= =============================================================================================================+====++++==++==+======================================================= ==============================================================================================================++++==++++==++++====================================================== =================================================================================++++++=========================++++==+====+++====================================================== ==============================================================================++****######****+++++++++++=========++========+++++++================================================= ============================================================++**********+++*****#########%%%%%%%##**+++++++++=====================++================================================ =========================================================+*#########****###################%%%%%%%%%##***+++++====================================================================== =======================================================+*##########################%%%%#%%%%%%%%%%%%%%%#**+++++===================================================================== =====================================================+*#############*####%####%%####%%%%#######%%%%%%%%%%#*+++++==================================================================== ===================================================+*#####################%%%%%%%%##%%%%%%%%%%%%%%%%%%%%%%#*++++==================================================================== ================================================+**#####%%%###*********#####%%%%%%%%%###%%%%%%%%%%%%%%%%%%%#*+++==================================================================== ==============================================**######%%%#####**********########%%%%%%%%%%%%%%%%%%%%%%%%%%%#**+===================================================================== ============================================+*###*###%%%###%#################%%%%####%%%%%%%%%%%%%%%%%%%%%%%#*********+++=========================================================== ===========================================+######%%%#######****#########%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%#########***+======================================================= ==========================================+*#%###%%%############%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%#####%%%%%%%%%%%%%%%%%%######**+==================================================== =========================================+*##%##%%%%%%%######%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%###*****++**#%%%%%%%%%%%%%%%#######**+================================================= =========================================+#%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%###*+++========+*#%%%%%%%%%%%%########**++=============================================== =========================================*#%%%%%%%%%%%%%%%%%%###****#####%%%%%%#%##########***+===========-=+*#%%%%%%#############**++============================================== =======================================+*#%%%%%%%%%%%%%%%%#**++++++*****++**************++++==========--====-=+*#%%%######%%######***++====+======================================== =======================================+#%%%%%%%%%%%%%#*++=========++++====================------==============+*#########%%#####***++=====+++====================================== =======================================+#%%%%%%%%%##*+==-------------------------------------------============+*########%%%%###**++================================================ ======================================+*%%%#######*+=---------------------:::::::::--------------===-===========+*##***##%%%%%#*+=================================================== =====================================+*%%%######*+=-::::::--------------::::::::::::--:----:-----===========++==+*****##%%%%%%#*==================================================== =====================================+#%#######*+=-:::::::----::--::::::::::::::::----------------========++++++=+***##%%%###%%#+=================================================== ====================================+*#%#######*=:::::::::::::::::::::::::::::::::::----:--------=======++++++++++*#####%%######+==============+++================================== ====================================+*#%%#####*+--::-------:::::::::::::::::::----------------===========+++++*+==+*###########*+=================================================== ===================================+*#####****++--:------:--::::::::::::::::::--------------==========++++++++++++**##########%#+=================================================== ===================================+#%%#******++-------------::::::::::::-------------===========+++++===++++++++****#####%%##%#*+================================================== ===================================+#%##*******+----------------:------------======================+==+++++++++++++**#########%%#*+================================================= ===================================+#%##**##**++=------------------:::::---------======-==============+++++++++++++*##########%%%#+================================================= ===================================+*#####****++=----------------------------=======--=------==========++++++++++***######%%##%%%%#*================================================ ====================================+*####****++==-----------------:::::::----==--------:::----------=====++*******###%%##%%%##%%%%#+=============================================== ====================================++####**#**+====------:::-::::::::----------------:::---===----====++++********###%%%%%%%%%%%%%#+=============================================== ====================================+*#####*###*+=====---:::--::::::::------==----------=====+++++++****###******#####%%%%%%%%%%%%##*+============================================== ===================================+*#########**+====-----=++++=++++++++===+++==-========++**#####%%%%%%%%%%##***#####%%%%%%%%%%%%%#%#+============================================= ==================================++*#########*++======+***#*#######%%######**++==++++++**###%%%%%%%%%%%%%%%%##########%%%%%%%#####%%%#+============================================ ==============+========+==========+++*#####%%##*+===++**########%%%%%%%%%%%#**#*++=+***##%%%%%%%%%%%%%%%%%%%##%%###*###%%%%############*============================================ ======================+=============+*#%%%%%%%#*+====+**#####%%%%%%%%%%%%%%%%##+=-=+*###%%%%%%%%%%#######%%%%%#####*###%%%############**============================================ =====================+++==========++#####%%%%%#*+=====*##%%%%%###%%%%%%%%%####*+===+**###%%%%%%%%%%%%%%%####%%######*##%%%############*+============================================ ======================+++========++*##****#####*+====+*###%%##%%%%%%%%%%%%%%#**+--:--=+*#%%%%%%##*######%%%#########**#%%%##%%%######*+============================================= =======================+++========+***++=+***##*+=-=+**########**###**######**++=-::-=+*####***++++++***###########***##%%%%%%%######*+============================================= ==========================++======++++===+++++**++==++***+===+===+++*****+++=====-:::-=**#**++++***********************##%%%%%######**============================================== ======================++===========+++====++**#*+====+++==--==+++****+++++======--:::-=+*******+++++++++++++***+*******##%%%%%%####**+============================================== ======+++=============++++==========+====++*###*+====-===============++++==-------:::-=+*#**********+++++++**+++++****###%%%%%%##*#**+=-============================================ ==================++++================-===+**##*====-------==---===++++=--:---==--:::-=+******++++++**+++++++====+****##%%######****+==-============================================ ==========================================+**#**+===---:--------======--::--------:::-=+****##*+++==+++++++=====++***##%%%########**+==-============================================ =====================++===================+**#***+===---------------==----====---:::---=+***#**++++++=++======++****##%%%%%##******+=--============================================= ===================++++++==================+*####*+=====--------====------======-::::--=+*####*++=+++======+++*****##%%%%%##******+==-============================================== ====================+++++===================+**###**======-----====-------==----::::--==+*#####*+======-==++****####%%%%%%##*****+==--============================================== ===================+++++++==++++=============+*#####*+++========---::::-++==::-----====+**#*++##**+=====+*****#####%%%%%%%##*****+=--=============================================== ===================+++++====++============----+*##%%#**++++++===------++**=---=+++*****######**###*+++++***########%%%%%%######*==---=============================================== ===================+++++++++++==++=========----=*##%%#******++====-==+**+==+*#########%%%%%%%#****##******########%%%%%######*+=----================================================ ==================++++++++++++++=============---=*#%%##****+++====++*##+-:-=+*####%%%%%%%%%%%##*+**##****##########%%%#**+==--------================================================ ==================+++++++++++++++++=========+===+*#######**+***++++*#*=-------===+*#####%%%####***+**###*#########%%%%##*+----------================================================ ================+++++++++++++++===============++++++#####******+--++++----------==**++**####***********############%%%##*+==------================================================== =================++++++==++++++++==================+*#####****++*##*=------------=+++==+****************###########%%%#*++++=---==================================================== ====================+++++++++++++++================+*************+=----====--:::--==--=+++++*****#*****#############%%#**+++===-------============================================== ===============+++==+++++++++++++++++++===========+************+===++***++++**####*++*#%###################%########%##***++===-----=============================================--- ================++==++++++++++++++++++===========+*####*******++==*#%#*==-========+********######%%%%##***#%%%#####%%##***+==------==========================================------- ======++=++++==+++++++++++++++++++++++===========+***###*******+=+##*+====--------:---==++++**#####*#****#%%%%%####%%##**++==----=================================================== ======++===+++==+++++++++++++++++++++++==========++***###*******++**+===**################%%%%###*******##%%%#%%%%%%%%%#*+==----==================================================== ======++++++++=++++++++++++++++++++++++============+**####**########*++++++**#%%%%%%%%%%%%%#############%%%%#%%%%%%%####*+=------==========================================-=====--- ===+++++++++++=+++++++++++++++++++++++++===========++**#######*#########******+++++++++*******######%%%%%%%%%%%%%%%###**==---=----======================================------------ ======+++++++===++++++++++++++++++++++++=============+**##########%%#####%%#*+===+++*****#####%%####%%###%%%%%%%%%%%##+==--------========================================----------- ====++++++++===+++++++++++++++++++++++++=============++*###################***++*****#########%%%%##%%%%%%%%%%%%%%%%#*+=---------=====================================-------------- +===+++++++++++=+++++++++++++++++++++++++=============++*##%%%%%%%%#####%%####***###########%%%%%%##%%%%%%%%%%%%%%###*=----------=======================================------------ ==++++==+++++++++++++++++++++++++++++++++=++++=========+*#####%%##%%%%%%%%####**##########%%%%%%%%%%%%%%%%%%%%%%##****+=---------======================================------------- +++++++++++++++++++++++++++++++++++++++++++++++========+**####%%%%#######################%%%%%%%%%%%%%%%%%%%%%%#####*++==--------=================================------------------ ==++++++++++++++++++++++++++++++++++++++++++++==========++##%%#%%%###%%%#################%%%%%%%%%%%%%%%%%%%%%#***##*+=----------================================------------------- =++++++++++=++++++++++++++++++++++++++++++++=============+*####%##%%%%%%%%%%%%##%%%%%%%%%%%%%%%%%%%%%%%%%%%%#*+=-=+*##=----------==============================--------------------- ++++++++++==+++++++++++++++++++++++++++++++++++=============+*#%%###%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%#*+====-==*%%*=-:-------=-----======================----------------------- ++++++++++===++++++++++++++++++++++++++++++++++=========+=---=#%%###%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%#*=-------+#%%%#+-------------=======================----------------------- ++++++++++==++++++++++++++++++++++++++++++++===========+**-:=+#%####%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%##*+=------=#%%%%%#*=------------====================------------------------- +++===++===========++++++++++++++++++++===============*#%*-:-+#%###%%%%%%%%%%%%%%%%%%%%%%%%%%%###**++++==----:::=*%@%%%%%%*+-----------==================--------------------------- ====================++++++++++++++++++++============+*%%#+:..:=*#####%%%%%%%%%%%%%%%%%%%%%%#**+++===---::::::::-*%%%%%%%%%%#+=-------------=============---------------------------- ================++====++++++++++++++===============+*%@%+-:..:.-+*####%%##%%%%%%%%%%%%%%#*++===--------:::::::-+%@%%%%%%%%%%%#+=-------------=======--=----------------------------- ======================++++++++++==================*#%%@#=::.::.::-+**###**##%%%%%%%%%#+=-:-----:::::::::::::.-*#%%%%%%%%%%%%%%%#+=-------------=========---------------------------- =================================================+#%%%%*-:::::::::::::---==++++**+=----=+*###%####*+==-::..:-+#@%%%%%%%%%%%%%%%%%%#**++=-------------------------------------------- ===========================+++==================*#%%%%%*-..:::::...............:::---===+*##%%%%%%%%%%%%#*++*%%%%%%%%%%%%%%%%%%%%%%%%%%%#*+==--------------------------------------- ==============================================+*#%%%%%#*-..:..::-====--:::::::::-=+++**##%%%%%%%%######%%%%%%%%%%%%%###%%%%%%%%%%%%%%%%%%%%%#*+=------------------------------------ ===========================================++*##%%%%%%#+:..:-+#%%%%%%%%##########%%%%%%%%%%%%%###*########%%%%%%%%%%###%%%%%%%%%%%%%%%%%%%%%%%%%#+=--------------------------------- =======================================++**#####%%%%%%#+::-+%@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%##******########%##**#%%%#############%%%%%%%%%%%%%%%%%%#*++=---------------------------- ====================================++*########%%%%%%%##*#%%%%##%%###*######%%%%%%#######***###*******#***##%%#*+**#####################%%%%%%%%%%%%%%%%##*+=----------------------- ================================++**##########%%%%%%%##%%%%%%%#####*********************##**##*************#%%##*+**####################%%%%%%%%%%%%%%%%%%%%%#**+=------------------ =============================+**#%%%##########%%%%%%##%%%%%%%%#####*********###*********##**##**********#%%%%%#***##%%##################%%%%%%%%%%%%%%%%%%%%%%%%%%##*+=------------- ==========================+**#%%%%############%%%%%%##%#=--=*####*********#####*********####*###****##%%%##******#%%%%%##################%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%#**+=-------- =======================+**#%%%%%#############%%%%%%%###+:....:=+********#%%%%###############**####%%%##********#%%%%%%%%##################%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%#*+=---- ==================++**##%%%%%%##############%%%%%%%%%#*=:..::-+*******##****####################%%#***********#%%%%%%%%###################%%%%%%##%%%%%%###############%%%%%%%%%#*+= ==============+**###%%%%%%%%################%%%%%%%###*=:..:=**#*****+++**##%%############%%%%%%##*******####%%%%%%#######################%%%#########################%%%%%%##%%%%%# ===========+**##%%%%%%%%###################%%%%%%%%###*=:.:-*#******+++*###%#######%%%%%%%%%%%%######*==*#%%%%%%%#########################%%%#################################%%##%% =======++**##%%%%%%%%%%%%%###################%%%%%####*=::-+*#*********#######%%%%%%%%#####***++====-::-=*#%%%%##***######################%%%####################################### +++++**####%%%%#%%%%%%%%%%####################%%%%####*=::+*###****#####%%%%%#######**=---:::::.....:..:-+#%%%##***#######################%%%####################################### #####%%%########%%%%%%%%%####################%%%%%####*+::=+########%%%%%##***++==--::..::::::::::::::.:+#%%%#******######################%%%####################################### %%####################%######################%%%%######+:..::-=+*#%%##*++++=--::::::::::::::::::::::.:-=#%%%##******######################%%%####################################### ######################%######################%%%%######+-.::::.::::::----:::::::::::::::::::::::::::.-+##%%#***###**######################%%%####################################### ############################################%%%%#######+-:::::::::::::::::::::::::::::::::::::::::.:-+#%##%#**#############################%######################################## ############################################%%%%#######*-:::::::::::::::::::::::::::::::::::::::::.-*##%%###**#############################%##################################%##### ############################################%%%%#######*-:::::::::::::::::::::::::::::::::::::::.:-+#%##%##**##############################%######################################## %######################*################*###%%%########*=:::::::::::::::::::::::::::::::::::::::.-+####%%#***###############################%#############################%%%%%##### %####################***################*##%%%%########*=-:.::::::::::::::::::::::::::::::::::.:-+#%###%##**###########*####################%%#############***##*########%%%%%###### %#####################%%%%#############**##%%%%#########+-:.:::::::::::::::::::::::::::::::::::-*#####%###**#############*****##############%%############****#******####%%%%####### %###################%%%################**#%%%%%#########+=:.::::::::::::::::::::::::::::::::.:=+#%####%#**##############################*###%%############**********####%%%%%####### #######################################*##%%%%##########*=:.:::::::::::::::::::::::::::::::::-*#######%#**######################%%%%#########%##############******##*####%%%%####### ######################################**##%%%%##########*+:.::::::::::::::::::::::::::::::.:=+##########**###########################%%%%%%%%%#############******########%%%######## ######################################**##%%%%###########+-::::::::::::::::::::::::::::::::=*##########***##############################%%#################********######%%%######## #####################################***##%%%############*-:::::::::::::::::::::::::::::.:+*##########***###################################################******######%%%%######## #####################################**###%%%############*=:::::::::::::::::::::::::::::-=#%##########***###################################%%%%############*******######%%######### #####################################**##%%%%############*=-:.::::::::::::::::::::::::.-+#############**####################################%%%%###########*******#######%%######### ####################################***##%%%%#############+=:.::::::::::::::::::::::.:-=*############***###################################%%%%%###########*******#######%%%######## ####################################***##%%%##############*=:.:::::::::::::::::::::::-+#############***####################################%%%%############*******########%%######** ####################################***#%%%%###############+-.::::::::::::::::::::.:-+##############**####################################%%%%#############********####%##%%%####*** ####################################**##%%%%###############*-::::::::::::::::::::::-*###############***###################################%%%##############*******#####%##%%%####**# ###############**##################***##%%%%###############*=:::::::::::::::::::.:=+###############***####################################%%#############*******#######%%%%%%%###### ##############################********##%%%%########**##*###+-:.:::::::::::::::::-*###############****####################################%%################***########%%%%%%####### *****######***############************##%%%#######*******###*=:.::::::::::::::.:-+*###############*****##################################################*******############%%######
The old-school method mapping image luminance to the density of text characters:
@%#*+=-:. (20995 characters of code).
|