Skip to content
Sign in
Artwork for hx-pod
hx-pod · Sep 6, 2025 · 1 hr 4 min

3d and flappy bird htmx

with Jon-Michael Hartway 47:16 MY MIND IS BLOWN Jon-Michael does something pretty crazy here. His entire 3D scene is static HTML. The 3d movement only comes from swapping out the style tag and the CSS!?!???! ===================== BIG SKY DEV CON TALK Building things for Twitter Clout https://www.youtube.com/watch?v=yQzpyIXdzcE ===================== 3D GAME Demo: https://htmx-3d.deastl.com/ Github: https://github.com/DeaSTL/3d-htmx-game ===================== FLAPPY BIRD Github: https://github.com/DeaSTL/flappybird-htmx **** Includes video! ===================== Chapters (From AI) 00:00 Introduction to Jon-Michael Hartway 02:22 Development Background and Programming Journey 05:10 HTMX Experiments and Flappy Bird Game 07:35 Technical Insights on Game Development 10:09 Challenges and Server Management 12:47 Exploring Twitter Clout Projects 18:54 Rule #1: Viral 19:34 Rule #2: Ridiculous 20:56 Rule #3: The wrong tech 26:56 Rule #4: Low scope 29:42 Rule #5: Fun 29:50 Challenges of 3D Rendering in CSS 33:39 Understanding Gimbal Lock and Camera Mechanics 37:57 Implementing Multiplayer with WebSockets 41:18 Innovative Use of CSS for 3D Positioning 46:21 Future Projects and Learning Experiences

0:00-1:04:57
Play in

transcript

No transcript — this publisher did not publish one.

show notes

 with Jon-Michael Hartway

47:16 MY MIND IS BLOWN
Jon-Michael does something pretty crazy here. His entire 3D scene is static HTML. The 3d movement only comes from swapping out the style tag and the CSS!?!???!

===================== BIG SKY DEV CON TALK
Building things for Twitter Clout
https://www.youtube.com/watch?v=yQzpyIXdzcE

===================== 3D GAME
Demo: https://htmx-3d.deastl.com/
Github: https://github.com/DeaSTL/3d-htmx-game

===================== FLAPPY BIRD
Github: https://github.com/DeaSTL/flappybird-htmx 
**** Includes video!

===================== Chapters (From AI)
00:00 Introduction to Jon-Michael Hartway
02:22 Development Background and Programming Journey
05:10 HTMX Experiments and Flappy Bird Game
07:35 Technical Insights on Game Development
10:09 Challenges and Server Management
12:47 Exploring Twitter Clout Projects
18:54 Rule #1: Viral
19:34 Rule #2: Ridiculous
20:56 Rule #3: The wrong tech
26:56 Rule #4: Low scope
29:42 Rule #5: Fun
29:50 Challenges of 3D Rendering in CSS
33:39 Understanding Gimbal Lock and Camera Mechanics
37:57 Implementing Multiplayer with WebSockets
41:18 Innovative Use of CSS for 3D Positioning
46:21 Future Projects and Learning Experiences

more episodes

All episodes