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