[{"data":1,"prerenderedAt":462},["ShallowReactive",2],{"navigation":3,"/experiments/portal-journey":150,"authors":328},[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":94,"author":152,"body":153,"date":313,"description":314,"extension":315,"featured":149,"lastUpdated":316,"meta":317,"navigation":318,"path":95,"seo":319,"stem":96,"tags":320,"thumbnail":326,"__hash__":327},"experiments/experiments/portal-journey.md","alvarosabu",{"type":154,"value":155,"toc":305},"minimark",[156,173,178,181,221,225,228,266,270,302],[157,158,159,160,164,165,172],"p",{},"This experiment recreates the iconic ",[161,162,163],"strong",{},"portal scene"," from ",[166,167,171],"a",{"href":168,"rel":169},"https://threejs-journey.com/",[170],"nofollow","Bruno Simon's famous Three.js Journey course",", featuring a magical portal surrounded by floating fireflies. The scene demonstrates advanced lighting techniques, custom shaders, and atmospheric effects creating an enchanting fantasy environment.",[174,175,177],"h3",{"id":176},"what-youll-see","What You'll See",[157,179,180],{},"A captivating magical scene featuring:",[182,183,184,191,197,203,209,215],"ul",{},[185,186,187,190],"li",{},[161,188,189],{},"Mystical Portal",": Glowing circular portal with swirling energy effects",[185,192,193,196],{},[161,194,195],{},"Floating Fireflies",": Hundreds of animated fireflies with custom particle shaders",[185,198,199,202],{},[161,200,201],{},"Baked Lighting",": Pre-computed lighting for realistic illumination and shadows",[185,204,205,208],{},[161,206,207],{},"Fantasy Environment",": Detailed 3D environment with rocks, grass, and mystical elements",[185,210,211,214],{},[161,212,213],{},"Shader Effects",": Custom GLSL shaders for portal energy and firefly glow",[185,216,217,220],{},[161,218,219],{},"Atmospheric Lighting",": Carefully crafted lighting creating magical ambiance",[174,222,224],{"id":223},"technical-implementation","Technical Implementation",[157,226,227],{},"This experiment showcases advanced 3D rendering techniques:",[182,229,230,236,242,248,254,260],{},[185,231,232,235],{},[161,233,234],{},"Baked Lighting Pipeline",": Pre-calculated lighting stored in textures for performance",[185,237,238,241],{},[161,239,240],{},"Custom Particle Shaders",": GLSL shaders for firefly animation and glow effects",[185,243,244,247],{},[161,245,246],{},"Portal Shader Effects",": Swirling energy patterns using time-based animations",[185,249,250,253],{},[161,251,252],{},"GLTF Scene Loading",": Complex 3D environment loaded efficiently",[185,255,256,259],{},[161,257,258],{},"Texture Management",": Multiple textures for different scene elements",[185,261,262,265],{},[161,263,264],{},"Performance Optimization",": Balanced visual quality with smooth performance",[174,267,269],{"id":268},"visual-design","Visual Design",[182,271,272,278,284,290,296],{},[185,273,274,277],{},[161,275,276],{},"Fantasy Atmosphere",": Magical lighting and effects creating otherworldly mood",[185,279,280,283],{},[161,281,282],{},"Color Harmony",": Warm and cool tones creating visual depth and interest",[185,285,286,289],{},[161,287,288],{},"Particle Animation",": Realistic firefly movement with natural randomness",[185,291,292,295],{},[161,293,294],{},"Environmental Detail",": Rich 3D environment with varied textures and materials",[185,297,298,301],{},[161,299,300],{},"Lighting Drama",": Strategic light placement highlighting key scene elements",[157,303,304],{},"This experiment serves as an excellent reference for creating magical environments and demonstrates how proper lighting and shader effects can transform a simple scene into a captivating fantasy world.",{"title":306,"searchDepth":307,"depth":307,"links":308},"",2,[309,311,312],{"id":176,"depth":310,"text":177},3,{"id":223,"depth":310,"text":224},{"id":268,"depth":310,"text":269},"2023-03-27","Famous Bruno Simon's ThreeJS Journey Portal.","md","2025-06-26",{},true,{"title":94,"description":314},[321,322,323,324,325],"gltf","shaders","useTexture","useGLTF","baked","/experiments/portal-journey.webp","CsEEFjfr3jK1dm9NovXNc6nPJJPFKC2r4rxAwB4U8Ro",[329,344,359,376,392,410,427,445],{"id":330,"title":331,"avatar":332,"body":333,"description":306,"email":337,"extension":315,"github":152,"meta":338,"name":152,"navigation":318,"path":339,"seo":340,"slug":152,"stem":341,"twitter":152,"website":342,"__hash__":343},"authors/authors/alvarosabu.md","Alvarosabu","/avatars/alvarosabu.jpeg",{"type":154,"value":334,"toc":335},[],{"title":306,"searchDepth":307,"depth":307,"links":336},[],"hola@alvarosaburido.dev",{},"/authors/alvarosabu",{"description":306},"authors/alvarosabu","https://alvarosabu.dev","kfjqjiPxKR64avAeoJeNF40fMr5laisoEnPnfgFGN_U",{"id":345,"title":346,"avatar":347,"body":348,"description":306,"email":352,"extension":315,"github":353,"meta":354,"name":353,"navigation":318,"path":355,"seo":356,"slug":353,"stem":357,"twitter":352,"website":352,"__hash__":358},"authors/authors/andretchen0.md","Andretchen0","/avatars/andretchen0.jpg",{"type":154,"value":349,"toc":350},[],{"title":306,"searchDepth":307,"depth":307,"links":351},[],null,"andretchen0",{},"/authors/andretchen0",{"description":306},"authors/andretchen0","rztGS5YNlU7jYv1laE9f863gZy-WUFK5r3uuycyiMLY",{"id":360,"title":361,"avatar":362,"body":363,"description":306,"email":367,"extension":315,"github":368,"meta":369,"name":370,"navigation":318,"path":371,"seo":372,"slug":368,"stem":373,"twitter":374,"website":352,"__hash__":375},"authors/authors/damienmontastier.md","Damienmontastier","/avatars/damienmontastier.jpg",{"type":154,"value":364,"toc":365},[],{"title":306,"searchDepth":307,"depth":307,"links":366},[],"montastier.damien@gmail.com","damienmontastier",{},"Damien Montastier","/authors/damienmontastier",{"description":306},"authors/damienmontastier","dammontastier","FqtKh6r8pBEM29DE6GhT098-LIpM3BL7RXSxFjrcwwY",{"id":377,"title":378,"avatar":379,"body":380,"description":306,"email":352,"extension":315,"github":384,"meta":385,"name":386,"navigation":318,"path":387,"seo":388,"slug":384,"stem":389,"twitter":390,"website":352,"__hash__":391},"authors/authors/franciscohermida.md","Franciscohermida","/avatars/franciscohermida.jpg",{"type":154,"value":381,"toc":382},[],{"title":306,"searchDepth":307,"depth":307,"links":383},[],"franciscohermida",{},"Francisco Hermida","/authors/franciscohermida",{"description":306},"authors/franciscohermida","chicohermida","2dGmaA2uS0w2CaErMR8BexRzx0pCgoEowV5tZcITkus",{"id":393,"title":394,"avatar":395,"body":396,"description":306,"email":400,"extension":315,"github":401,"meta":402,"name":394,"navigation":318,"path":403,"seo":404,"slug":405,"stem":406,"twitter":407,"website":408,"__hash__":409},"authors/authors/jaime-torrealba.md","Jaime Torrealba","/avatars/jaime-torrealba.jpg",{"type":154,"value":397,"toc":398},[],{"title":306,"searchDepth":307,"depth":307,"links":399},[],"solucionesinformaticasjtc@gmail.com","JaimeTorrealba",{},"/authors/jaime-torrealba",{"description":306},"jaime-bboyjt","authors/jaime-torrealba","jaimebboyjt","https://jaimetorrealba.com/","WhkdXnej1NkT__thyZfYEil3qYn8wi7qVoQSMzyfrs4",{"id":411,"title":412,"avatar":413,"body":414,"description":306,"email":418,"extension":315,"github":419,"meta":420,"name":421,"navigation":318,"path":422,"seo":423,"slug":421,"stem":424,"twitter":418,"website":425,"__hash__":426},"authors/authors/luckystriike.md","Luckystriike","/avatars/luckystriike.jpg",{"type":154,"value":415,"toc":416},[],{"title":306,"searchDepth":307,"depth":307,"links":417},[],"none","luckystriike22",{},"luckystriike","/authors/luckystriike",{"description":306},"authors/luckystriike","https://github.com/luckystriike22","vmVaU8HAY_jbVnlvpUQiwh3uPcKxGGr6B5PF9xo17X8",{"id":428,"title":429,"avatar":430,"body":431,"description":306,"email":435,"extension":315,"github":436,"meta":437,"name":438,"navigation":318,"path":439,"seo":440,"slug":436,"stem":441,"twitter":442,"website":443,"__hash__":444},"authors/authors/neoprint3d.md","Neoprint3d","/avatars/neoprint3d.jpg",{"type":154,"value":432,"toc":433},[],{"title":306,"searchDepth":307,"depth":307,"links":434},[],"drew@neoprint3d.dev","neoprint3d",{},"Drew Ronsman","/authors/neoprint3d",{"description":306},"authors/neoprint3d","drew_ronsman","https://dronsman.com","w-8rauWEJDRmX_QOi4s2PI7n9EABybGURQ-R_ss9tzo",{"id":446,"title":447,"avatar":448,"body":449,"description":306,"email":453,"extension":315,"github":454,"meta":455,"name":447,"navigation":318,"path":456,"seo":457,"slug":454,"stem":458,"twitter":459,"website":460,"__hash__":461},"authors/authors/neosoulink.md","Neosoulink","/avatars/neosoulink.jpg",{"type":154,"value":450,"toc":451},[],{"title":306,"searchDepth":307,"depth":307,"links":452},[],"neodarksoulink@gmail.com","neosoulink",{},"/authors/neosoulink",{"description":306},"authors/neosoulink","nsl_nathan","https://github.com/Neosoulink","69eGfzorl4NNNe56pFRh6qK3AhnfjnKUvCHO-_9Pa1Y",1785417194861]