[{"data":1,"prerenderedAt":409},["ShallowReactive",2],{"navigation":3,"/community/awesome-resources":211,"/community/awesome-resources-surround":404},[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},"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},"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},"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":184,"body":213,"description":398,"extension":399,"links":400,"meta":401,"navigation":39,"path":185,"seo":402,"stem":186,"__hash__":403},"docs/5.community/awesome-resources.md",{"type":214,"value":215,"toc":389},"minimark",[216,224,229,261,264,270,274,304,308,331,335,351,355],[217,218,219],"p",{},[220,221],"img",{"alt":222,"src":223},"","/tres-post-processing-banner.png",[225,226,228],"h2",{"id":227},"community-plugins","Community plugins",[230,231,232,248],"ul",{},[233,234,235,242,243],"li",{},[236,237,241],"a",{"href":238,"rel":239},"https://github.com/toddeTV/gltf-type-toolkit",[240],"nofollow","Gltf-Type-Toolkit"," (Generates type-safe glTF file representations in TypeScript) by ",[236,244,247],{"href":245,"rel":246},"https://github.com/toddeTV",[240],"toddeTV",[233,249,250,255,256],{},[236,251,254],{"href":252,"rel":253},"https://github.com/JaimeTorrealba/three-scatter",[240],"three-scatter"," (helps scatter meshes with Threejs) by ",[236,257,260],{"href":258,"rel":259},"https://github.com/JaimeTorrealba",[240],"JaimeTorrealba",[217,262,263],{},"You have a community plugin that helps solve a problem?\nPlease open a pull request and let us know more details about what your plugin solves, so we can review it and add it to the list.",[265,266,267],"prose-note",{},[217,268,269],{},"The following resources are mostly using Tres v4, we will add new resources covering v5 over time.",[225,271,273],{"id":272},"recent-talks-on-tresjs","Recent talks on TresJS",[230,275,276,283,290,297],{},[233,277,278],{},[236,279,282],{"href":280,"rel":281},"https://www.youtube.com/watch?v=k_BEfbY9wrw",[240],"Bring the Magic of 3D to Your Vue Applications With TresJS by Alvaro Saburido",[233,284,285],{},[236,286,289],{"href":287,"rel":288},"https://www.youtube.com/watch?v=l_-Zx_HQYE4",[240],"Vue.js Talks #8 — 3D with Vue.js and Three.js, Formwerk, Latest Frontend Trends April 2025",[233,291,292],{},[236,293,296],{"href":294,"rel":295},"https://www.youtube.com/watch?v=MVwN7DAzMFo",[240],"Vue.js Nation 2025: Alvaro Saburido - TresJS Effects for Jaw-Dropping Visuals!",[233,298,299],{},[236,300,303],{"href":301,"rel":302},"https://www.youtube.com/watch?v=o5zTGtHb5-o",[240],"Nuxt Nation 2024: Thorsten Seyschab - Playing with Nuxt in 3D",[225,305,307],{"id":306},"recent-articles-on-tresjs","Recent articles on TresJS",[230,309,310,317,324],{},[233,311,312],{},[236,313,316],{"href":314,"rel":315},"https://medium.com/stackademic/multi-cameras-with-tresjs-26a54d06878e",[240],"Multi-Cameras with TresJS",[233,318,319],{},[236,320,323],{"href":321,"rel":322},"https://medium.com/stackademic/how-to-create-an-infinite-tube-with-tresjs-e9ff4fc76e86",[240],"How to create an infinite tube with TresJS",[233,325,326],{},[236,327,330],{"href":328,"rel":329},"https://medium.com/@Jaimebboyjt/3d-pixel-art-on-the-web-f70fbf68fb4f",[240],"3D Pixel Art on the Web",[225,332,334],{"id":333},"games-built-with-tresjs","Games built with TresJS",[230,336,337,344],{},[233,338,339],{},[236,340,343],{"href":341,"rel":342},"https://nuxt-3d-dnd-game.fly.dev/",[240],"Dungeons & Dragons-like 3D game, built entirely with Nuxt, TresJS, and ThreeJS",[233,345,346],{},[236,347,350],{"href":348,"rel":349},"https://zlig.net/game",[240],"zlig is a Japanese zen-inspired idle browser game",[225,352,354],{"id":353},"courses","Courses",[230,356,357,365,373,381],{},[233,358,359,360],{},"Egghead Course by Alvaro ",[236,361,364],{"href":362,"rel":363},"https://egghead.io/courses/create-interactive-3d-experiences-with-tresjs-004057c2",[240],"Create Interactive 3D Experiences with TresJS",[233,366,367,368],{},"Become a Three.js developer ",[236,369,372],{"href":370,"rel":371},"https://threejs-journey.com/?c=p3",[240],"ThreeJS Journey by Bruno Simon",[233,374,375,376],{},"Crea experiencias 3D increíbles con Vue (Spanish 🇪🇸) ",[236,377,380],{"href":378,"rel":379},"https://midu.dev/curso/experiencias-3d-con-vue",[240],"Crea experiencias 3D increíbles con Vue by Alvaro Saburido",[233,382,383,384],{},"Tresjs, interfaces 3D con VueJs by Jaime Torrealba (Spanish 🇪🇸) ",[236,385,388],{"href":386,"rel":387},"https://www.udemy.com/course/tresjs-interfaces-3d-con-vuejs/",[240],"Tresjs, interfaces 3D con VueJs by Jaime Torrealba",{"title":222,"searchDepth":390,"depth":391,"links":392},1,2,[393,394,395,396,397],{"id":227,"depth":391,"text":228},{"id":272,"depth":391,"text":273},{"id":306,"depth":391,"text":307},{"id":333,"depth":391,"text":334},{"id":353,"depth":391,"text":354},"A curated list of interesting TresJS community resources.","md",null,{},{"title":184,"description":398},"7BJgaRhQfBa9CM53j_20D4KkfofrhJBsfKvBvWuEb1o",[405,407],{"title":178,"path":179,"stem":180,"description":406,"children":-1},"Find answers and support from the community.",{"title":188,"path":189,"stem":190,"description":408,"children":-1},"Wir haben derzeit keine deutsche Übersetzung der TresJS v5 Dokumentation.",1768600250351]