[{"data":1,"prerenderedAt":492},["ShallowReactive",2],{"navigation":3,"/experiments/potions-classroom":150,"authors":358},[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":98,"author":152,"body":153,"date":343,"description":344,"extension":345,"featured":149,"lastUpdated":346,"meta":347,"navigation":348,"path":99,"seo":349,"stem":100,"tags":350,"thumbnail":356,"__hash__":357},"experiments/experiments/potions-classroom.md","alvarosabu",{"type":154,"value":155,"toc":334},"minimark",[156,173,178,181,221,225,228,265,269,301,305,331],[157,158,159,160,164,165,172],"p",{},"This experiment recreates a ",[161,162,163],"strong",{},"magical wizard's classroom"," complete with floating candles, brewing potions, and mystical atmosphere. Created for ",[166,167,171],"a",{"href":168,"rel":169},"https://youtu.be/Aol9FbJvb2k?si=8awnkJA3IU2HGKz8",[170],"nofollow","Vue.js Live London 2023",", this scene demonstrates how TresJS can create immersive magical environments perfect for educational presentations and fantasy themes.",[174,175,177],"h3",{"id":176},"what-youll-see","What You'll See",[157,179,180],{},"A detailed magical classroom featuring:",[182,183,184,191,197,203,209,215],"ul",{},[185,186,187,190],"li",{},[161,188,189],{},"Floating Candles",": Levitating candles with realistic flame effects using Levioso component",[185,192,193,196],{},[161,194,195],{},"Potion Bottles",": Various magical bottles and cauldrons with glowing contents",[185,198,199,202],{},[161,200,201],{},"Classroom Details",": Books, scrolls, skulls, and other magical artifacts",[185,204,205,208],{},[161,206,207],{},"Baked Lighting",": Pre-computed lighting creating realistic shadows and atmosphere",[185,210,211,214],{},[161,212,213],{},"Emissive Materials",": Glowing potions and magical elements with bloom effects",[185,216,217,220],{},[161,218,219],{},"Interactive Elements",": Clickable objects and hover effects",[174,222,224],{"id":223},"technical-implementation","Technical Implementation",[157,226,227],{},"This experiment showcases comprehensive 3D scene creation:",[182,229,230,236,242,248,253,259],{},[185,231,232,235],{},[161,233,234],{},"Complex Scene Management",": Multiple GLTF models organized into logical components",[185,237,238,241],{},[161,239,240],{},"Baked Lighting Pipeline",": Professional lighting workflow for realistic illumination",[185,243,244,247],{},[161,245,246],{},"Levioso Integration",": Floating animation system for magical elements",[185,249,250,252],{},[161,251,213],{},": Self-illuminating objects contributing to scene lighting",[185,254,255,258],{},[161,256,257],{},"Component Architecture",": Modular scene components for maintainable code",[185,260,261,264],{},[161,262,263],{},"Performance Optimization",": Efficient rendering of complex magical environment",[174,266,268],{"id":267},"scene-components","Scene Components",[182,270,271,277,283,289,295],{},[185,272,273,276],{},[161,274,275],{},"Room Structure",": Detailed classroom with walls, windows, and architectural elements",[185,278,279,282],{},[161,280,281],{},"Furniture",": Tables, chairs, shelves filled with magical items",[185,284,285,288],{},[161,286,287],{},"Magical Elements",": Floating candles, glowing potions, mystical artifacts",[185,290,291,294],{},[161,292,293],{},"Lighting Setup",": Multiple light sources creating dramatic magical atmosphere",[185,296,297,300],{},[161,298,299],{},"Interactive Objects",": Clickable items with animations and effects",[174,302,304],{"id":303},"visual-design","Visual Design",[182,306,307,313,319,325],{},[185,308,309,312],{},[161,310,311],{},"Fantasy Atmosphere",": Warm lighting and rich textures creating cozy magical feel",[185,314,315,318],{},[161,316,317],{},"Attention to Detail",": Carefully placed props and decorations enhancing immersion",[185,320,321,324],{},[161,322,323],{},"Color Palette",": Warm oranges and deep purples creating magical ambiance",[185,326,327,330],{},[161,328,329],{},"Material Variety",": Different textures and materials for authentic classroom feel",[157,332,333],{},"This experiment demonstrates how TresJS can create compelling educational content and immersive environments, perfect for presentations, games, or interactive learning experiences.",{"title":335,"searchDepth":336,"depth":336,"links":337},"",2,[338,340,341,342],{"id":176,"depth":339,"text":177},3,{"id":223,"depth":339,"text":224},{"id":267,"depth":339,"text":268},{"id":303,"depth":339,"text":304},"2023-05-05","Potions classroom scene for VueJS Live London 2023","md","2025-06-30",{},true,{"title":98,"description":344},[351,352,353,354,355],"baked","blender","levioso","useGltf","emissive","/experiments/potions-classroom.webp","bDPVF3tmlZ-7NWtncszW6d3zN5Qvn-TWlzLr6b35jQg",[359,374,389,406,422,440,457,475],{"id":360,"title":361,"avatar":362,"body":363,"description":335,"email":367,"extension":345,"github":152,"meta":368,"name":152,"navigation":348,"path":369,"seo":370,"slug":152,"stem":371,"twitter":152,"website":372,"__hash__":373},"authors/authors/alvarosabu.md","Alvarosabu","/avatars/alvarosabu.jpeg",{"type":154,"value":364,"toc":365},[],{"title":335,"searchDepth":336,"depth":336,"links":366},[],"hola@alvarosaburido.dev",{},"/authors/alvarosabu",{"description":335},"authors/alvarosabu","https://alvarosabu.dev","kfjqjiPxKR64avAeoJeNF40fMr5laisoEnPnfgFGN_U",{"id":375,"title":376,"avatar":377,"body":378,"description":335,"email":382,"extension":345,"github":383,"meta":384,"name":383,"navigation":348,"path":385,"seo":386,"slug":383,"stem":387,"twitter":382,"website":382,"__hash__":388},"authors/authors/andretchen0.md","Andretchen0","/avatars/andretchen0.jpg",{"type":154,"value":379,"toc":380},[],{"title":335,"searchDepth":336,"depth":336,"links":381},[],null,"andretchen0",{},"/authors/andretchen0",{"description":335},"authors/andretchen0","rztGS5YNlU7jYv1laE9f863gZy-WUFK5r3uuycyiMLY",{"id":390,"title":391,"avatar":392,"body":393,"description":335,"email":397,"extension":345,"github":398,"meta":399,"name":400,"navigation":348,"path":401,"seo":402,"slug":398,"stem":403,"twitter":404,"website":382,"__hash__":405},"authors/authors/damienmontastier.md","Damienmontastier","/avatars/damienmontastier.jpg",{"type":154,"value":394,"toc":395},[],{"title":335,"searchDepth":336,"depth":336,"links":396},[],"montastier.damien@gmail.com","damienmontastier",{},"Damien Montastier","/authors/damienmontastier",{"description":335},"authors/damienmontastier","dammontastier","FqtKh6r8pBEM29DE6GhT098-LIpM3BL7RXSxFjrcwwY",{"id":407,"title":408,"avatar":409,"body":410,"description":335,"email":382,"extension":345,"github":414,"meta":415,"name":416,"navigation":348,"path":417,"seo":418,"slug":414,"stem":419,"twitter":420,"website":382,"__hash__":421},"authors/authors/franciscohermida.md","Franciscohermida","/avatars/franciscohermida.jpg",{"type":154,"value":411,"toc":412},[],{"title":335,"searchDepth":336,"depth":336,"links":413},[],"franciscohermida",{},"Francisco Hermida","/authors/franciscohermida",{"description":335},"authors/franciscohermida","chicohermida","2dGmaA2uS0w2CaErMR8BexRzx0pCgoEowV5tZcITkus",{"id":423,"title":424,"avatar":425,"body":426,"description":335,"email":430,"extension":345,"github":431,"meta":432,"name":424,"navigation":348,"path":433,"seo":434,"slug":435,"stem":436,"twitter":437,"website":438,"__hash__":439},"authors/authors/jaime-torrealba.md","Jaime Torrealba","/avatars/jaime-torrealba.jpg",{"type":154,"value":427,"toc":428},[],{"title":335,"searchDepth":336,"depth":336,"links":429},[],"solucionesinformaticasjtc@gmail.com","JaimeTorrealba",{},"/authors/jaime-torrealba",{"description":335},"jaime-bboyjt","authors/jaime-torrealba","jaimebboyjt","https://jaimetorrealba.com/","WhkdXnej1NkT__thyZfYEil3qYn8wi7qVoQSMzyfrs4",{"id":441,"title":442,"avatar":443,"body":444,"description":335,"email":448,"extension":345,"github":449,"meta":450,"name":451,"navigation":348,"path":452,"seo":453,"slug":451,"stem":454,"twitter":448,"website":455,"__hash__":456},"authors/authors/luckystriike.md","Luckystriike","/avatars/luckystriike.jpg",{"type":154,"value":445,"toc":446},[],{"title":335,"searchDepth":336,"depth":336,"links":447},[],"none","luckystriike22",{},"luckystriike","/authors/luckystriike",{"description":335},"authors/luckystriike","https://github.com/luckystriike22","vmVaU8HAY_jbVnlvpUQiwh3uPcKxGGr6B5PF9xo17X8",{"id":458,"title":459,"avatar":460,"body":461,"description":335,"email":465,"extension":345,"github":466,"meta":467,"name":468,"navigation":348,"path":469,"seo":470,"slug":466,"stem":471,"twitter":472,"website":473,"__hash__":474},"authors/authors/neoprint3d.md","Neoprint3d","/avatars/neoprint3d.jpg",{"type":154,"value":462,"toc":463},[],{"title":335,"searchDepth":336,"depth":336,"links":464},[],"drew@neoprint3d.dev","neoprint3d",{},"Drew Ronsman","/authors/neoprint3d",{"description":335},"authors/neoprint3d","drew_ronsman","https://dronsman.com","w-8rauWEJDRmX_QOi4s2PI7n9EABybGURQ-R_ss9tzo",{"id":476,"title":477,"avatar":478,"body":479,"description":335,"email":483,"extension":345,"github":484,"meta":485,"name":477,"navigation":348,"path":486,"seo":487,"slug":484,"stem":488,"twitter":489,"website":490,"__hash__":491},"authors/authors/neosoulink.md","Neosoulink","/avatars/neosoulink.jpg",{"type":154,"value":480,"toc":481},[],{"title":335,"searchDepth":336,"depth":336,"links":482},[],"neodarksoulink@gmail.com","neosoulink",{},"/authors/neosoulink",{"description":335},"authors/neosoulink","nsl_nathan","https://github.com/Neosoulink","69eGfzorl4NNNe56pFRh6qK3AhnfjnKUvCHO-_9Pa1Y",1785417194860]