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