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