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