# 3d and flappy bird htmx Page: https://stenobird.com/podcast/hx-pod-6747821/3d-and-flappy-bird-htmx Text version: https://stenobird.com/podcast/hx-pod-6747821/3d-and-flappy-bird-htmx.md Podcast: [hx-pod](https://stenobird.com/podcast/hx-pod-6747821) Published: 2025-09-06T01:12:34+00:00 Episode link: https://share.transistor.fm/s/7dad71d9 Audio file: https://media.transistor.fm/7dad71d9/cbe0b2e6.mp3 Processing state: not_requested JSON: https://stenobird.com/v1/public/podcasts/hx-pod-6747821/episodes/3d-and-flappy-bird-htmx Duration seconds: 3897 ## Resource 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 ## Actions - request_transcript: `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. - read_markdown: `GET https://stenobird.com/podcast/hx-pod-6747821/3d-and-flappy-bird-htmx.md` — Read the agent-friendly Markdown representation of this episode resource. A page view does not enqueue transcription. Agents should invoke `request_transcript` explicitly when they need this episode processed. ## Transcript Full transcripts are not published on public pages unless there is a clear rights basis.