The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
SULULU: Mobile Games That Teach Engineering
I designed, built and launched ten mobile games that teach system design, code review, Python and AI. Two of them are in 3D, with voiced characters. All of it is mine, from brand and game design to frontend, backend and cloud deployment.
https://sululu.fun
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Then: 1 month, 1 template.
Now: 1 week, 15 templates.
Same designer, different workflow.
I wrote up how I built no-code.supply: fifteen website templates, each with its own brand, in HTML and React, and some in Framer too. Claude Code did most of the typing. I did the directing.
no-code.supply
How I built 15 website templates with an AI coding agent in a week
How I built 15 AI-ready website templates with Claude Code in a week: the workflow, the quality bar, and why a template is only the starting point.
Going from one template a month to fifteen a week is wild. How much of the design direction did you still do by hand?
A three-card tarot spread where every face is unique procedural sigil-art, woven into one reading.
I built this project to test a three-card tarot spread where every face is unique procedural sigil-art, woven into one reading. The goal was simple: push interactive browser rendering using HTML5 Canvas and see how smoothly the system responds to direct user interaction.
WHAT I WAS TESTING:
I wanted to focus on two core engineering aspects:
Procedural generation of unique runic card sigils from mathematical formulas
Dynamic typography and card flipping choreography without heavy 3D frameworks
THE TECHNICAL SIDE:
The card faces render directly onto an HTML5 Canvas using polar coordinate trigonometric curves and procedural geometry. Every draw call is computed dynamically without image textures or external SVGs.
Everything runs in the browser using HTML5 Canvas, Procedural Sigil Geometry, Seeded Randomness. No plugins, no heavy dependencies, and no external tracking.
WHAT I LEARNED:
Balancing procedural symmetry with organic irregularity was the main hurdle. Pure mathematical curves looked too synthetic, so adding minor pseudo-random offsets gave the sigils their handcrafted appearance.
Finding the sweet spot between mathematical precision and tactile visual feedback took several iterations, but the end result runs consistently at 60 FPS.
TRY IT YOURSELF:
The live experiment is deployed on Netlify. You can open it in any modern browser, interact with the controls, and test the response times.
If you are working on similar 3D, physics, or creative web projects and want to collaborate, message me here on Contra.
cinematic💯 . Nice work😍