[{"data":1,"prerenderedAt":473},["ShallowReactive",2],{"navigation":3,"/experiments/lowpoly-planet":126,"authors":355},[4],{"title":5,"path":6,"stem":7,"children":8,"page":125},"Experiments","/experiments","experiments",[9,13,17,21,25,29,33,37,41,45,49,53,57,61,65,69,73,77,81,85,89,93,97,101,105,109,113,117,121],{"title":10,"path":11,"stem":12},"Array of cameras","/experiments/array-cameras","experiments/array-cameras",{"title":14,"path":15,"stem":16},"Brickelangelo David","/experiments/brickelangelo-david","experiments/brickelangelo-david",{"title":18,"path":19,"stem":20},"Basic Brownian distribution","/experiments/brownian-distribution","experiments/brownian-distribution",{"title":22,"path":23,"stem":24},"Porsche 911 Car Showcase","/experiments/car-showcase","experiments/car-showcase",{"title":26,"path":27,"stem":28},"Coffee Smoke","/experiments/coffee-smoke","experiments/coffee-smoke",{"title":30,"path":31,"stem":32},"Cube Boy Dancefloor","/experiments/cube-boy-dancefloor","experiments/cube-boy-dancefloor",{"title":34,"path":35,"stem":36},"Cult of the lamb 🐑","/experiments/cult-of-the-lamb","experiments/cult-of-the-lamb",{"title":38,"path":39,"stem":40},"Dancing blob","/experiments/dancing-blob","experiments/dancing-blob",{"title":42,"path":43,"stem":44},"Fireworks Shader","/experiments/fireworks-shader","experiments/fireworks-shader",{"title":46,"path":47,"stem":48},"Galaxy Generator 🪐","/experiments/galaxy-generator","experiments/galaxy-generator",{"title":50,"path":51,"stem":52},"Glass/Plastic Material","/experiments/glass-material","experiments/glass-material",{"title":54,"path":55,"stem":56},"Grainy Liquid Blobs","/experiments/grainy-liquid","experiments/grainy-liquid",{"title":58,"path":59,"stem":60},"Haunted House","/experiments/haunted-house","experiments/haunted-house",{"title":62,"path":63,"stem":64},"Phone with HTML inside","/experiments/html-phone","experiments/html-phone",{"title":66,"path":67,"stem":68},"Low Poly Planet","/experiments/lowpoly-planet","experiments/lowpoly-planet",{"title":70,"path":71,"stem":72},"Magical Marbles","/experiments/magical-marbles","experiments/magical-marbles",{"title":74,"path":75,"stem":76},"Nuxt Stones","/experiments/nuxt-stones","experiments/nuxt-stones",{"title":78,"path":79,"stem":80},"Particle Pumpkin Shader","/experiments/particle-pumpkin","experiments/particle-pumpkin",{"title":82,"path":83,"stem":84},"Particles Morphing","/experiments/particles-morphing","experiments/particles-morphing",{"title":86,"path":87,"stem":88},"Portal Journey","/experiments/portal-journey","experiments/portal-journey",{"title":90,"path":91,"stem":92},"Wizard's Potion Classroom","/experiments/potions-classroom","experiments/potions-classroom",{"title":94,"path":95,"stem":96},"Rapier Object Clump","/experiments/rapier-object-clump","experiments/rapier-object-clump",{"title":98,"path":99,"stem":100},"Repulsion Effect","/experiments/repulsion-effect","experiments/repulsion-effect",{"title":102,"path":103,"stem":104},"Shadertoy Museum","/experiments/shadertoy-museum","experiments/shadertoy-museum",{"title":106,"path":107,"stem":108},"Space Game","/experiments/space-game","experiments/space-game",{"title":110,"path":111,"stem":112},"Halloween Spooky-saur 🎃","/experiments/spooky-saur","experiments/spooky-saur",{"title":114,"path":115,"stem":116},"Synthwave Landscape","/experiments/synthwave-landscape","experiments/synthwave-landscape",{"title":118,"path":119,"stem":120},"Texture Particle Cursor","/experiments/texture-particle-cursor","experiments/texture-particle-cursor",{"title":122,"path":123,"stem":124},"WebGPU","/experiments/webgpu","experiments/webgpu",false,{"id":127,"title":66,"author":128,"body":129,"date":343,"description":344,"extension":345,"featured":125,"lastUpdated":343,"meta":346,"navigation":347,"path":67,"seo":348,"stem":68,"tags":349,"thumbnail":353,"__hash__":354},"experiments/experiments/lowpoly-planet.md","alvarosabu",{"type":130,"value":131,"toc":333},"minimark",[132,141,146,149,189,193,196,234,238,270,274,300,304,330],[133,134,135,136,140],"p",{},"This experiment features a ",[137,138,139],"strong",{},"charming low-poly planet"," complete with orbiting airplanes and floating clouds, creating a peaceful miniature world. The scene demonstrates model animation, atmospheric effects, and creative use of the Stars component for a cosmic backdrop.",[142,143,145],"h3",{"id":144},"what-youll-see","What You'll See",[133,147,148],{},"A whimsical space scene featuring:",[150,151,152,159,165,171,177,183],"ul",{},[153,154,155,158],"li",{},[137,156,157],{},"Rotating Low-Poly Planet",": Multi-axis rotation creating dynamic planetary movement",[153,160,161,164],{},[137,162,163],{},"Orbiting Airplane",": Small aircraft circling the planet in realistic orbital patterns",[153,166,167,170],{},[137,168,169],{},"Floating Clouds",": Multiple cloud instances creating atmospheric depth",[153,172,173,176],{},[137,174,175],{},"5000 Starfield",": Procedural star field creating infinite cosmic depth",[153,178,179,182],{},[137,180,181],{},"Dramatic Lighting",": Point and directional lights with cyan color accent",[153,184,185,188],{},[137,186,187],{},"Shadow System",": Soft shadows adding depth and realism",[142,190,192],{"id":191},"technical-implementation","Technical Implementation",[133,194,195],{},"This experiment showcases several key 3D concepts:",[150,197,198,204,210,216,222,228],{},[153,199,200,203],{},[137,201,202],{},"Multi-Axis Rotation",": Planet rotates on X, Y, and Z axes with different speeds",[153,205,206,209],{},[137,207,208],{},"Shadow Mapping",": PCF soft shadows with high-resolution shadow maps (2048x2048)",[153,211,212,215],{},[137,213,214],{},"Model Animation",": useLoop composable for smooth, frame-rate independent animation",[153,217,218,221],{},[137,219,220],{},"Atmospheric Lighting",": Strategic light placement with cyan (#1BFFEF) and purple (#484068) colors",[153,223,224,227],{},[137,225,226],{},"Geometry Traversal",": Proper shadow receiving setup for complex models",[153,229,230,233],{},[137,231,232],{},"Procedural Stars",": Cientos Stars component creating realistic starfield",[142,235,237],{"id":236},"visual-design","Visual Design",[150,239,240,246,252,258,264],{},[153,241,242,245],{},[137,243,244],{},"Low-Poly Aesthetic",": Clean geometric forms with minimal polygon counts",[153,247,248,251],{},[137,249,250],{},"Space Theme",": Deep purple background (#11101B) evoking deep space",[153,253,254,257],{},[137,255,256],{},"Color Harmony",": Cyan lighting against purple ambient creates striking contrast",[153,259,260,263],{},[137,261,262],{},"Soft Shadows",": Realistic shadow softness enhancing the miniature world feel",[153,265,266,269],{},[137,267,268],{},"Dynamic Movement",": Multiple rotation speeds creating engaging visual rhythm",[142,271,273],{"id":272},"animation-features","Animation Features",[150,275,276,282,288,294],{},[153,277,278,281],{},[137,279,280],{},"Planetary Rotation",": Realistic multi-axis rotation simulating planetary spin",[153,283,284,287],{},[137,285,286],{},"Orbital Mechanics",": Airplane follows believable orbital path around planet",[153,289,290,293],{},[137,291,292],{},"Cloud Movement",": Gentle floating motion adding atmospheric life",[153,295,296,299],{},[137,297,298],{},"Smooth Performance",": Delta-time based animation ensuring consistent speed",[142,301,303],{"id":302},"key-technologies","Key Technologies",[150,305,306,312,318,324],{},[153,307,308,311],{},[137,309,310],{},"GLTF Loading",": Efficient model loading from external CDN",[153,313,314,317],{},[137,315,316],{},"Shadow Configuration",": Professional shadow setup with bias adjustment",[153,319,320,323],{},[137,321,322],{},"Bounding Sphere Computation",": Optimized collision detection for orbital mechanics",[153,325,326,329],{},[137,327,328],{},"Material Updates",": Runtime material modification for shadow receiving",[133,331,332],{},"This experiment creates a delightful miniature world that combines technical excellence with artistic charm, making it perfect for educational purposes or as inspiration for game development and interactive storytelling.",{"title":334,"searchDepth":335,"depth":335,"links":336},"",2,[337,339,340,341,342],{"id":144,"depth":338,"text":145},3,{"id":191,"depth":338,"text":192},{"id":236,"depth":338,"text":237},{"id":272,"depth":338,"text":273},{"id":302,"depth":338,"text":303},"2023-03-27","Low Poly Planet exported from Blender","md",{},true,{"title":66,"description":344},[350,351,352],"models","cientos","useGLTF","/experiments/lowpoly-planet.webp","1oxvujzffpc2xo0TbAWYBYZ8zG-bP9UZWB60SW7h1Jw",[356,372,387,404,420,438,455],{"id":357,"title":358,"avatar":359,"body":360,"description":334,"email":364,"extension":345,"github":128,"meta":365,"name":366,"navigation":347,"path":367,"seo":368,"slug":128,"stem":369,"twitter":128,"website":370,"__hash__":371},"authors/authors/alvarosabu.md","Alvarosabu","/avatars/alvarosabu.jpg",{"type":130,"value":361,"toc":362},[],{"title":334,"searchDepth":335,"depth":335,"links":363},[],"hola@alvarosaburido.dev",{},"Alvaro Saburido","/authors/alvarosabu",{"description":334},"authors/alvarosabu","https://alvarosaburido.dev","FWpr6-OcVRzMvvsjRaD8icRidgpKVLCtrKy9-l_5GZM",{"id":373,"title":374,"avatar":375,"body":376,"description":334,"email":380,"extension":345,"github":381,"meta":382,"name":381,"navigation":347,"path":383,"seo":384,"slug":381,"stem":385,"twitter":380,"website":380,"__hash__":386},"authors/authors/andretchen0.md","Andretchen0","/avatars/andretchen0.jpg",{"type":130,"value":377,"toc":378},[],{"title":334,"searchDepth":335,"depth":335,"links":379},[],null,"andretchen0",{},"/authors/andretchen0",{"description":334},"authors/andretchen0","rztGS5YNlU7jYv1laE9f863gZy-WUFK5r3uuycyiMLY",{"id":388,"title":389,"avatar":390,"body":391,"description":334,"email":395,"extension":345,"github":396,"meta":397,"name":398,"navigation":347,"path":399,"seo":400,"slug":396,"stem":401,"twitter":402,"website":380,"__hash__":403},"authors/authors/damienmontastier.md","Damienmontastier","/avatars/damienmontastier.jpg",{"type":130,"value":392,"toc":393},[],{"title":334,"searchDepth":335,"depth":335,"links":394},[],"montastier.damien@gmail.com","damienmontastier",{},"Damien Montastier","/authors/damienmontastier",{"description":334},"authors/damienmontastier","dammontastier","FqtKh6r8pBEM29DE6GhT098-LIpM3BL7RXSxFjrcwwY",{"id":405,"title":406,"avatar":407,"body":408,"description":334,"email":380,"extension":345,"github":412,"meta":413,"name":414,"navigation":347,"path":415,"seo":416,"slug":412,"stem":417,"twitter":418,"website":380,"__hash__":419},"authors/authors/franciscohermida.md","Franciscohermida","/avatars/franciscohermida.jpg",{"type":130,"value":409,"toc":410},[],{"title":334,"searchDepth":335,"depth":335,"links":411},[],"franciscohermida",{},"Francisco Hermida","/authors/franciscohermida",{"description":334},"authors/franciscohermida","chicohermida","2dGmaA2uS0w2CaErMR8BexRzx0pCgoEowV5tZcITkus",{"id":421,"title":422,"avatar":423,"body":424,"description":334,"email":428,"extension":345,"github":429,"meta":430,"name":422,"navigation":347,"path":431,"seo":432,"slug":433,"stem":434,"twitter":435,"website":436,"__hash__":437},"authors/authors/jaime-torrealba.md","Jaime Torrealba","/avatars/jaime-torrealba.jpg",{"type":130,"value":425,"toc":426},[],{"title":334,"searchDepth":335,"depth":335,"links":427},[],"solucionesinformaticasjtc@gmail.com","JaimeTorrealba",{},"/authors/jaime-torrealba",{"description":334},"jaime-bboyjt","authors/jaime-torrealba","jaimebboyjt","https://jaimetorrealba.com/","WhkdXnej1NkT__thyZfYEil3qYn8wi7qVoQSMzyfrs4",{"id":439,"title":440,"avatar":441,"body":442,"description":334,"email":446,"extension":345,"github":447,"meta":448,"name":449,"navigation":347,"path":450,"seo":451,"slug":449,"stem":452,"twitter":446,"website":453,"__hash__":454},"authors/authors/luckystriike.md","Luckystriike","/avatars/luckystriike.jpg",{"type":130,"value":443,"toc":444},[],{"title":334,"searchDepth":335,"depth":335,"links":445},[],"none","luckystriike22",{},"luckystriike","/authors/luckystriike",{"description":334},"authors/luckystriike","https://github.com/luckystriike22","vmVaU8HAY_jbVnlvpUQiwh3uPcKxGGr6B5PF9xo17X8",{"id":456,"title":457,"avatar":458,"body":459,"description":334,"email":463,"extension":345,"github":464,"meta":465,"name":466,"navigation":347,"path":467,"seo":468,"slug":464,"stem":469,"twitter":470,"website":471,"__hash__":472},"authors/authors/neoprint3d.md","Neoprint3d","/avatars/neoprint3d.jpg",{"type":130,"value":460,"toc":461},[],{"title":334,"searchDepth":335,"depth":335,"links":462},[],"drew@neoprint3d.dev","neoprint3d",{},"Drew Ronsman","/authors/neoprint3d",{"description":334},"authors/neoprint3d","drew_ronsman","https://dronsman.com","w-8rauWEJDRmX_QOi4s2PI7n9EABybGURQ-R_ss9tzo",1776253347020]