[{"data":1,"prerenderedAt":215},["ShallowReactive",2],{"embed-potions-classroom":3},{"id":4,"title":5,"author":6,"body":7,"date":197,"description":198,"extension":199,"featured":200,"lastUpdated":201,"meta":202,"navigation":203,"path":204,"responsive":200,"seo":205,"stem":206,"tags":207,"thumbnail":213,"__hash__":214},"experiments\u002Fexperiments\u002Fpotions-classroom.md","Wizard's Potion Classroom","alvarosabu",{"type":8,"value":9,"toc":188},"minimark",[10,27,32,35,75,79,82,119,123,155,159,185],[11,12,13,14,18,19,26],"p",{},"This experiment recreates a ",[15,16,17],"strong",{},"magical wizard's classroom"," complete with floating candles, brewing potions, and mystical atmosphere. Created for ",[20,21,25],"a",{"href":22,"rel":23},"https:\u002F\u002Fyoutu.be\u002FAol9FbJvb2k?si=8awnkJA3IU2HGKz8",[24],"nofollow","Vue.js Live London 2023",", this scene demonstrates how TresJS can create immersive magical environments perfect for educational presentations and fantasy themes.",[28,29,31],"h3",{"id":30},"what-youll-see","What You'll See",[11,33,34],{},"A detailed magical classroom featuring:",[36,37,38,45,51,57,63,69],"ul",{},[39,40,41,44],"li",{},[15,42,43],{},"Floating Candles",": Levitating candles with realistic flame effects using Levioso component",[39,46,47,50],{},[15,48,49],{},"Potion Bottles",": Various magical bottles and cauldrons with glowing contents",[39,52,53,56],{},[15,54,55],{},"Classroom Details",": Books, scrolls, skulls, and other magical artifacts",[39,58,59,62],{},[15,60,61],{},"Baked Lighting",": Pre-computed lighting creating realistic shadows and atmosphere",[39,64,65,68],{},[15,66,67],{},"Emissive Materials",": Glowing potions and magical elements with bloom effects",[39,70,71,74],{},[15,72,73],{},"Interactive Elements",": Clickable objects and hover effects",[28,76,78],{"id":77},"technical-implementation","Technical Implementation",[11,80,81],{},"This experiment showcases comprehensive 3D scene creation:",[36,83,84,90,96,102,107,113],{},[39,85,86,89],{},[15,87,88],{},"Complex Scene Management",": Multiple GLTF models organized into logical components",[39,91,92,95],{},[15,93,94],{},"Baked Lighting Pipeline",": Professional lighting workflow for realistic illumination",[39,97,98,101],{},[15,99,100],{},"Levioso Integration",": Floating animation system for magical elements",[39,103,104,106],{},[15,105,67],{},": Self-illuminating objects contributing to scene lighting",[39,108,109,112],{},[15,110,111],{},"Component Architecture",": Modular scene components for maintainable code",[39,114,115,118],{},[15,116,117],{},"Performance Optimization",": Efficient rendering of complex magical environment",[28,120,122],{"id":121},"scene-components","Scene Components",[36,124,125,131,137,143,149],{},[39,126,127,130],{},[15,128,129],{},"Room Structure",": Detailed classroom with walls, windows, and architectural elements",[39,132,133,136],{},[15,134,135],{},"Furniture",": Tables, chairs, shelves filled with magical items",[39,138,139,142],{},[15,140,141],{},"Magical Elements",": Floating candles, glowing potions, mystical artifacts",[39,144,145,148],{},[15,146,147],{},"Lighting Setup",": Multiple light sources creating dramatic magical atmosphere",[39,150,151,154],{},[15,152,153],{},"Interactive Objects",": Clickable items with animations and effects",[28,156,158],{"id":157},"visual-design","Visual Design",[36,160,161,167,173,179],{},[39,162,163,166],{},[15,164,165],{},"Fantasy Atmosphere",": Warm lighting and rich textures creating cozy magical feel",[39,168,169,172],{},[15,170,171],{},"Attention to Detail",": Carefully placed props and decorations enhancing immersion",[39,174,175,178],{},[15,176,177],{},"Color Palette",": Warm oranges and deep purples creating magical ambiance",[39,180,181,184],{},[15,182,183],{},"Material Variety",": Different textures and materials for authentic classroom feel",[11,186,187],{},"This experiment demonstrates how TresJS can create compelling educational content and immersive environments, perfect for presentations, games, or interactive learning experiences.",{"title":189,"searchDepth":190,"depth":190,"links":191},"",2,[192,194,195,196],{"id":30,"depth":193,"text":31},3,{"id":77,"depth":193,"text":78},{"id":121,"depth":193,"text":122},{"id":157,"depth":193,"text":158},"2023-05-05","Potions classroom scene for VueJS Live London 2023","md",false,"2025-06-30",{},true,"\u002Fexperiments\u002Fpotions-classroom",{"title":5,"description":198},"experiments\u002Fpotions-classroom",[208,209,210,211,212],"baked","blender","levioso","useGltf","emissive","\u002Fexperiments\u002Fpotions-classroom.webp","5-Bqvw8FOnRfELtJw5_zsUvPFRXB74Vr_pmsGchnBmY",1791549578031]