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