The latest articles on DEV Community by sk8ordie84 (@sk8ordie84). https://dev.to/sk8ordie84 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3889537%2Fa6734c67-3985-462e-a16e-4a5dc086772f.png https://dev.to/sk8ordie84 en sk8ordie84 Mon, 20 Apr 2026 18:51:08 +0000 https://dev.to/sk8ordie84/i-built-a-film-camera-simulator-in-a-single-html-file-heres-how-403b https://dev.to/sk8ordie84/i-built-a-film-camera-simulator-in-a-single-html-file-heres-how-403b <p>Launched today: faxoffice1987.com — 8 film cameras simulated in Canvas 2D.</p> <p><strong>The constraints I set myself:</strong></p> <ul> <li>One HTML file</li> <li>No build step, no dependencies, no npm install</li> <li>Runs offline from a USB drive</li> <li>No backend, no account, no uploads</li> </ul> <p><strong>The hard part:</strong> per-pixel color science. Each film stock (Tri-X, <br> Portra, Velvia, Neopan Acros) has its own render path. Not a filter <br> on top — a decision at the pixel level.</p> <p><strong>Stack:</strong></p> <ul> <li>Vanilla JS, Canvas 2D</li> <li>Cloudflare Pages + Functions (share links, license validation)</li> <li>Polar.sh for checkout</li> <li>localStorage for state</li> </ul> <p><strong>Pricing experiment:</strong> $29 one-time. No subscription. 1 camera free forever.</p> <p>Would love architecture feedback especially on the color science approach.</p> <p>Link: <a href="https://faxoffice1987.com" rel="noopener noreferrer">https://faxoffice1987.com</a></p> javascript webdev canvas showdev