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