Deconstructing Pixel Art (Using Javascript)

on YouTube ↗21m

" summary

Claims that pixel art is best represented as an interoperable JSON object with EXIF-style metadata and shows exactly how to build and use it: the picsif JSON format captures x/y, color, size and canvas data; JavaScript + canvas + setInterval animation redraws each pixel for a time-lapse; the app make 8-bit art exports and imports picsif, plugs into other tools (Acorn, August) and runs in installations where children draw and the animation reliably replays.

AI-written summary · about

" chapters (10)

1. 0:00Introduction
2. 3:19Talk inspiration
3. 7:14JavaScript and pixel art
4. 9:24Pixel as object
5. 11:52Pixel art immersion
6. 13:37Introducing PICSON
7. 15:25Demoing PICSON
8. 17:36JSON vs image formats
9. 18:40Artist-developer collaboration
10. 19:47How to contribute

" related talks

• 50mJavaScript for ArtistsGeorge Mandis · Heapcon 2019
• 36mMaking Art with JavaScript and GarbageColleen Lavin · Copenhagen Developers Festival 2023
• 28mRecreating Retro Art with JS!Sher Minn Chong · EmpireJS 2018
• 26mRecreate Masterpieces of Modern Art with JavaScript!Amy Cheng · JSConf Iceland 2016
• 36mArt.js: Transfigure Data to Create 21st Century ArtSarah Groff Palermo · Strange Loop 2014
• 32mMagic of Computer Vision UnraveledMariko Kosaka · Nordic.js 2016
• 27mRecreate Masterpieces of Modern Art with JavascriptAmy Cheng · Nordic.js 2016
• 25m"Code As A Canvas: Exploring Creative Coding With JavaScript"Shri Khalpada · Frontrunners 2025