{"podcast":{"title":"hx-pod","slug":"hx-pod-6747821","podcast_index_feed_id":6747821,"rss_url":"https://feeds.transistor.fm/hx-pod","website_url":"https://twitter.com/htmxpert","image_url":"https://img.transistorcdn.com/6ejV2hLFb7FoRXCTcrDFQB5EYDzm4EQ7UbhHIndgjAs/rs:fill:0:0:1/w:1400/h:1400/q:60/mb:500000/aHR0cHM6Ly9pbWct/dXBsb2FkLXByb2R1/Y3Rpb24udHJhbnNp/c3Rvci5mbS85YzY0/NTY5OTExYjljY2Ri/MTFlZjk3NDhlZWE0/ODUxOC5qcGc.jpg","author":"Lazarus","episode_count":129,"summary":"Join me while I learn about web fundamentals and talk at you about it Twitter: @all__hype","last_synced_at":"2026-06-13T06:21:37.926933+00:00","page_url":"https://stenobird.com/podcast/hx-pod-6747821"},"episode":{"title":"3d and flappy bird htmx","slug":"3d-and-flappy-bird-htmx","published_at":"2025-09-06T01:12:34+00:00","page_url":"https://stenobird.com/podcast/hx-pod-6747821/3d-and-flappy-bird-htmx","show_page_url":"https://stenobird.com/podcast/hx-pod-6747821","url":"https://share.transistor.fm/s/7dad71d9","audio_url":"https://media.transistor.fm/7dad71d9/cbe0b2e6.mp3","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","meta_description":"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 com…","key_points":[],"chapters":[],"topics":[],"duration_seconds":3897,"processing_state":"not_requested","actions":[{"name":"request_transcript","method":"POST","url":"https://stenobird.com/v1/public/podcasts/hx-pod-6747821/episodes/3d-and-flappy-bird-htmx/transcription-requests","description":"Idempotently request low-priority transcript generation for this episode."},{"name":"read_markdown","method":"GET","url":"https://stenobird.com/podcast/hx-pod-6747821/3d-and-flappy-bird-htmx.md","description":"Read the agent-friendly Markdown representation of this episode resource."}]}}