[{"data":1,"prerenderedAt":376},["ShallowReactive",2],{"navigation":3,"index":211},[4,29,62,149,177,187,191,195,199,203,207],{"title":5,"path":6,"stem":7,"children":8,"icon":27,"titleTemplate":28},"Getting Started","/getting-started","1.getting-started/1.index",[9,12,17,22],{"title":10,"path":6,"stem":7,"icon":11},"Introduction","i-lucide-house",{"title":13,"path":14,"stem":15,"icon":16},"Installation","/getting-started/installation","1.getting-started/2.installation","i-lucide-download",{"title":18,"path":19,"stem":20,"icon":21},"Your First Scene","/getting-started/your-first-scene","1.getting-started/3.your-first-scene","i-lucide-donut",{"title":23,"path":24,"stem":25,"icon":26},"Upgrade Guide","/getting-started/upgrade-guide","1.getting-started/4.upgrade-guide","i-lucide-circle-arrow-up","i-lucide-rocket","%s · Get Started with TresJS",{"title":30,"path":31,"stem":32,"children":33,"page":-1},"Essentials","/essentials","2.essentials",[34,36,48],{"title":30,"path":31,"stem":35},"2.essentials/index",{"title":37,"icon":38,"open":39,"path":40,"stem":41,"children":42,"page":47},"Core Architecture","i-lucide-cpu",true,"/essentials/core-architecture","2.essentials/1.core-architecture",[43],{"title":44,"path":45,"stem":46},"Custom Vue Renderer","/essentials/core-architecture/custom-vue-renderer","2.essentials/1.core-architecture/2.custom-vue-renderer",false,{"title":49,"icon":50,"open":39,"path":51,"stem":52,"children":53,"page":47},"Key Concepts","i-lucide-medal","/essentials/concepts","2.essentials/2.concepts",[54,58],{"title":55,"path":56,"stem":57},"Declarative vs Imperative","/essentials/concepts/declarative-vs-imperative","2.essentials/2.concepts/1.declarative-vs-imperative",{"title":59,"path":60,"stem":61},"Reactivity","/essentials/concepts/reactivity","2.essentials/2.concepts/2.reactivity",{"title":63,"path":64,"stem":65,"children":66,"page":-1},"API","/api","3.api",[67,70,84,111,121,131],{"title":68,"path":64,"stem":69},"TresJS API Reference","3.api/1.index",{"title":71,"icon":72,"open":39,"path":73,"stem":74,"children":75,"page":47},"Components","i-lucide-box","/api/components","3.api/1.components",[76,80],{"title":77,"path":78,"stem":79},"\u003CTresCanvas />","/api/components/tres-canvas","3.api/1.components/tres-canvas",{"title":81,"path":82,"stem":83},"Tres Components","/api/components/tres-objects","3.api/1.components/tres-objects",{"title":85,"titleTemplate":86,"icon":87,"path":88,"stem":89,"children":90,"page":47},"Composables","%s · TresJS Composables","i-lucide-arrow-right-left","/api/composables","3.api/2.composables",[91,95,99,103,107],{"title":92,"path":93,"stem":94},"useTres","/api/composables/use-tres","3.api/2.composables/1.use-tres",{"title":96,"path":97,"stem":98},"useTresContext","/api/composables/use-tres-context","3.api/2.composables/2.use-tres-context",{"title":100,"path":101,"stem":102},"useLoop","/api/composables/use-loop","3.api/2.composables/3.use-loop",{"title":104,"path":105,"stem":106},"useGraph","/api/composables/use-graph","3.api/2.composables/4.use-graph",{"title":108,"path":109,"stem":110},"useLoader","/api/composables/use-loader","3.api/2.composables/5.use-loader",{"title":112,"icon":113,"path":114,"stem":115,"children":116,"page":47},"Event handling","i-lucide-mouse-pointer-2","/api/events","3.api/3.events",[117],{"title":118,"path":119,"stem":120},"Pointer Events","/api/events/pointer-events","3.api/3.events/1.pointer-events",{"title":122,"icon":123,"path":124,"stem":125,"children":126,"page":47},"Utils","i-lucide-wrench","/api/utils","3.api/4.utils",[127],{"title":128,"path":129,"stem":130},"Type Guards","/api/utils/type-guards","3.api/4.utils/1.type-guards",{"title":132,"icon":133,"path":134,"stem":135,"children":136,"page":47},"Advanced","i-lucide-brain-circuit","/api/advanced","3.api/5.advanced",[137,141,145],{"title":138,"path":139,"stem":140},"Scaling Performance 🚀","/api/advanced/performance","3.api/5.advanced/performance",{"title":142,"path":143,"stem":144},"Primitives","/api/advanced/primitives","3.api/5.advanced/primitives",{"title":146,"path":147,"stem":148},"WebGPU","/api/advanced/web-gpu","3.api/5.advanced/web-gpu",{"title":150,"path":151,"stem":152,"children":153,"page":-1},"Cookbook","/cookbook","4.cookbook",[154,157,161,165,169,173],{"title":155,"path":151,"stem":156},"Cookbook 🍳🧑‍🍳","4.cookbook/index",{"title":158,"path":159,"stem":160},"OrbitControls","/cookbook/orbit-controls","4.cookbook/1.orbit-controls",{"title":162,"path":163,"stem":164},"Basic Animations","/cookbook/basic-animations","4.cookbook/2.basic-animations",{"title":166,"path":167,"stem":168},"Model Animation","/cookbook/model-animation","4.cookbook/3.model-animation",{"title":170,"path":171,"stem":172},"Advanced GSAP Animations","/cookbook/advanced-gsap-animations","4.cookbook/4.advanced-gsap-animations",{"title":174,"path":175,"stem":176},"Tweakpane","/cookbook/tweakpane","4.cookbook/5.tweakpane",{"title":178,"path":179,"stem":180,"children":181},"Community","/community","5.community/1.index",[182,183],{"title":178,"path":179,"stem":180},{"title":184,"path":185,"stem":186},"Awesome Resources","/community/awesome-resources","5.community/awesome-resources",{"title":188,"path":189,"stem":190},"German Translation","/de","de",{"title":192,"path":193,"stem":194},"Spanish Translation","/es","es",{"title":196,"path":197,"stem":198},"French Translation","/fr","fr",{"title":200,"path":201,"stem":202},"Italian Translation","/it","it",{"title":204,"path":205,"stem":206},"Japanese Translation","/jp","jp",{"title":208,"path":209,"stem":210},"Chinese Translation","/zh","zh",{"id":212,"title":213,"body":214,"description":213,"extension":368,"meta":369,"navigation":39,"path":370,"seo":371,"stem":374,"__hash__":375},"landing/index.md","",{"type":215,"value":216,"toc":364},"minimark",[217,262],[218,219,220,237,242],"u-page-hero",{},[221,222,223],"template",{"v-slot:title":213},[224,225,226,232,233,236],"p",{},[227,228,231],"span",{"className":229},[230],"text-primary-300","TresJS"," ",[234,235],"br",{},"\nBring Three to the Vue ecosystem",[221,238,239],{"v-slot:description":213},[224,240,241],{},"Create awesome Three-based experiences with the framework you love.",[221,243,244,253],{"v-slot:links":213},[245,246,250],"u-button",{"color":247,"size":248,"to":6,"trailing-icon":249},"neutral","lg","i-lucide-arrow-right",[224,251,252],{},"Get started",[245,254,259],{"color":247,"size":248,"to":255,"target":256,"variant":257,"icon":258},"https://github.com/tresjs/tres","_blank","subtle","i-simple-icons-github",[224,260,261],{},"Star on GitHub",[263,264,265,270,279],"u-page-section",{},[221,266,267],{"v-slot:title":213},[224,268,269],{},"Features you will love",[221,271,272],{"v-slot:links":213},[245,273,276],{"color":247,"size":248,"to":274,"target":256,"variant":257,"trailingIcon":275},"https://lab.tresjs.org/","i-lucide:flask-conical",[224,277,278],{},"Explore the lab",[221,280,281,295,309,323,337,351],{"v-slot:features":213},[282,283,285,290],"u-page-feature",{"icon":284,"target":256},"i-lucide-lightbulb",[221,286,287],{"v-slot:title":213},[224,288,289],{},"Declarative",[221,291,292],{"v-slot:description":213},[224,293,294],{},"Build 3D scenes with familiar Vue components and composables.",[282,296,299,304],{"icon":297,"target":256,"to":298},"i-simple-icons-threedotjs","https://threejs.org",[221,300,301],{"v-slot:title":213},[224,302,303],{},"Up to date with Three.js",[221,305,306],{"v-slot:description":213},[224,307,308],{},"Enjoy the latest features right away.",[282,310,313,318],{"icon":311,"target":256,"to":312},"i-lucide-smile","https://ui.nuxt.com",[221,314,315],{"v-slot:title":213},[224,316,317],{},"DX focused",[221,319,320],{"v-slot:description":213},[224,321,322],{},"Inspect your 3D scenes like never before with official devtools.",[282,324,327,332],{"icon":325,"target":256,"to":326},"i-simple-icons-typescript","https://www.typescriptlang.org",[221,328,329],{"v-slot:title":213},[224,330,331],{},"TypeScript",[221,333,334],{"v-slot:description":213},[224,335,336],{},"A fully typed development experience.",[282,338,341,346],{"icon":339,"target":256,"to":340},"i-simple-icons-nuxtdotjs","https://nuxt.com/modules/tresjs",[221,342,343],{"v-slot:title":213},[224,344,345],{},"Nuxt module",[221,347,348],{"v-slot:description":213},[224,349,350],{},"Enjoy the best of both worlds with a fully integrated experience.",[282,352,354,359],{"icon":353,"target":256},"i-lucide:tree-deciduous",[221,355,356],{"v-slot:title":213},[224,357,358],{},"Ecosystem",[221,360,361],{"v-slot:description":213},[224,362,363],{},"Extend the core functionality with packages such as cientos and postprocessing or add your own custom packages.",{"title":213,"searchDepth":365,"depth":366,"links":367},1,2,[],"md",{},"/",{"title":372,"description":373},"TresJS - Bring Three to the Vue ecosystem","Create awesome 3D experiences with the framework you love.","index","4EiZr56JMJwmn76BnfZDfV9MY0D69txKUjCY9kcrCxY",1768600241399]