Episode

3d and flappy bird htmx

Podcast
hx-pod
Published
Sep 6, 2025
Duration seconds
3897
Processing state
not_requested
Canonical source
https://share.transistor.fm/s/7dad71d9
Audio
https://media.transistor.fm/7dad71d9/cbe0b2e6.mp3
JSON
/v1/public/podcasts/hx-pod-6747821/episodes/3d-and-flappy-bird-htmx
Markdown
/podcast/hx-pod-6747821/3d-and-flappy-bird-htmx.md

Actions

  • POST https://stenobird.com/v1/public/podcasts/hx-pod-6747821/episodes/3d-and-flappy-bird-htmx/transcription-requests
    Idempotently request low-priority transcript generation for this episode.
  • GET https://stenobird.com/podcast/hx-pod-6747821/3d-and-flappy-bird-htmx.md
    Read the agent-friendly Markdown representation of this episode resource.

Summary

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