{"type":"rich","version":"1.0","provider_name":"Transistor","provider_url":"https://transistor.fm","author_name":"hx-pod","title":"3d and flappy bird htmx","html":"<iframe width=\"100%\" height=\"180\" frameborder=\"no\" scrolling=\"no\" seamless src=\"https://share.transistor.fm/e/7dad71d9\"></iframe>","width":"100%","height":180,"duration":3897,"description":" with Jon-Michael Hartway\n47:16 MY MIND IS BLOWN\nJon-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!?!???!\n===================== BIG SKY DEV CON TALK\nBuilding things for Twitter Clout\nhttps://www.youtube.com/watch?v=yQzpyIXdzcE\n===================== 3D GAME\nDemo: https://htmx-3d.deastl.com/\nGithub: https://github.com/DeaSTL/3d-htmx-game\n===================== FLAPPY BIRD\nGithub: https://github.com/DeaSTL/flappybird-htmx \n**** Includes video!\n===================== Chapters (From AI)\n00:00 Introduction to Jon-Michael Hartway\n02:22 Development Background and Programming Journey\n05:10 HTMX Experiments and Flappy Bird Game\n07:35 Technical Insights on Game Development\n10:09 Challenges and Server Management\n12:47 Exploring Twitter Clout Projects\n18:54 Rule #1: Viral\n19:34 Rule #2: Ridiculous\n20:56 Rule #3: The wrong tech\n26:56 Rule #4: Low scope\n29:42 Rule #5: Fun\n29:50 Challenges of 3D Rendering in CSS\n33:39 Understanding Gimbal Lock and Camera Mechanics\n37:57 Implementing Multiplayer with WebSockets\n41:18 Innovative Use of CSS for 3D Positioning\n46:21 Future Projects and Learning Experiences","thumbnail_url":"https://img.transistorcdn.com/HDMx2j8NsKr2kaFUaB8csw69snTIab1k7QGpslBA4_0/rs:fill:0:0:1/w:400/h:400/q:60/mb:500000/aHR0cHM6Ly9pbWct/dXBsb2FkLXByb2R1/Y3Rpb24udHJhbnNp/c3Rvci5mbS85YzY0/NTY5OTExYjljY2Ri/MTFlZjk3NDhlZWE0/ODUxOC5qcGc.webp","thumbnail_width":300,"thumbnail_height":300}