[{"data":1,"prerenderedAt":2439},["ShallowReactive",2],{"navigation":3,"/api/advanced/web-gpu":239,"/api/advanced/web-gpu-surround":2434},[4,29,78,173,205,215,219,223,227,231,235],{"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,62,66,70,74],{"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},"Constructor Arguments","/essentials/concepts/constructor-arguments","2.essentials/2.concepts/3.constructor-arguments",{"title":67,"path":68,"stem":69},"Declarative Properties","/essentials/concepts/declarative-properties","2.essentials/2.concepts/4.declarative-properties",{"title":71,"path":72,"stem":73},"Extending the Catalogue","/essentials/concepts/extending-catalogue","2.essentials/2.concepts/5.extending-catalogue",{"title":75,"path":76,"stem":77},"Child Attachments","/essentials/concepts/child-attachments","2.essentials/2.concepts/6.child-attachments",{"title":79,"path":80,"stem":81,"children":82},"API","/api","3.api",[83,86,104,131,141,155],{"title":84,"path":80,"stem":85},"TresJS API Reference","3.api/1.index",{"title":87,"icon":88,"open":39,"path":89,"stem":90,"children":91,"page":47},"Components","i-lucide-box","/api/components","3.api/1.components",[92,96,100],{"title":93,"path":94,"stem":95},"\u003CTresCanvas />","/api/components/tres-canvas","3.api/1.components/tres-canvas",{"title":97,"path":98,"stem":99},"\u003CTresCanvasContext />","/api/components/tres-context","3.api/1.components/tres-context",{"title":101,"path":102,"stem":103},"Tres Components","/api/components/tres-objects","3.api/1.components/tres-objects",{"title":105,"titleTemplate":106,"icon":107,"path":108,"stem":109,"children":110,"page":47},"Composables","%s · TresJS Composables","i-lucide-arrow-right-left","/api/composables","3.api/2.composables",[111,115,119,123,127],{"title":112,"path":113,"stem":114},"useTres","/api/composables/use-tres","3.api/2.composables/1.use-tres",{"title":116,"path":117,"stem":118},"useTresContext","/api/composables/use-tres-context","3.api/2.composables/2.use-tres-context",{"title":120,"path":121,"stem":122},"useLoop","/api/composables/use-loop","3.api/2.composables/3.use-loop",{"title":124,"path":125,"stem":126},"useGraph","/api/composables/use-graph","3.api/2.composables/4.use-graph",{"title":128,"path":129,"stem":130},"useLoader","/api/composables/use-loader","3.api/2.composables/5.use-loader",{"title":132,"icon":133,"path":134,"stem":135,"children":136,"page":47},"Event handling","i-lucide-mouse-pointer-2","/api/events","3.api/3.events",[137],{"title":138,"path":139,"stem":140},"Pointer Events","/api/events/pointer-events","3.api/3.events/1.pointer-events",{"title":142,"icon":143,"path":144,"stem":145,"children":146,"page":47},"Utils","i-lucide-wrench","/api/utils","3.api/4.utils",[147,151],{"title":148,"path":149,"stem":150},"Type Guards","/api/utils/type-guards","3.api/4.utils/1.type-guards",{"title":152,"path":153,"stem":154},"Directives","/api/utils/directives","3.api/4.utils/2.directives",{"title":156,"icon":157,"path":158,"stem":159,"children":160,"page":47},"Advanced","i-lucide-brain-circuit","/api/advanced","3.api/5.advanced",[161,165,169],{"title":162,"path":163,"stem":164},"Scaling Performance 🚀","/api/advanced/performance","3.api/5.advanced/performance",{"title":166,"path":167,"stem":168},"Primitives","/api/advanced/primitives","3.api/5.advanced/primitives",{"title":170,"path":171,"stem":172},"WebGPU","/api/advanced/web-gpu","3.api/5.advanced/web-gpu",{"title":174,"path":175,"stem":176,"children":177},"Cookbook","/cookbook","4.cookbook",[178,181,185,189,193,197,201],{"title":179,"path":175,"stem":180},"Cookbook 🍳🧑‍🍳","4.cookbook/index",{"title":182,"path":183,"stem":184},"OrbitControls","/cookbook/orbit-controls","4.cookbook/1.orbit-controls",{"title":186,"path":187,"stem":188},"Basic Animations","/cookbook/basic-animations","4.cookbook/2.basic-animations",{"title":190,"path":191,"stem":192},"Model Animation","/cookbook/model-animation","4.cookbook/3.model-animation",{"title":194,"path":195,"stem":196},"Advanced GSAP Animations","/cookbook/advanced-gsap-animations","4.cookbook/4.advanced-gsap-animations",{"title":198,"path":199,"stem":200},"Tweakpane","/cookbook/tweakpane","4.cookbook/5.tweakpane",{"title":202,"path":203,"stem":204},"Dynamic components","/cookbook/transition-dynamic","4.cookbook/6.transition-dynamic",{"title":206,"path":207,"stem":208,"children":209},"Community","/community","5.community/1.index",[210,211],{"title":206,"path":207,"stem":208},{"title":212,"path":213,"stem":214},"Awesome Resources","/community/awesome-resources","5.community/awesome-resources",{"title":216,"path":217,"stem":218},"German Translation","/de","de",{"title":220,"path":221,"stem":222},"Spanish Translation","/es","es",{"title":224,"path":225,"stem":226},"French Translation","/fr","fr",{"title":228,"path":229,"stem":230},"Italian Translation","/it","it",{"title":232,"path":233,"stem":234},"Japanese Translation","/jp","jp",{"title":236,"path":237,"stem":238},"Chinese Translation","/zh","zh",{"id":240,"title":170,"body":241,"description":2428,"extension":2429,"links":2430,"meta":2431,"navigation":39,"path":171,"seo":2432,"stem":172,"__hash__":2433},"docs/3.api/5.advanced/web-gpu.md",{"type":242,"value":243,"toc":2418},"minimark",[244,255,260,269,276,310,316,319,339,357,361,369,373,783,787,790,2414],[245,246,247],"warning",{},[248,249,250,254],"p",{},[251,252,253],"strong",{},"Experimental Feature",": WebGPU support in TresJS is experimental and requires modern browser support. WebGPU is still being developed and may have breaking changes.",[256,257,259],"h2",{"id":258},"what-is-webgpu","What is WebGPU?",[248,261,262,268],{},[263,264,170],"a",{"href":265,"rel":266},"https://developer.mozilla.org/en-US/docs/Web/API/WebGPU_API",[267],"nofollow"," is the next-generation graphics API for the web, designed to provide high-performance 3D graphics and general-purpose computing capabilities directly in web browsers. It offers several advantages over WebGL:",[270,271,273],"h3",{"id":272},"key-benefits",[251,274,275],{},"Key Benefits",[277,278,279,286,292,298,304],"ul",{},[280,281,282,285],"li",{},[251,283,284],{},"Better Performance",": More efficient GPU utilization and reduced CPU overhead",[280,287,288,291],{},[251,289,290],{},"Modern GPU Features",": Access to compute shaders, advanced texturing, and modern GPU capabilities",[280,293,294,297],{},[251,295,296],{},"Unified API",": Single API for both graphics and compute operations",[280,299,300,303],{},[251,301,302],{},"Better Debugging",": Improved error handling and debugging capabilities",[280,305,306,309],{},[251,307,308],{},"Future-Proof",": Designed for modern GPU architectures",[270,311,313],{"id":312},"browser-support",[251,314,315],{},"Browser Support",[248,317,318],{},"WebGPU is currently supported in:",[277,320,321,327,333],{},[280,322,323,326],{},[251,324,325],{},"Chrome/Edge",": Stable support (Chrome 113+)",[280,328,329,332],{},[251,330,331],{},"Firefox",": Behind experimental flag",[280,334,335,338],{},[251,336,337],{},"Safari",": Experimental support in Safari Technology Preview",[340,341,342],"note",{},[248,343,344,345,350,351,356],{},"Check current WebGPU browser support at ",[263,346,349],{"href":347,"rel":348},"https://caniuse.com/webgpu",[267],"Can I Use WebGPU"," and the official ",[263,352,355],{"href":353,"rel":354},"https://github.com/gpuweb/gpuweb/wiki/Implementation-Status",[267],"WebGPU support matrix",".",[256,358,360],{"id":359},"usage-with-tresjs","Usage with TresJS",[248,362,363,364,368],{},"TresJS supports WebGPU through Three.js's WebGPU renderer. You can enable WebGPU by providing a custom renderer factory to the ",[365,366,367],"code",{},"\u003CTresCanvas>"," component.",[270,370,372],{"id":371},"basic-setup","Basic Setup",[374,375,381],"pre",{"className":376,"code":377,"filename":378,"language":379,"meta":380,"style":380},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { TresCanvas } from '@tresjs/core'\nimport { WebGPURenderer } from 'three/webgpu'\nimport type { TresRendererSetupContext } from '@tresjs/core'\n\n// Create WebGPU renderer factory\nconst createWebGPURenderer = (ctx: TresRendererSetupContext) => {\n  const renderer = new WebGPURenderer({\n    canvas: toValue(ctx.canvas),\n    // WebGPU specific configuration\n    alpha: true,\n    antialias: true,\n  })\n  return renderer\n}\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas :renderer=\"createWebGPURenderer\">\n    \u003CTresPerspectiveCamera :position=\"[3, 3, 3]\" />\n    \u003CTresBoxGeometry :args=\"[1, 1, 1]\" />\n    \u003CTresMeshBasicMaterial color=\"hotpink\" />\n    \u003C!-- Your 3D scene here -->\n  \u003C/TresCanvas>\n\u003C/template>\n","basic-webgpu.vue","vue","",[365,382,383,418,447,468,491,497,504,537,561,586,592,606,618,627,636,642,652,657,667,690,714,736,758,764,774],{"__ignoreMap":380},[384,385,388,392,396,400,403,406,409,413,415],"span",{"class":386,"line":387},"line",1,[384,389,391],{"class":390},"sMK4o","\u003C",[384,393,395],{"class":394},"swJcz","script",[384,397,399],{"class":398},"spNyl"," setup",[384,401,402],{"class":398}," lang",[384,404,405],{"class":390},"=",[384,407,408],{"class":390},"\"",[384,410,412],{"class":411},"sfazB","ts",[384,414,408],{"class":390},[384,416,417],{"class":390},">\n",[384,419,421,425,428,432,435,438,441,444],{"class":386,"line":420},2,[384,422,424],{"class":423},"s7zQu","import",[384,426,427],{"class":390}," {",[384,429,431],{"class":430},"sTEyZ"," TresCanvas",[384,433,434],{"class":390}," }",[384,436,437],{"class":423}," from",[384,439,440],{"class":390}," '",[384,442,443],{"class":411},"@tresjs/core",[384,445,446],{"class":390},"'\n",[384,448,450,452,454,457,459,461,463,466],{"class":386,"line":449},3,[384,451,424],{"class":423},[384,453,427],{"class":390},[384,455,456],{"class":430}," WebGPURenderer",[384,458,434],{"class":390},[384,460,437],{"class":423},[384,462,440],{"class":390},[384,464,465],{"class":411},"three/webgpu",[384,467,446],{"class":390},[384,469,471,473,476,478,481,483,485,487,489],{"class":386,"line":470},4,[384,472,424],{"class":423},[384,474,475],{"class":423}," type",[384,477,427],{"class":390},[384,479,480],{"class":430}," TresRendererSetupContext",[384,482,434],{"class":390},[384,484,437],{"class":423},[384,486,440],{"class":390},[384,488,443],{"class":411},[384,490,446],{"class":390},[384,492,494],{"class":386,"line":493},5,[384,495,496],{"emptyLinePlaceholder":39},"\n",[384,498,500],{"class":386,"line":499},6,[384,501,503],{"class":502},"sHwdD","// Create WebGPU renderer factory\n",[384,505,507,510,513,515,518,522,525,528,531,534],{"class":386,"line":506},7,[384,508,509],{"class":398},"const",[384,511,512],{"class":430}," createWebGPURenderer ",[384,514,405],{"class":390},[384,516,517],{"class":390}," (",[384,519,521],{"class":520},"sHdIc","ctx",[384,523,524],{"class":390},":",[384,526,480],{"class":527},"sBMFI",[384,529,530],{"class":390},")",[384,532,533],{"class":398}," =>",[384,535,536],{"class":390}," {\n",[384,538,540,543,546,549,552,555,558],{"class":386,"line":539},8,[384,541,542],{"class":398},"  const",[384,544,545],{"class":430}," renderer",[384,547,548],{"class":390}," =",[384,550,551],{"class":390}," new",[384,553,456],{"class":554},"s2Zo4",[384,556,557],{"class":394},"(",[384,559,560],{"class":390},"{\n",[384,562,564,567,569,572,574,576,578,581,583],{"class":386,"line":563},9,[384,565,566],{"class":394},"    canvas",[384,568,524],{"class":390},[384,570,571],{"class":554}," toValue",[384,573,557],{"class":394},[384,575,521],{"class":430},[384,577,356],{"class":390},[384,579,580],{"class":430},"canvas",[384,582,530],{"class":394},[384,584,585],{"class":390},",\n",[384,587,589],{"class":386,"line":588},10,[384,590,591],{"class":502},"    // WebGPU specific configuration\n",[384,593,595,598,600,604],{"class":386,"line":594},11,[384,596,597],{"class":394},"    alpha",[384,599,524],{"class":390},[384,601,603],{"class":602},"sfNiH"," true",[384,605,585],{"class":390},[384,607,609,612,614,616],{"class":386,"line":608},12,[384,610,611],{"class":394},"    antialias",[384,613,524],{"class":390},[384,615,603],{"class":602},[384,617,585],{"class":390},[384,619,621,624],{"class":386,"line":620},13,[384,622,623],{"class":390},"  }",[384,625,626],{"class":394},")\n",[384,628,630,633],{"class":386,"line":629},14,[384,631,632],{"class":423},"  return",[384,634,635],{"class":430}," renderer\n",[384,637,639],{"class":386,"line":638},15,[384,640,641],{"class":390},"}\n",[384,643,645,648,650],{"class":386,"line":644},16,[384,646,647],{"class":390},"\u003C/",[384,649,395],{"class":394},[384,651,417],{"class":390},[384,653,655],{"class":386,"line":654},17,[384,656,496],{"emptyLinePlaceholder":39},[384,658,660,662,665],{"class":386,"line":659},18,[384,661,391],{"class":390},[384,663,664],{"class":394},"template",[384,666,417],{"class":390},[384,668,670,673,676,679,681,683,686,688],{"class":386,"line":669},19,[384,671,672],{"class":390},"  \u003C",[384,674,675],{"class":394},"TresCanvas",[384,677,678],{"class":398}," :renderer",[384,680,405],{"class":390},[384,682,408],{"class":390},[384,684,685],{"class":411},"createWebGPURenderer",[384,687,408],{"class":390},[384,689,417],{"class":390},[384,691,693,696,699,702,704,706,709,711],{"class":386,"line":692},20,[384,694,695],{"class":390},"    \u003C",[384,697,698],{"class":394},"TresPerspectiveCamera",[384,700,701],{"class":398}," :position",[384,703,405],{"class":390},[384,705,408],{"class":390},[384,707,708],{"class":411},"[3, 3, 3]",[384,710,408],{"class":390},[384,712,713],{"class":390}," />\n",[384,715,717,719,722,725,727,729,732,734],{"class":386,"line":716},21,[384,718,695],{"class":390},[384,720,721],{"class":394},"TresBoxGeometry",[384,723,724],{"class":398}," :args",[384,726,405],{"class":390},[384,728,408],{"class":390},[384,730,731],{"class":411},"[1, 1, 1]",[384,733,408],{"class":390},[384,735,713],{"class":390},[384,737,739,741,744,747,749,751,754,756],{"class":386,"line":738},22,[384,740,695],{"class":390},[384,742,743],{"class":394},"TresMeshBasicMaterial",[384,745,746],{"class":398}," color",[384,748,405],{"class":390},[384,750,408],{"class":390},[384,752,753],{"class":411},"hotpink",[384,755,408],{"class":390},[384,757,713],{"class":390},[384,759,761],{"class":386,"line":760},23,[384,762,763],{"class":502},"    \u003C!-- Your 3D scene here -->\n",[384,765,767,770,772],{"class":386,"line":766},24,[384,768,769],{"class":390},"  \u003C/",[384,771,675],{"class":394},[384,773,417],{"class":390},[384,775,777,779,781],{"class":386,"line":776},25,[384,778,647],{"class":390},[384,780,664],{"class":394},[384,782,417],{"class":390},[270,784,786],{"id":785},"advanced-webgpu-example","Advanced WebGPU Example",[788,789],"examples-web-gpu",{},[791,792,796],"code-preview",{"className":793},[794,795],"[&>div]:*:my-0","[&>div]:*:w-full",[797,798,800,2061],"code-tree",{"default-value":799},"app.vue",[374,801,804],{"className":376,"code":802,"filename":803,"language":379,"meta":380,"style":380},"\u003Cscript setup lang=\"ts\">\nimport { isMesh } from '@tesjs/core'\nimport { useGLTF } from '@tresjs/cientos'\nimport { add, cameraProjectionMatrix, cameraViewMatrix, color, Fn, hash, mix, normalView, positionWorld, sin, timerGlobal, uniform, varying, vec3, vec4 } from 'three/tsl'\nimport { AdditiveBlending, DoubleSide, MeshBasicNodeMaterial } from 'three/webgpu'\n\nconst { nodes } = useGLTF('https://raw.githubusercontent.com/Tresjs/assets/main/models/gltf/blender-cube.glb', { draco: true })\n\nconst model = computed(() => nodes.value.BlenderCube)\n/**\n* Material\n*/\nconst material = new MeshBasicNodeMaterial({\n  transparent: true,\n  side: DoubleSide,\n  depthWrite: false,\n  blending: AdditiveBlending,\n})\n// Position\nconst glitchStrength = varying(0)\nmaterial.vertexNode = Fn(() => {\n  const glitchTime = timerGlobal().sub(positionWorld.y.mul(0.5))\n  glitchStrength.assign(add(\n    sin(glitchTime),\n    sin(glitchTime.mul(3.45)),\n    sin(glitchTime.mul(8.76)),\n  ).div(3).smoothstep(0.3, 1))\n  const glitch = vec3(\n    hash(positionWorld.xz.abs().mul(9999)).sub(0.5),\n    0,\n    hash(positionWorld.yx.abs().mul(9999)).sub(0.5),\n  )\n  positionWorld.xyz.addAssign(glitch.mul(glitchStrength.mul(0.5)))\n  return cameraProjectionMatrix.mul(cameraViewMatrix).mul(positionWorld)\n})()\n// Color\nconst colorInside = uniform(color('#ff6088'))\nconst colorOutside = uniform(color('#4d55ff'))\nmaterial.colorNode = Fn(() => {\n  const stripes = positionWorld.y.sub(timerGlobal(0.02)).mul(20).mod(1).pow(3)\n  const fresnel = normalView.dot(vec3(0, 0, 1)).abs().oneMinus()\n  const falloff = fresnel.smoothstep(0.8, 0.2)\n  const alpha = stripes.mul(fresnel).add(fresnel.mul(1.25)).mul(falloff)\n  const finalColor = mix(colorInside, colorOutside, fresnel.add(glitchStrength.mul(0.6)))\n  return vec4(finalColor, alpha)\n})()\n\nwatch(model, (newModel) => {\n  newModel.traverse((child) => {\n    if (isMesh(child)) {\n      child.material = material\n    }\n  })\n})\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cprimitive v-if=\"model\" :object=\"model\" />\n\u003C/template>\n","components/HologramCube.vue",[365,805,806,826,846,866,956,985,989,1030,1034,1066,1071,1076,1081,1098,1109,1120,1132,1143,1149,1154,1173,1195,1236,1254,1268,1290,1312,1347,1361,1406,1414,1456,1462,1503,1531,1539,1545,1573,1600,1622,1688,1739,1767,1820,1865,1883,1890,1895,1917,1941,1961,1976,1982,1989,1996,2005,2010,2019,2052],{"__ignoreMap":380},[384,807,808,810,812,814,816,818,820,822,824],{"class":386,"line":387},[384,809,391],{"class":390},[384,811,395],{"class":394},[384,813,399],{"class":398},[384,815,402],{"class":398},[384,817,405],{"class":390},[384,819,408],{"class":390},[384,821,412],{"class":411},[384,823,408],{"class":390},[384,825,417],{"class":390},[384,827,828,830,832,835,837,839,841,844],{"class":386,"line":420},[384,829,424],{"class":423},[384,831,427],{"class":390},[384,833,834],{"class":430}," isMesh",[384,836,434],{"class":390},[384,838,437],{"class":423},[384,840,440],{"class":390},[384,842,843],{"class":411},"@tesjs/core",[384,845,446],{"class":390},[384,847,848,850,852,855,857,859,861,864],{"class":386,"line":449},[384,849,424],{"class":423},[384,851,427],{"class":390},[384,853,854],{"class":430}," useGLTF",[384,856,434],{"class":390},[384,858,437],{"class":423},[384,860,440],{"class":390},[384,862,863],{"class":411},"@tresjs/cientos",[384,865,446],{"class":390},[384,867,868,870,872,875,878,881,883,886,888,890,892,895,897,900,902,905,907,910,912,915,917,920,922,925,927,930,932,935,937,940,942,945,947,949,951,954],{"class":386,"line":470},[384,869,424],{"class":423},[384,871,427],{"class":390},[384,873,874],{"class":430}," add",[384,876,877],{"class":390},",",[384,879,880],{"class":430}," cameraProjectionMatrix",[384,882,877],{"class":390},[384,884,885],{"class":430}," cameraViewMatrix",[384,887,877],{"class":390},[384,889,746],{"class":430},[384,891,877],{"class":390},[384,893,894],{"class":430}," Fn",[384,896,877],{"class":390},[384,898,899],{"class":430}," hash",[384,901,877],{"class":390},[384,903,904],{"class":430}," mix",[384,906,877],{"class":390},[384,908,909],{"class":430}," normalView",[384,911,877],{"class":390},[384,913,914],{"class":430}," positionWorld",[384,916,877],{"class":390},[384,918,919],{"class":430}," sin",[384,921,877],{"class":390},[384,923,924],{"class":430}," timerGlobal",[384,926,877],{"class":390},[384,928,929],{"class":430}," uniform",[384,931,877],{"class":390},[384,933,934],{"class":430}," varying",[384,936,877],{"class":390},[384,938,939],{"class":430}," vec3",[384,941,877],{"class":390},[384,943,944],{"class":430}," vec4",[384,946,434],{"class":390},[384,948,437],{"class":423},[384,950,440],{"class":390},[384,952,953],{"class":411},"three/tsl",[384,955,446],{"class":390},[384,957,958,960,962,965,967,970,972,975,977,979,981,983],{"class":386,"line":493},[384,959,424],{"class":423},[384,961,427],{"class":390},[384,963,964],{"class":430}," AdditiveBlending",[384,966,877],{"class":390},[384,968,969],{"class":430}," DoubleSide",[384,971,877],{"class":390},[384,973,974],{"class":430}," MeshBasicNodeMaterial",[384,976,434],{"class":390},[384,978,437],{"class":423},[384,980,440],{"class":390},[384,982,465],{"class":411},[384,984,446],{"class":390},[384,986,987],{"class":386,"line":499},[384,988,496],{"emptyLinePlaceholder":39},[384,990,991,993,995,998,1001,1003,1005,1007,1010,1013,1015,1017,1019,1022,1024,1026,1028],{"class":386,"line":506},[384,992,509],{"class":398},[384,994,427],{"class":390},[384,996,997],{"class":430}," nodes ",[384,999,1000],{"class":390},"}",[384,1002,548],{"class":390},[384,1004,854],{"class":554},[384,1006,557],{"class":430},[384,1008,1009],{"class":390},"'",[384,1011,1012],{"class":411},"https://raw.githubusercontent.com/Tresjs/assets/main/models/gltf/blender-cube.glb",[384,1014,1009],{"class":390},[384,1016,877],{"class":390},[384,1018,427],{"class":390},[384,1020,1021],{"class":394}," draco",[384,1023,524],{"class":390},[384,1025,603],{"class":602},[384,1027,434],{"class":390},[384,1029,626],{"class":430},[384,1031,1032],{"class":386,"line":539},[384,1033,496],{"emptyLinePlaceholder":39},[384,1035,1036,1038,1041,1043,1046,1048,1051,1053,1056,1058,1061,1063],{"class":386,"line":563},[384,1037,509],{"class":398},[384,1039,1040],{"class":430}," model ",[384,1042,405],{"class":390},[384,1044,1045],{"class":554}," computed",[384,1047,557],{"class":430},[384,1049,1050],{"class":390},"()",[384,1052,533],{"class":398},[384,1054,1055],{"class":430}," nodes",[384,1057,356],{"class":390},[384,1059,1060],{"class":430},"value",[384,1062,356],{"class":390},[384,1064,1065],{"class":430},"BlenderCube)\n",[384,1067,1068],{"class":386,"line":588},[384,1069,1070],{"class":502},"/**\n",[384,1072,1073],{"class":386,"line":594},[384,1074,1075],{"class":502},"* Material\n",[384,1077,1078],{"class":386,"line":608},[384,1079,1080],{"class":502},"*/\n",[384,1082,1083,1085,1088,1090,1092,1094,1096],{"class":386,"line":620},[384,1084,509],{"class":398},[384,1086,1087],{"class":430}," material ",[384,1089,405],{"class":390},[384,1091,551],{"class":390},[384,1093,974],{"class":554},[384,1095,557],{"class":430},[384,1097,560],{"class":390},[384,1099,1100,1103,1105,1107],{"class":386,"line":629},[384,1101,1102],{"class":394},"  transparent",[384,1104,524],{"class":390},[384,1106,603],{"class":602},[384,1108,585],{"class":390},[384,1110,1111,1114,1116,1118],{"class":386,"line":638},[384,1112,1113],{"class":394},"  side",[384,1115,524],{"class":390},[384,1117,969],{"class":430},[384,1119,585],{"class":390},[384,1121,1122,1125,1127,1130],{"class":386,"line":644},[384,1123,1124],{"class":394},"  depthWrite",[384,1126,524],{"class":390},[384,1128,1129],{"class":602}," false",[384,1131,585],{"class":390},[384,1133,1134,1137,1139,1141],{"class":386,"line":654},[384,1135,1136],{"class":394},"  blending",[384,1138,524],{"class":390},[384,1140,964],{"class":430},[384,1142,585],{"class":390},[384,1144,1145,1147],{"class":386,"line":659},[384,1146,1000],{"class":390},[384,1148,626],{"class":430},[384,1150,1151],{"class":386,"line":669},[384,1152,1153],{"class":502},"// Position\n",[384,1155,1156,1158,1161,1163,1165,1167,1171],{"class":386,"line":692},[384,1157,509],{"class":398},[384,1159,1160],{"class":430}," glitchStrength ",[384,1162,405],{"class":390},[384,1164,934],{"class":554},[384,1166,557],{"class":430},[384,1168,1170],{"class":1169},"sbssI","0",[384,1172,626],{"class":430},[384,1174,1175,1178,1180,1183,1185,1187,1189,1191,1193],{"class":386,"line":716},[384,1176,1177],{"class":430},"material",[384,1179,356],{"class":390},[384,1181,1182],{"class":430},"vertexNode ",[384,1184,405],{"class":390},[384,1186,894],{"class":554},[384,1188,557],{"class":430},[384,1190,1050],{"class":390},[384,1192,533],{"class":398},[384,1194,536],{"class":390},[384,1196,1197,1199,1202,1204,1206,1208,1210,1213,1215,1218,1220,1223,1225,1228,1230,1233],{"class":386,"line":738},[384,1198,542],{"class":398},[384,1200,1201],{"class":430}," glitchTime",[384,1203,548],{"class":390},[384,1205,924],{"class":554},[384,1207,1050],{"class":394},[384,1209,356],{"class":390},[384,1211,1212],{"class":554},"sub",[384,1214,557],{"class":394},[384,1216,1217],{"class":430},"positionWorld",[384,1219,356],{"class":390},[384,1221,1222],{"class":430},"y",[384,1224,356],{"class":390},[384,1226,1227],{"class":554},"mul",[384,1229,557],{"class":394},[384,1231,1232],{"class":1169},"0.5",[384,1234,1235],{"class":394},"))\n",[384,1237,1238,1241,1243,1246,1248,1251],{"class":386,"line":760},[384,1239,1240],{"class":430},"  glitchStrength",[384,1242,356],{"class":390},[384,1244,1245],{"class":554},"assign",[384,1247,557],{"class":394},[384,1249,1250],{"class":554},"add",[384,1252,1253],{"class":394},"(\n",[384,1255,1256,1259,1261,1264,1266],{"class":386,"line":766},[384,1257,1258],{"class":554},"    sin",[384,1260,557],{"class":394},[384,1262,1263],{"class":430},"glitchTime",[384,1265,530],{"class":394},[384,1267,585],{"class":390},[384,1269,1270,1272,1274,1276,1278,1280,1282,1285,1288],{"class":386,"line":776},[384,1271,1258],{"class":554},[384,1273,557],{"class":394},[384,1275,1263],{"class":430},[384,1277,356],{"class":390},[384,1279,1227],{"class":554},[384,1281,557],{"class":394},[384,1283,1284],{"class":1169},"3.45",[384,1286,1287],{"class":394},"))",[384,1289,585],{"class":390},[384,1291,1293,1295,1297,1299,1301,1303,1305,1308,1310],{"class":386,"line":1292},26,[384,1294,1258],{"class":554},[384,1296,557],{"class":394},[384,1298,1263],{"class":430},[384,1300,356],{"class":390},[384,1302,1227],{"class":554},[384,1304,557],{"class":394},[384,1306,1307],{"class":1169},"8.76",[384,1309,1287],{"class":394},[384,1311,585],{"class":390},[384,1313,1315,1318,1320,1323,1325,1328,1330,1332,1335,1337,1340,1342,1345],{"class":386,"line":1314},27,[384,1316,1317],{"class":394},"  )",[384,1319,356],{"class":390},[384,1321,1322],{"class":554},"div",[384,1324,557],{"class":394},[384,1326,1327],{"class":1169},"3",[384,1329,530],{"class":394},[384,1331,356],{"class":390},[384,1333,1334],{"class":554},"smoothstep",[384,1336,557],{"class":394},[384,1338,1339],{"class":1169},"0.3",[384,1341,877],{"class":390},[384,1343,1344],{"class":1169}," 1",[384,1346,1235],{"class":394},[384,1348,1350,1352,1355,1357,1359],{"class":386,"line":1349},28,[384,1351,542],{"class":398},[384,1353,1354],{"class":430}," glitch",[384,1356,548],{"class":390},[384,1358,939],{"class":554},[384,1360,1253],{"class":394},[384,1362,1364,1367,1369,1371,1373,1376,1378,1381,1383,1385,1387,1389,1392,1394,1396,1398,1400,1402,1404],{"class":386,"line":1363},29,[384,1365,1366],{"class":554},"    hash",[384,1368,557],{"class":394},[384,1370,1217],{"class":430},[384,1372,356],{"class":390},[384,1374,1375],{"class":430},"xz",[384,1377,356],{"class":390},[384,1379,1380],{"class":554},"abs",[384,1382,1050],{"class":394},[384,1384,356],{"class":390},[384,1386,1227],{"class":554},[384,1388,557],{"class":394},[384,1390,1391],{"class":1169},"9999",[384,1393,1287],{"class":394},[384,1395,356],{"class":390},[384,1397,1212],{"class":554},[384,1399,557],{"class":394},[384,1401,1232],{"class":1169},[384,1403,530],{"class":394},[384,1405,585],{"class":390},[384,1407,1409,1412],{"class":386,"line":1408},30,[384,1410,1411],{"class":1169},"    0",[384,1413,585],{"class":390},[384,1415,1417,1419,1421,1423,1425,1428,1430,1432,1434,1436,1438,1440,1442,1444,1446,1448,1450,1452,1454],{"class":386,"line":1416},31,[384,1418,1366],{"class":554},[384,1420,557],{"class":394},[384,1422,1217],{"class":430},[384,1424,356],{"class":390},[384,1426,1427],{"class":430},"yx",[384,1429,356],{"class":390},[384,1431,1380],{"class":554},[384,1433,1050],{"class":394},[384,1435,356],{"class":390},[384,1437,1227],{"class":554},[384,1439,557],{"class":394},[384,1441,1391],{"class":1169},[384,1443,1287],{"class":394},[384,1445,356],{"class":390},[384,1447,1212],{"class":554},[384,1449,557],{"class":394},[384,1451,1232],{"class":1169},[384,1453,530],{"class":394},[384,1455,585],{"class":390},[384,1457,1459],{"class":386,"line":1458},32,[384,1460,1461],{"class":394},"  )\n",[384,1463,1465,1468,1470,1473,1475,1478,1480,1483,1485,1487,1489,1492,1494,1496,1498,1500],{"class":386,"line":1464},33,[384,1466,1467],{"class":430},"  positionWorld",[384,1469,356],{"class":390},[384,1471,1472],{"class":430},"xyz",[384,1474,356],{"class":390},[384,1476,1477],{"class":554},"addAssign",[384,1479,557],{"class":394},[384,1481,1482],{"class":430},"glitch",[384,1484,356],{"class":390},[384,1486,1227],{"class":554},[384,1488,557],{"class":394},[384,1490,1491],{"class":430},"glitchStrength",[384,1493,356],{"class":390},[384,1495,1227],{"class":554},[384,1497,557],{"class":394},[384,1499,1232],{"class":1169},[384,1501,1502],{"class":394},")))\n",[384,1504,1506,1508,1510,1512,1514,1516,1519,1521,1523,1525,1527,1529],{"class":386,"line":1505},34,[384,1507,632],{"class":423},[384,1509,880],{"class":430},[384,1511,356],{"class":390},[384,1513,1227],{"class":554},[384,1515,557],{"class":394},[384,1517,1518],{"class":430},"cameraViewMatrix",[384,1520,530],{"class":394},[384,1522,356],{"class":390},[384,1524,1227],{"class":554},[384,1526,557],{"class":394},[384,1528,1217],{"class":430},[384,1530,626],{"class":394},[384,1532,1534,1536],{"class":386,"line":1533},35,[384,1535,1000],{"class":390},[384,1537,1538],{"class":430},")()\n",[384,1540,1542],{"class":386,"line":1541},36,[384,1543,1544],{"class":502},"// Color\n",[384,1546,1548,1550,1553,1555,1557,1559,1562,1564,1566,1569,1571],{"class":386,"line":1547},37,[384,1549,509],{"class":398},[384,1551,1552],{"class":430}," colorInside ",[384,1554,405],{"class":390},[384,1556,929],{"class":554},[384,1558,557],{"class":430},[384,1560,1561],{"class":554},"color",[384,1563,557],{"class":430},[384,1565,1009],{"class":390},[384,1567,1568],{"class":411},"#ff6088",[384,1570,1009],{"class":390},[384,1572,1235],{"class":430},[384,1574,1576,1578,1581,1583,1585,1587,1589,1591,1593,1596,1598],{"class":386,"line":1575},38,[384,1577,509],{"class":398},[384,1579,1580],{"class":430}," colorOutside ",[384,1582,405],{"class":390},[384,1584,929],{"class":554},[384,1586,557],{"class":430},[384,1588,1561],{"class":554},[384,1590,557],{"class":430},[384,1592,1009],{"class":390},[384,1594,1595],{"class":411},"#4d55ff",[384,1597,1009],{"class":390},[384,1599,1235],{"class":430},[384,1601,1603,1605,1607,1610,1612,1614,1616,1618,1620],{"class":386,"line":1602},39,[384,1604,1177],{"class":430},[384,1606,356],{"class":390},[384,1608,1609],{"class":430},"colorNode ",[384,1611,405],{"class":390},[384,1613,894],{"class":554},[384,1615,557],{"class":430},[384,1617,1050],{"class":390},[384,1619,533],{"class":398},[384,1621,536],{"class":390},[384,1623,1625,1627,1630,1632,1634,1636,1638,1640,1642,1644,1647,1649,1652,1654,1656,1658,1660,1663,1665,1667,1670,1672,1675,1677,1679,1682,1684,1686],{"class":386,"line":1624},40,[384,1626,542],{"class":398},[384,1628,1629],{"class":430}," stripes",[384,1631,548],{"class":390},[384,1633,914],{"class":430},[384,1635,356],{"class":390},[384,1637,1222],{"class":430},[384,1639,356],{"class":390},[384,1641,1212],{"class":554},[384,1643,557],{"class":394},[384,1645,1646],{"class":554},"timerGlobal",[384,1648,557],{"class":394},[384,1650,1651],{"class":1169},"0.02",[384,1653,1287],{"class":394},[384,1655,356],{"class":390},[384,1657,1227],{"class":554},[384,1659,557],{"class":394},[384,1661,1662],{"class":1169},"20",[384,1664,530],{"class":394},[384,1666,356],{"class":390},[384,1668,1669],{"class":554},"mod",[384,1671,557],{"class":394},[384,1673,1674],{"class":1169},"1",[384,1676,530],{"class":394},[384,1678,356],{"class":390},[384,1680,1681],{"class":554},"pow",[384,1683,557],{"class":394},[384,1685,1327],{"class":1169},[384,1687,626],{"class":394},[384,1689,1691,1693,1696,1698,1700,1702,1705,1707,1710,1712,1714,1716,1719,1721,1723,1725,1727,1729,1731,1733,1736],{"class":386,"line":1690},41,[384,1692,542],{"class":398},[384,1694,1695],{"class":430}," fresnel",[384,1697,548],{"class":390},[384,1699,909],{"class":430},[384,1701,356],{"class":390},[384,1703,1704],{"class":554},"dot",[384,1706,557],{"class":394},[384,1708,1709],{"class":554},"vec3",[384,1711,557],{"class":394},[384,1713,1170],{"class":1169},[384,1715,877],{"class":390},[384,1717,1718],{"class":1169}," 0",[384,1720,877],{"class":390},[384,1722,1344],{"class":1169},[384,1724,1287],{"class":394},[384,1726,356],{"class":390},[384,1728,1380],{"class":554},[384,1730,1050],{"class":394},[384,1732,356],{"class":390},[384,1734,1735],{"class":554},"oneMinus",[384,1737,1738],{"class":394},"()\n",[384,1740,1742,1744,1747,1749,1751,1753,1755,1757,1760,1762,1765],{"class":386,"line":1741},42,[384,1743,542],{"class":398},[384,1745,1746],{"class":430}," falloff",[384,1748,548],{"class":390},[384,1750,1695],{"class":430},[384,1752,356],{"class":390},[384,1754,1334],{"class":554},[384,1756,557],{"class":394},[384,1758,1759],{"class":1169},"0.8",[384,1761,877],{"class":390},[384,1763,1764],{"class":1169}," 0.2",[384,1766,626],{"class":394},[384,1768,1770,1772,1775,1777,1779,1781,1783,1785,1788,1790,1792,1794,1796,1798,1800,1802,1804,1807,1809,1811,1813,1815,1818],{"class":386,"line":1769},43,[384,1771,542],{"class":398},[384,1773,1774],{"class":430}," alpha",[384,1776,548],{"class":390},[384,1778,1629],{"class":430},[384,1780,356],{"class":390},[384,1782,1227],{"class":554},[384,1784,557],{"class":394},[384,1786,1787],{"class":430},"fresnel",[384,1789,530],{"class":394},[384,1791,356],{"class":390},[384,1793,1250],{"class":554},[384,1795,557],{"class":394},[384,1797,1787],{"class":430},[384,1799,356],{"class":390},[384,1801,1227],{"class":554},[384,1803,557],{"class":394},[384,1805,1806],{"class":1169},"1.25",[384,1808,1287],{"class":394},[384,1810,356],{"class":390},[384,1812,1227],{"class":554},[384,1814,557],{"class":394},[384,1816,1817],{"class":430},"falloff",[384,1819,626],{"class":394},[384,1821,1823,1825,1828,1830,1832,1834,1837,1839,1842,1844,1846,1848,1850,1852,1854,1856,1858,1860,1863],{"class":386,"line":1822},44,[384,1824,542],{"class":398},[384,1826,1827],{"class":430}," finalColor",[384,1829,548],{"class":390},[384,1831,904],{"class":554},[384,1833,557],{"class":394},[384,1835,1836],{"class":430},"colorInside",[384,1838,877],{"class":390},[384,1840,1841],{"class":430}," colorOutside",[384,1843,877],{"class":390},[384,1845,1695],{"class":430},[384,1847,356],{"class":390},[384,1849,1250],{"class":554},[384,1851,557],{"class":394},[384,1853,1491],{"class":430},[384,1855,356],{"class":390},[384,1857,1227],{"class":554},[384,1859,557],{"class":394},[384,1861,1862],{"class":1169},"0.6",[384,1864,1502],{"class":394},[384,1866,1868,1870,1872,1874,1877,1879,1881],{"class":386,"line":1867},45,[384,1869,632],{"class":423},[384,1871,944],{"class":554},[384,1873,557],{"class":394},[384,1875,1876],{"class":430},"finalColor",[384,1878,877],{"class":390},[384,1880,1774],{"class":430},[384,1882,626],{"class":394},[384,1884,1886,1888],{"class":386,"line":1885},46,[384,1887,1000],{"class":390},[384,1889,1538],{"class":430},[384,1891,1893],{"class":386,"line":1892},47,[384,1894,496],{"emptyLinePlaceholder":39},[384,1896,1898,1901,1904,1906,1908,1911,1913,1915],{"class":386,"line":1897},48,[384,1899,1900],{"class":554},"watch",[384,1902,1903],{"class":430},"(model",[384,1905,877],{"class":390},[384,1907,517],{"class":390},[384,1909,1910],{"class":520},"newModel",[384,1912,530],{"class":390},[384,1914,533],{"class":398},[384,1916,536],{"class":390},[384,1918,1920,1923,1925,1928,1930,1932,1935,1937,1939],{"class":386,"line":1919},49,[384,1921,1922],{"class":430},"  newModel",[384,1924,356],{"class":390},[384,1926,1927],{"class":554},"traverse",[384,1929,557],{"class":394},[384,1931,557],{"class":390},[384,1933,1934],{"class":520},"child",[384,1936,530],{"class":390},[384,1938,533],{"class":398},[384,1940,536],{"class":390},[384,1942,1944,1947,1949,1952,1954,1956,1959],{"class":386,"line":1943},50,[384,1945,1946],{"class":423},"    if",[384,1948,517],{"class":394},[384,1950,1951],{"class":554},"isMesh",[384,1953,557],{"class":394},[384,1955,1934],{"class":430},[384,1957,1958],{"class":394},")) ",[384,1960,560],{"class":390},[384,1962,1964,1967,1969,1971,1973],{"class":386,"line":1963},51,[384,1965,1966],{"class":430},"      child",[384,1968,356],{"class":390},[384,1970,1177],{"class":430},[384,1972,548],{"class":390},[384,1974,1975],{"class":430}," material\n",[384,1977,1979],{"class":386,"line":1978},52,[384,1980,1981],{"class":390},"    }\n",[384,1983,1985,1987],{"class":386,"line":1984},53,[384,1986,623],{"class":390},[384,1988,626],{"class":394},[384,1990,1992,1994],{"class":386,"line":1991},54,[384,1993,1000],{"class":390},[384,1995,626],{"class":430},[384,1997,1999,2001,2003],{"class":386,"line":1998},55,[384,2000,647],{"class":390},[384,2002,395],{"class":394},[384,2004,417],{"class":390},[384,2006,2008],{"class":386,"line":2007},56,[384,2009,496],{"emptyLinePlaceholder":39},[384,2011,2013,2015,2017],{"class":386,"line":2012},57,[384,2014,391],{"class":390},[384,2016,664],{"class":394},[384,2018,417],{"class":390},[384,2020,2022,2024,2027,2030,2032,2034,2037,2039,2042,2044,2046,2048,2050],{"class":386,"line":2021},58,[384,2023,672],{"class":390},[384,2025,2026],{"class":394},"primitive",[384,2028,2029],{"class":398}," v-if",[384,2031,405],{"class":390},[384,2033,408],{"class":390},[384,2035,2036],{"class":411},"model",[384,2038,408],{"class":390},[384,2040,2041],{"class":398}," :object",[384,2043,405],{"class":390},[384,2045,408],{"class":390},[384,2047,2036],{"class":411},[384,2049,408],{"class":390},[384,2051,713],{"class":390},[384,2053,2055,2057,2059],{"class":386,"line":2054},59,[384,2056,647],{"class":390},[384,2058,664],{"class":394},[384,2060,417],{"class":390},[374,2062,2064],{"className":376,"code":2063,"filename":799,"language":379,"meta":380,"style":380},"\u003Cscript setup lang=\"ts\">\nimport { TresCanvas } from '@tresjs/core'\nimport { WebGPURenderer } from 'three/webgpu'\nimport type { ShadowMapType, ToneMapping } from 'three'\nimport type { TresRendererSetupContext } from '@tresjs/core'\n\nimport HologramCube from './HologramCube.vue'\n\nconst createWebGPURenderer = (ctx: TresRendererSetupContext) => {\n  const renderer = new WebGPURenderer({\n    canvas: toValue(ctx.canvas),\n    // WebGPU specific configuration\n    alpha: true,\n    antialias: true,\n  })\n  return renderer\n}\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas :renderer=\"createWebGPURenderer\">\n    \u003CTresPerspectiveCamera\n      :position=\"[3, 3, 3]\"\n      :look-at=\"[0, 0, 0]\"\n    />\n    \u003CSuspense>\n      \u003CHologramCube />\n    \u003C/Suspense>\n  \u003C/TresCanvas>\n\u003C/template>\n",[365,2065,2066,2086,2104,2122,2149,2169,2173,2190,2194,2216,2232,2252,2256,2266,2276,2282,2288,2292,2300,2304,2312,2330,2337,2351,2365,2370,2379,2389,2398,2406],{"__ignoreMap":380},[384,2067,2068,2070,2072,2074,2076,2078,2080,2082,2084],{"class":386,"line":387},[384,2069,391],{"class":390},[384,2071,395],{"class":394},[384,2073,399],{"class":398},[384,2075,402],{"class":398},[384,2077,405],{"class":390},[384,2079,408],{"class":390},[384,2081,412],{"class":411},[384,2083,408],{"class":390},[384,2085,417],{"class":390},[384,2087,2088,2090,2092,2094,2096,2098,2100,2102],{"class":386,"line":420},[384,2089,424],{"class":423},[384,2091,427],{"class":390},[384,2093,431],{"class":430},[384,2095,434],{"class":390},[384,2097,437],{"class":423},[384,2099,440],{"class":390},[384,2101,443],{"class":411},[384,2103,446],{"class":390},[384,2105,2106,2108,2110,2112,2114,2116,2118,2120],{"class":386,"line":449},[384,2107,424],{"class":423},[384,2109,427],{"class":390},[384,2111,456],{"class":430},[384,2113,434],{"class":390},[384,2115,437],{"class":423},[384,2117,440],{"class":390},[384,2119,465],{"class":411},[384,2121,446],{"class":390},[384,2123,2124,2126,2128,2130,2133,2135,2138,2140,2142,2144,2147],{"class":386,"line":470},[384,2125,424],{"class":423},[384,2127,475],{"class":423},[384,2129,427],{"class":390},[384,2131,2132],{"class":430}," ShadowMapType",[384,2134,877],{"class":390},[384,2136,2137],{"class":430}," ToneMapping",[384,2139,434],{"class":390},[384,2141,437],{"class":423},[384,2143,440],{"class":390},[384,2145,2146],{"class":411},"three",[384,2148,446],{"class":390},[384,2150,2151,2153,2155,2157,2159,2161,2163,2165,2167],{"class":386,"line":493},[384,2152,424],{"class":423},[384,2154,475],{"class":423},[384,2156,427],{"class":390},[384,2158,480],{"class":430},[384,2160,434],{"class":390},[384,2162,437],{"class":423},[384,2164,440],{"class":390},[384,2166,443],{"class":411},[384,2168,446],{"class":390},[384,2170,2171],{"class":386,"line":499},[384,2172,496],{"emptyLinePlaceholder":39},[384,2174,2175,2177,2180,2183,2185,2188],{"class":386,"line":506},[384,2176,424],{"class":423},[384,2178,2179],{"class":430}," HologramCube ",[384,2181,2182],{"class":423},"from",[384,2184,440],{"class":390},[384,2186,2187],{"class":411},"./HologramCube.vue",[384,2189,446],{"class":390},[384,2191,2192],{"class":386,"line":539},[384,2193,496],{"emptyLinePlaceholder":39},[384,2195,2196,2198,2200,2202,2204,2206,2208,2210,2212,2214],{"class":386,"line":563},[384,2197,509],{"class":398},[384,2199,512],{"class":430},[384,2201,405],{"class":390},[384,2203,517],{"class":390},[384,2205,521],{"class":520},[384,2207,524],{"class":390},[384,2209,480],{"class":527},[384,2211,530],{"class":390},[384,2213,533],{"class":398},[384,2215,536],{"class":390},[384,2217,2218,2220,2222,2224,2226,2228,2230],{"class":386,"line":588},[384,2219,542],{"class":398},[384,2221,545],{"class":430},[384,2223,548],{"class":390},[384,2225,551],{"class":390},[384,2227,456],{"class":554},[384,2229,557],{"class":394},[384,2231,560],{"class":390},[384,2233,2234,2236,2238,2240,2242,2244,2246,2248,2250],{"class":386,"line":594},[384,2235,566],{"class":394},[384,2237,524],{"class":390},[384,2239,571],{"class":554},[384,2241,557],{"class":394},[384,2243,521],{"class":430},[384,2245,356],{"class":390},[384,2247,580],{"class":430},[384,2249,530],{"class":394},[384,2251,585],{"class":390},[384,2253,2254],{"class":386,"line":608},[384,2255,591],{"class":502},[384,2257,2258,2260,2262,2264],{"class":386,"line":620},[384,2259,597],{"class":394},[384,2261,524],{"class":390},[384,2263,603],{"class":602},[384,2265,585],{"class":390},[384,2267,2268,2270,2272,2274],{"class":386,"line":629},[384,2269,611],{"class":394},[384,2271,524],{"class":390},[384,2273,603],{"class":602},[384,2275,585],{"class":390},[384,2277,2278,2280],{"class":386,"line":638},[384,2279,623],{"class":390},[384,2281,626],{"class":394},[384,2283,2284,2286],{"class":386,"line":644},[384,2285,632],{"class":423},[384,2287,635],{"class":430},[384,2289,2290],{"class":386,"line":654},[384,2291,641],{"class":390},[384,2293,2294,2296,2298],{"class":386,"line":659},[384,2295,647],{"class":390},[384,2297,395],{"class":394},[384,2299,417],{"class":390},[384,2301,2302],{"class":386,"line":669},[384,2303,496],{"emptyLinePlaceholder":39},[384,2305,2306,2308,2310],{"class":386,"line":692},[384,2307,391],{"class":390},[384,2309,664],{"class":394},[384,2311,417],{"class":390},[384,2313,2314,2316,2318,2320,2322,2324,2326,2328],{"class":386,"line":716},[384,2315,672],{"class":390},[384,2317,675],{"class":394},[384,2319,678],{"class":398},[384,2321,405],{"class":390},[384,2323,408],{"class":390},[384,2325,685],{"class":411},[384,2327,408],{"class":390},[384,2329,417],{"class":390},[384,2331,2332,2334],{"class":386,"line":738},[384,2333,695],{"class":390},[384,2335,2336],{"class":394},"TresPerspectiveCamera\n",[384,2338,2339,2342,2344,2346,2348],{"class":386,"line":760},[384,2340,2341],{"class":398},"      :position",[384,2343,405],{"class":390},[384,2345,408],{"class":390},[384,2347,708],{"class":411},[384,2349,2350],{"class":390},"\"\n",[384,2352,2353,2356,2358,2360,2363],{"class":386,"line":766},[384,2354,2355],{"class":398},"      :look-at",[384,2357,405],{"class":390},[384,2359,408],{"class":390},[384,2361,2362],{"class":411},"[0, 0, 0]",[384,2364,2350],{"class":390},[384,2366,2367],{"class":386,"line":776},[384,2368,2369],{"class":390},"    />\n",[384,2371,2372,2374,2377],{"class":386,"line":1292},[384,2373,695],{"class":390},[384,2375,2376],{"class":394},"Suspense",[384,2378,417],{"class":390},[384,2380,2381,2384,2387],{"class":386,"line":1314},[384,2382,2383],{"class":390},"      \u003C",[384,2385,2386],{"class":394},"HologramCube",[384,2388,713],{"class":390},[384,2390,2391,2394,2396],{"class":386,"line":1349},[384,2392,2393],{"class":390},"    \u003C/",[384,2395,2376],{"class":394},[384,2397,417],{"class":390},[384,2399,2400,2402,2404],{"class":386,"line":1363},[384,2401,769],{"class":390},[384,2403,675],{"class":394},[384,2405,417],{"class":390},[384,2407,2408,2410,2412],{"class":386,"line":1408},[384,2409,647],{"class":390},[384,2411,664],{"class":394},[384,2413,417],{"class":390},[2415,2416,2417],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":380,"searchDepth":387,"depth":420,"links":2419},[2420,2424],{"id":258,"depth":420,"text":259,"children":2421},[2422,2423],{"id":272,"depth":449,"text":275},{"id":312,"depth":449,"text":315},{"id":359,"depth":420,"text":360,"children":2425},[2426,2427],{"id":371,"depth":449,"text":372},{"id":785,"depth":449,"text":786},"Explore experimental WebGPU rendering capabilities in TresJS.","md",null,{},{"title":170,"description":2428},"zPd6X5e_MS8AtwAIbyBlS2JYVMqrjG21GtlI28-VhPc",[2435,2437],{"title":166,"path":167,"stem":168,"description":2436,"children":-1},"Use the primitive component to directly integrate any Three.js object within your Vue application.",{"title":179,"path":175,"stem":180,"description":2438,"children":-1},"Discover guided recipes to help you get started with the basics of using Tres. Each recipe is designed to help you understand the core concepts of Tres and how to use them in your projects.",1782052333994]