[{"data":1,"prerenderedAt":513},["ShallowReactive",2],{"navigation":3,"/experiments/lowpoly-planet":150,"authors":379},[4],{"title":5,"path":6,"stem":7,"children":8,"page":149},"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,125,129,133,137,141,145],{"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},"Gelatinous Cube","/experiments/gelatinous-cube","experiments/gelatinous-cube",{"title":54,"path":55,"stem":56},"Glass/Plastic Material","/experiments/glass-material","experiments/glass-material",{"title":58,"path":59,"stem":60},"Grainy Liquid Blobs","/experiments/grainy-liquid","experiments/grainy-liquid",{"title":62,"path":63,"stem":64},"Haunted House","/experiments/haunted-house","experiments/haunted-house",{"title":66,"path":67,"stem":68},"Phone with HTML inside","/experiments/html-phone","experiments/html-phone",{"title":70,"path":71,"stem":72},"Low Poly Planet","/experiments/lowpoly-planet","experiments/lowpoly-planet",{"title":74,"path":75,"stem":76},"Magical Marbles","/experiments/magical-marbles","experiments/magical-marbles",{"title":78,"path":79,"stem":80},"Nuxt Stones","/experiments/nuxt-stones","experiments/nuxt-stones",{"title":82,"path":83,"stem":84},"Particle Pumpkin Shader","/experiments/particle-pumpkin","experiments/particle-pumpkin",{"title":86,"path":87,"stem":88},"Particles Morphing","/experiments/particles-morphing","experiments/particles-morphing",{"title":90,"path":91,"stem":92},"Plexus Particles","/experiments/plexus-particles","experiments/plexus-particles",{"title":94,"path":95,"stem":96},"Portal Journey","/experiments/portal-journey","experiments/portal-journey",{"title":98,"path":99,"stem":100},"Wizard's Potion Classroom","/experiments/potions-classroom","experiments/potions-classroom",{"title":102,"path":103,"stem":104},"Rapier Basketball","/experiments/rapier-basketball","experiments/rapier-basketball",{"title":106,"path":107,"stem":108},"Rapier Vehicle","/experiments/rapier-car","experiments/rapier-car",{"title":110,"path":111,"stem":112},"Rapier Object Clump","/experiments/rapier-object-clump","experiments/rapier-object-clump",{"title":114,"path":115,"stem":116},"Rapier Wrecking Ball","/experiments/rapier-wrecking-ball","experiments/rapier-wrecking-ball",{"title":118,"path":119,"stem":120},"Repulsion Effect","/experiments/repulsion-effect","experiments/repulsion-effect",{"title":122,"path":123,"stem":124},"Shadertoy Museum","/experiments/shadertoy-museum","experiments/shadertoy-museum",{"title":126,"path":127,"stem":128},"Space Game","/experiments/space-game","experiments/space-game",{"title":130,"path":131,"stem":132},"Halloween Spooky-saur 🎃","/experiments/spooky-saur","experiments/spooky-saur",{"title":134,"path":135,"stem":136},"Synthwave Landscape","/experiments/synthwave-landscape","experiments/synthwave-landscape",{"title":138,"path":139,"stem":140},"Texture Particle Cursor","/experiments/texture-particle-cursor","experiments/texture-particle-cursor",{"title":142,"path":143,"stem":144},"Vue Fes Japan 2025","/experiments/vuefes-japan-2025","experiments/vuefes-japan-2025",{"title":146,"path":147,"stem":148},"WebGPU","/experiments/webgpu","experiments/webgpu",false,{"id":151,"title":70,"author":152,"body":153,"date":367,"description":368,"extension":369,"featured":149,"lastUpdated":367,"meta":370,"navigation":371,"path":71,"seo":372,"stem":72,"tags":373,"thumbnail":377,"__hash__":378},"experiments/experiments/lowpoly-planet.md","alvarosabu",{"type":154,"value":155,"toc":357},"minimark",[156,165,170,173,213,217,220,258,262,294,298,324,328,354],[157,158,159,160,164],"p",{},"This experiment features a ",[161,162,163],"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.",[166,167,169],"h3",{"id":168},"what-youll-see","What You'll See",[157,171,172],{},"A whimsical space scene featuring:",[174,175,176,183,189,195,201,207],"ul",{},[177,178,179,182],"li",{},[161,180,181],{},"Rotating Low-Poly Planet",": Multi-axis rotation creating dynamic planetary movement",[177,184,185,188],{},[161,186,187],{},"Orbiting Airplane",": Small aircraft circling the planet in realistic orbital patterns",[177,190,191,194],{},[161,192,193],{},"Floating Clouds",": Multiple cloud instances creating atmospheric depth",[177,196,197,200],{},[161,198,199],{},"5000 Starfield",": Procedural star field creating infinite cosmic depth",[177,202,203,206],{},[161,204,205],{},"Dramatic Lighting",": Point and directional lights with cyan color accent",[177,208,209,212],{},[161,210,211],{},"Shadow System",": Soft shadows adding depth and realism",[166,214,216],{"id":215},"technical-implementation","Technical Implementation",[157,218,219],{},"This experiment showcases several key 3D concepts:",[174,221,222,228,234,240,246,252],{},[177,223,224,227],{},[161,225,226],{},"Multi-Axis Rotation",": Planet rotates on X, Y, and Z axes with different speeds",[177,229,230,233],{},[161,231,232],{},"Shadow Mapping",": PCF soft shadows with high-resolution shadow maps (2048x2048)",[177,235,236,239],{},[161,237,238],{},"Model Animation",": useLoop composable for smooth, frame-rate independent animation",[177,241,242,245],{},[161,243,244],{},"Atmospheric Lighting",": Strategic light placement with cyan (#1BFFEF) and purple (#484068) colors",[177,247,248,251],{},[161,249,250],{},"Geometry Traversal",": Proper shadow receiving setup for complex models",[177,253,254,257],{},[161,255,256],{},"Procedural Stars",": Cientos Stars component creating realistic starfield",[166,259,261],{"id":260},"visual-design","Visual Design",[174,263,264,270,276,282,288],{},[177,265,266,269],{},[161,267,268],{},"Low-Poly Aesthetic",": Clean geometric forms with minimal polygon counts",[177,271,272,275],{},[161,273,274],{},"Space Theme",": Deep purple background (#11101B) evoking deep space",[177,277,278,281],{},[161,279,280],{},"Color Harmony",": Cyan lighting against purple ambient creates striking contrast",[177,283,284,287],{},[161,285,286],{},"Soft Shadows",": Realistic shadow softness enhancing the miniature world feel",[177,289,290,293],{},[161,291,292],{},"Dynamic Movement",": Multiple rotation speeds creating engaging visual rhythm",[166,295,297],{"id":296},"animation-features","Animation Features",[174,299,300,306,312,318],{},[177,301,302,305],{},[161,303,304],{},"Planetary Rotation",": Realistic multi-axis rotation simulating planetary spin",[177,307,308,311],{},[161,309,310],{},"Orbital Mechanics",": Airplane follows believable orbital path around planet",[177,313,314,317],{},[161,315,316],{},"Cloud Movement",": Gentle floating motion adding atmospheric life",[177,319,320,323],{},[161,321,322],{},"Smooth Performance",": Delta-time based animation ensuring consistent speed",[166,325,327],{"id":326},"key-technologies","Key Technologies",[174,329,330,336,342,348],{},[177,331,332,335],{},[161,333,334],{},"GLTF Loading",": Efficient model loading from external CDN",[177,337,338,341],{},[161,339,340],{},"Shadow Configuration",": Professional shadow setup with bias adjustment",[177,343,344,347],{},[161,345,346],{},"Bounding Sphere Computation",": Optimized collision detection for orbital mechanics",[177,349,350,353],{},[161,351,352],{},"Material Updates",": Runtime material modification for shadow receiving",[157,355,356],{},"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":358,"searchDepth":359,"depth":359,"links":360},"",2,[361,363,364,365,366],{"id":168,"depth":362,"text":169},3,{"id":215,"depth":362,"text":216},{"id":260,"depth":362,"text":261},{"id":296,"depth":362,"text":297},{"id":326,"depth":362,"text":327},"2023-03-27","Low Poly Planet exported from Blender","md",{},true,{"title":70,"description":368},[374,375,376],"models","cientos","useGLTF","/experiments/lowpoly-planet.webp","1oxvujzffpc2xo0TbAWYBYZ8zG-bP9UZWB60SW7h1Jw",[380,395,410,427,443,461,478,496],{"id":381,"title":382,"avatar":383,"body":384,"description":358,"email":388,"extension":369,"github":152,"meta":389,"name":152,"navigation":371,"path":390,"seo":391,"slug":152,"stem":392,"twitter":152,"website":393,"__hash__":394},"authors/authors/alvarosabu.md","Alvarosabu","/avatars/alvarosabu.jpeg",{"type":154,"value":385,"toc":386},[],{"title":358,"searchDepth":359,"depth":359,"links":387},[],"hola@alvarosaburido.dev",{},"/authors/alvarosabu",{"description":358},"authors/alvarosabu","https://alvarosabu.dev","kfjqjiPxKR64avAeoJeNF40fMr5laisoEnPnfgFGN_U",{"id":396,"title":397,"avatar":398,"body":399,"description":358,"email":403,"extension":369,"github":404,"meta":405,"name":404,"navigation":371,"path":406,"seo":407,"slug":404,"stem":408,"twitter":403,"website":403,"__hash__":409},"authors/authors/andretchen0.md","Andretchen0","/avatars/andretchen0.jpg",{"type":154,"value":400,"toc":401},[],{"title":358,"searchDepth":359,"depth":359,"links":402},[],null,"andretchen0",{},"/authors/andretchen0",{"description":358},"authors/andretchen0","rztGS5YNlU7jYv1laE9f863gZy-WUFK5r3uuycyiMLY",{"id":411,"title":412,"avatar":413,"body":414,"description":358,"email":418,"extension":369,"github":419,"meta":420,"name":421,"navigation":371,"path":422,"seo":423,"slug":419,"stem":424,"twitter":425,"website":403,"__hash__":426},"authors/authors/damienmontastier.md","Damienmontastier","/avatars/damienmontastier.jpg",{"type":154,"value":415,"toc":416},[],{"title":358,"searchDepth":359,"depth":359,"links":417},[],"montastier.damien@gmail.com","damienmontastier",{},"Damien Montastier","/authors/damienmontastier",{"description":358},"authors/damienmontastier","dammontastier","FqtKh6r8pBEM29DE6GhT098-LIpM3BL7RXSxFjrcwwY",{"id":428,"title":429,"avatar":430,"body":431,"description":358,"email":403,"extension":369,"github":435,"meta":436,"name":437,"navigation":371,"path":438,"seo":439,"slug":435,"stem":440,"twitter":441,"website":403,"__hash__":442},"authors/authors/franciscohermida.md","Franciscohermida","/avatars/franciscohermida.jpg",{"type":154,"value":432,"toc":433},[],{"title":358,"searchDepth":359,"depth":359,"links":434},[],"franciscohermida",{},"Francisco Hermida","/authors/franciscohermida",{"description":358},"authors/franciscohermida","chicohermida","2dGmaA2uS0w2CaErMR8BexRzx0pCgoEowV5tZcITkus",{"id":444,"title":445,"avatar":446,"body":447,"description":358,"email":451,"extension":369,"github":452,"meta":453,"name":445,"navigation":371,"path":454,"seo":455,"slug":456,"stem":457,"twitter":458,"website":459,"__hash__":460},"authors/authors/jaime-torrealba.md","Jaime Torrealba","/avatars/jaime-torrealba.jpg",{"type":154,"value":448,"toc":449},[],{"title":358,"searchDepth":359,"depth":359,"links":450},[],"solucionesinformaticasjtc@gmail.com","JaimeTorrealba",{},"/authors/jaime-torrealba",{"description":358},"jaime-bboyjt","authors/jaime-torrealba","jaimebboyjt","https://jaimetorrealba.com/","WhkdXnej1NkT__thyZfYEil3qYn8wi7qVoQSMzyfrs4",{"id":462,"title":463,"avatar":464,"body":465,"description":358,"email":469,"extension":369,"github":470,"meta":471,"name":472,"navigation":371,"path":473,"seo":474,"slug":472,"stem":475,"twitter":469,"website":476,"__hash__":477},"authors/authors/luckystriike.md","Luckystriike","/avatars/luckystriike.jpg",{"type":154,"value":466,"toc":467},[],{"title":358,"searchDepth":359,"depth":359,"links":468},[],"none","luckystriike22",{},"luckystriike","/authors/luckystriike",{"description":358},"authors/luckystriike","https://github.com/luckystriike22","vmVaU8HAY_jbVnlvpUQiwh3uPcKxGGr6B5PF9xo17X8",{"id":479,"title":480,"avatar":481,"body":482,"description":358,"email":486,"extension":369,"github":487,"meta":488,"name":489,"navigation":371,"path":490,"seo":491,"slug":487,"stem":492,"twitter":493,"website":494,"__hash__":495},"authors/authors/neoprint3d.md","Neoprint3d","/avatars/neoprint3d.jpg",{"type":154,"value":483,"toc":484},[],{"title":358,"searchDepth":359,"depth":359,"links":485},[],"drew@neoprint3d.dev","neoprint3d",{},"Drew Ronsman","/authors/neoprint3d",{"description":358},"authors/neoprint3d","drew_ronsman","https://dronsman.com","w-8rauWEJDRmX_QOi4s2PI7n9EABybGURQ-R_ss9tzo",{"id":497,"title":498,"avatar":499,"body":500,"description":358,"email":504,"extension":369,"github":505,"meta":506,"name":498,"navigation":371,"path":507,"seo":508,"slug":505,"stem":509,"twitter":510,"website":511,"__hash__":512},"authors/authors/neosoulink.md","Neosoulink","/avatars/neosoulink.jpg",{"type":154,"value":501,"toc":502},[],{"title":358,"searchDepth":359,"depth":359,"links":503},[],"neodarksoulink@gmail.com","neosoulink",{},"/authors/neosoulink",{"description":358},"authors/neosoulink","nsl_nathan","https://github.com/Neosoulink","69eGfzorl4NNNe56pFRh6qK3AhnfjnKUvCHO-_9Pa1Y",1785417195224]