[{"data":1,"prerenderedAt":2502},["ShallowReactive",2],{"navigation":3,"/api/advanced/web-gpu":239,"/api/advanced/web-gpu-surround":2497},[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":2491,"extension":2492,"links":2493,"meta":2494,"navigation":39,"path":171,"seo":2495,"stem":172,"__hash__":2496},"docs/3.api/5.advanced/web-gpu.md",{"type":242,"value":243,"toc":2481},"minimark",[244,255,260,269,276,310,316,319,339,357,361,369,373,818,822,825,2477],[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,693,735,771,793,799,809],{"__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,682,684,686,689,691],{"class":386,"line":669},19,[384,671,672],{"class":390},"  \u003C",[384,674,675],{"class":394},"TresCanvas",[384,677,678],{"class":390}," :",[384,680,681],{"class":398},"renderer",[384,683,405],{"class":390},[384,685,408],{"class":390},[384,687,688],{"class":430},"createWebGPURenderer",[384,690,408],{"class":390},[384,692,417],{"class":390},[384,694,696,699,702,704,707,709,711,714,718,721,723,725,727,730,732],{"class":386,"line":695},20,[384,697,698],{"class":390},"    \u003C",[384,700,701],{"class":394},"TresPerspectiveCamera",[384,703,678],{"class":390},[384,705,706],{"class":398},"position",[384,708,405],{"class":390},[384,710,408],{"class":390},[384,712,713],{"class":390},"[",[384,715,717],{"class":716},"sbssI","3",[384,719,720],{"class":390},", ",[384,722,717],{"class":716},[384,724,720],{"class":390},[384,726,717],{"class":716},[384,728,729],{"class":390},"]",[384,731,408],{"class":390},[384,733,734],{"class":390}," />\n",[384,736,738,740,743,745,748,750,752,754,757,759,761,763,765,767,769],{"class":386,"line":737},21,[384,739,698],{"class":390},[384,741,742],{"class":394},"TresBoxGeometry",[384,744,678],{"class":390},[384,746,747],{"class":398},"args",[384,749,405],{"class":390},[384,751,408],{"class":390},[384,753,713],{"class":390},[384,755,756],{"class":716},"1",[384,758,720],{"class":390},[384,760,756],{"class":716},[384,762,720],{"class":390},[384,764,756],{"class":716},[384,766,729],{"class":390},[384,768,408],{"class":390},[384,770,734],{"class":390},[384,772,774,776,779,782,784,786,789,791],{"class":386,"line":773},22,[384,775,698],{"class":390},[384,777,778],{"class":394},"TresMeshBasicMaterial",[384,780,781],{"class":398}," color",[384,783,405],{"class":390},[384,785,408],{"class":390},[384,787,788],{"class":411},"hotpink",[384,790,408],{"class":390},[384,792,734],{"class":390},[384,794,796],{"class":386,"line":795},23,[384,797,798],{"class":502},"    \u003C!-- Your 3D scene here -->\n",[384,800,802,805,807],{"class":386,"line":801},24,[384,803,804],{"class":390},"  \u003C/",[384,806,675],{"class":394},[384,808,417],{"class":390},[384,810,812,814,816],{"class":386,"line":811},25,[384,813,647],{"class":390},[384,815,664],{"class":394},[384,817,417],{"class":390},[270,819,821],{"id":820},"advanced-webgpu-example","Advanced WebGPU Example",[823,824],"examples-web-gpu",{},[826,827,831],"code-preview",{"className":828},[829,830],"[&>div]:*:my-0","[&>div]:*:w-full",[832,833,835,2095],"code-tree",{"default-value":834},"app.vue",[374,836,839],{"className":376,"code":837,"filename":838,"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,840,841,861,881,901,991,1020,1024,1065,1069,1101,1106,1111,1116,1133,1144,1155,1167,1178,1184,1189,1207,1229,1270,1288,1302,1324,1346,1380,1394,1439,1447,1489,1495,1536,1564,1572,1578,1606,1633,1655,1720,1771,1799,1852,1897,1915,1922,1927,1949,1973,1993,2008,2014,2021,2028,2037,2042,2051,2086],{"__ignoreMap":380},[384,842,843,845,847,849,851,853,855,857,859],{"class":386,"line":387},[384,844,391],{"class":390},[384,846,395],{"class":394},[384,848,399],{"class":398},[384,850,402],{"class":398},[384,852,405],{"class":390},[384,854,408],{"class":390},[384,856,412],{"class":411},[384,858,408],{"class":390},[384,860,417],{"class":390},[384,862,863,865,867,870,872,874,876,879],{"class":386,"line":420},[384,864,424],{"class":423},[384,866,427],{"class":390},[384,868,869],{"class":430}," isMesh",[384,871,434],{"class":390},[384,873,437],{"class":423},[384,875,440],{"class":390},[384,877,878],{"class":411},"@tesjs/core",[384,880,446],{"class":390},[384,882,883,885,887,890,892,894,896,899],{"class":386,"line":449},[384,884,424],{"class":423},[384,886,427],{"class":390},[384,888,889],{"class":430}," useGLTF",[384,891,434],{"class":390},[384,893,437],{"class":423},[384,895,440],{"class":390},[384,897,898],{"class":411},"@tresjs/cientos",[384,900,446],{"class":390},[384,902,903,905,907,910,913,916,918,921,923,925,927,930,932,935,937,940,942,945,947,950,952,955,957,960,962,965,967,970,972,975,977,980,982,984,986,989],{"class":386,"line":470},[384,904,424],{"class":423},[384,906,427],{"class":390},[384,908,909],{"class":430}," add",[384,911,912],{"class":390},",",[384,914,915],{"class":430}," cameraProjectionMatrix",[384,917,912],{"class":390},[384,919,920],{"class":430}," cameraViewMatrix",[384,922,912],{"class":390},[384,924,781],{"class":430},[384,926,912],{"class":390},[384,928,929],{"class":430}," Fn",[384,931,912],{"class":390},[384,933,934],{"class":430}," hash",[384,936,912],{"class":390},[384,938,939],{"class":430}," mix",[384,941,912],{"class":390},[384,943,944],{"class":430}," normalView",[384,946,912],{"class":390},[384,948,949],{"class":430}," positionWorld",[384,951,912],{"class":390},[384,953,954],{"class":430}," sin",[384,956,912],{"class":390},[384,958,959],{"class":430}," timerGlobal",[384,961,912],{"class":390},[384,963,964],{"class":430}," uniform",[384,966,912],{"class":390},[384,968,969],{"class":430}," varying",[384,971,912],{"class":390},[384,973,974],{"class":430}," vec3",[384,976,912],{"class":390},[384,978,979],{"class":430}," vec4",[384,981,434],{"class":390},[384,983,437],{"class":423},[384,985,440],{"class":390},[384,987,988],{"class":411},"three/tsl",[384,990,446],{"class":390},[384,992,993,995,997,1000,1002,1005,1007,1010,1012,1014,1016,1018],{"class":386,"line":493},[384,994,424],{"class":423},[384,996,427],{"class":390},[384,998,999],{"class":430}," AdditiveBlending",[384,1001,912],{"class":390},[384,1003,1004],{"class":430}," DoubleSide",[384,1006,912],{"class":390},[384,1008,1009],{"class":430}," MeshBasicNodeMaterial",[384,1011,434],{"class":390},[384,1013,437],{"class":423},[384,1015,440],{"class":390},[384,1017,465],{"class":411},[384,1019,446],{"class":390},[384,1021,1022],{"class":386,"line":499},[384,1023,496],{"emptyLinePlaceholder":39},[384,1025,1026,1028,1030,1033,1036,1038,1040,1042,1045,1048,1050,1052,1054,1057,1059,1061,1063],{"class":386,"line":506},[384,1027,509],{"class":398},[384,1029,427],{"class":390},[384,1031,1032],{"class":430}," nodes ",[384,1034,1035],{"class":390},"}",[384,1037,548],{"class":390},[384,1039,889],{"class":554},[384,1041,557],{"class":430},[384,1043,1044],{"class":390},"'",[384,1046,1047],{"class":411},"https://raw.githubusercontent.com/Tresjs/assets/main/models/gltf/blender-cube.glb",[384,1049,1044],{"class":390},[384,1051,912],{"class":390},[384,1053,427],{"class":390},[384,1055,1056],{"class":394}," draco",[384,1058,524],{"class":390},[384,1060,603],{"class":602},[384,1062,434],{"class":390},[384,1064,626],{"class":430},[384,1066,1067],{"class":386,"line":539},[384,1068,496],{"emptyLinePlaceholder":39},[384,1070,1071,1073,1076,1078,1081,1083,1086,1088,1091,1093,1096,1098],{"class":386,"line":563},[384,1072,509],{"class":398},[384,1074,1075],{"class":430}," model ",[384,1077,405],{"class":390},[384,1079,1080],{"class":554}," computed",[384,1082,557],{"class":430},[384,1084,1085],{"class":390},"()",[384,1087,533],{"class":398},[384,1089,1090],{"class":430}," nodes",[384,1092,356],{"class":390},[384,1094,1095],{"class":430},"value",[384,1097,356],{"class":390},[384,1099,1100],{"class":430},"BlenderCube)\n",[384,1102,1103],{"class":386,"line":588},[384,1104,1105],{"class":502},"/**\n",[384,1107,1108],{"class":386,"line":594},[384,1109,1110],{"class":502},"* Material\n",[384,1112,1113],{"class":386,"line":608},[384,1114,1115],{"class":502},"*/\n",[384,1117,1118,1120,1123,1125,1127,1129,1131],{"class":386,"line":620},[384,1119,509],{"class":398},[384,1121,1122],{"class":430}," material ",[384,1124,405],{"class":390},[384,1126,551],{"class":390},[384,1128,1009],{"class":554},[384,1130,557],{"class":430},[384,1132,560],{"class":390},[384,1134,1135,1138,1140,1142],{"class":386,"line":629},[384,1136,1137],{"class":394},"  transparent",[384,1139,524],{"class":390},[384,1141,603],{"class":602},[384,1143,585],{"class":390},[384,1145,1146,1149,1151,1153],{"class":386,"line":638},[384,1147,1148],{"class":394},"  side",[384,1150,524],{"class":390},[384,1152,1004],{"class":430},[384,1154,585],{"class":390},[384,1156,1157,1160,1162,1165],{"class":386,"line":644},[384,1158,1159],{"class":394},"  depthWrite",[384,1161,524],{"class":390},[384,1163,1164],{"class":602}," false",[384,1166,585],{"class":390},[384,1168,1169,1172,1174,1176],{"class":386,"line":654},[384,1170,1171],{"class":394},"  blending",[384,1173,524],{"class":390},[384,1175,999],{"class":430},[384,1177,585],{"class":390},[384,1179,1180,1182],{"class":386,"line":659},[384,1181,1035],{"class":390},[384,1183,626],{"class":430},[384,1185,1186],{"class":386,"line":669},[384,1187,1188],{"class":502},"// Position\n",[384,1190,1191,1193,1196,1198,1200,1202,1205],{"class":386,"line":695},[384,1192,509],{"class":398},[384,1194,1195],{"class":430}," glitchStrength ",[384,1197,405],{"class":390},[384,1199,969],{"class":554},[384,1201,557],{"class":430},[384,1203,1204],{"class":716},"0",[384,1206,626],{"class":430},[384,1208,1209,1212,1214,1217,1219,1221,1223,1225,1227],{"class":386,"line":737},[384,1210,1211],{"class":430},"material",[384,1213,356],{"class":390},[384,1215,1216],{"class":430},"vertexNode ",[384,1218,405],{"class":390},[384,1220,929],{"class":554},[384,1222,557],{"class":430},[384,1224,1085],{"class":390},[384,1226,533],{"class":398},[384,1228,536],{"class":390},[384,1230,1231,1233,1236,1238,1240,1242,1244,1247,1249,1252,1254,1257,1259,1262,1264,1267],{"class":386,"line":773},[384,1232,542],{"class":398},[384,1234,1235],{"class":430}," glitchTime",[384,1237,548],{"class":390},[384,1239,959],{"class":554},[384,1241,1085],{"class":394},[384,1243,356],{"class":390},[384,1245,1246],{"class":554},"sub",[384,1248,557],{"class":394},[384,1250,1251],{"class":430},"positionWorld",[384,1253,356],{"class":390},[384,1255,1256],{"class":430},"y",[384,1258,356],{"class":390},[384,1260,1261],{"class":554},"mul",[384,1263,557],{"class":394},[384,1265,1266],{"class":716},"0.5",[384,1268,1269],{"class":394},"))\n",[384,1271,1272,1275,1277,1280,1282,1285],{"class":386,"line":795},[384,1273,1274],{"class":430},"  glitchStrength",[384,1276,356],{"class":390},[384,1278,1279],{"class":554},"assign",[384,1281,557],{"class":394},[384,1283,1284],{"class":554},"add",[384,1286,1287],{"class":394},"(\n",[384,1289,1290,1293,1295,1298,1300],{"class":386,"line":801},[384,1291,1292],{"class":554},"    sin",[384,1294,557],{"class":394},[384,1296,1297],{"class":430},"glitchTime",[384,1299,530],{"class":394},[384,1301,585],{"class":390},[384,1303,1304,1306,1308,1310,1312,1314,1316,1319,1322],{"class":386,"line":811},[384,1305,1292],{"class":554},[384,1307,557],{"class":394},[384,1309,1297],{"class":430},[384,1311,356],{"class":390},[384,1313,1261],{"class":554},[384,1315,557],{"class":394},[384,1317,1318],{"class":716},"3.45",[384,1320,1321],{"class":394},"))",[384,1323,585],{"class":390},[384,1325,1327,1329,1331,1333,1335,1337,1339,1342,1344],{"class":386,"line":1326},26,[384,1328,1292],{"class":554},[384,1330,557],{"class":394},[384,1332,1297],{"class":430},[384,1334,356],{"class":390},[384,1336,1261],{"class":554},[384,1338,557],{"class":394},[384,1340,1341],{"class":716},"8.76",[384,1343,1321],{"class":394},[384,1345,585],{"class":390},[384,1347,1349,1352,1354,1357,1359,1361,1363,1365,1368,1370,1373,1375,1378],{"class":386,"line":1348},27,[384,1350,1351],{"class":394},"  )",[384,1353,356],{"class":390},[384,1355,1356],{"class":554},"div",[384,1358,557],{"class":394},[384,1360,717],{"class":716},[384,1362,530],{"class":394},[384,1364,356],{"class":390},[384,1366,1367],{"class":554},"smoothstep",[384,1369,557],{"class":394},[384,1371,1372],{"class":716},"0.3",[384,1374,912],{"class":390},[384,1376,1377],{"class":716}," 1",[384,1379,1269],{"class":394},[384,1381,1383,1385,1388,1390,1392],{"class":386,"line":1382},28,[384,1384,542],{"class":398},[384,1386,1387],{"class":430}," glitch",[384,1389,548],{"class":390},[384,1391,974],{"class":554},[384,1393,1287],{"class":394},[384,1395,1397,1400,1402,1404,1406,1409,1411,1414,1416,1418,1420,1422,1425,1427,1429,1431,1433,1435,1437],{"class":386,"line":1396},29,[384,1398,1399],{"class":554},"    hash",[384,1401,557],{"class":394},[384,1403,1251],{"class":430},[384,1405,356],{"class":390},[384,1407,1408],{"class":430},"xz",[384,1410,356],{"class":390},[384,1412,1413],{"class":554},"abs",[384,1415,1085],{"class":394},[384,1417,356],{"class":390},[384,1419,1261],{"class":554},[384,1421,557],{"class":394},[384,1423,1424],{"class":716},"9999",[384,1426,1321],{"class":394},[384,1428,356],{"class":390},[384,1430,1246],{"class":554},[384,1432,557],{"class":394},[384,1434,1266],{"class":716},[384,1436,530],{"class":394},[384,1438,585],{"class":390},[384,1440,1442,1445],{"class":386,"line":1441},30,[384,1443,1444],{"class":716},"    0",[384,1446,585],{"class":390},[384,1448,1450,1452,1454,1456,1458,1461,1463,1465,1467,1469,1471,1473,1475,1477,1479,1481,1483,1485,1487],{"class":386,"line":1449},31,[384,1451,1399],{"class":554},[384,1453,557],{"class":394},[384,1455,1251],{"class":430},[384,1457,356],{"class":390},[384,1459,1460],{"class":430},"yx",[384,1462,356],{"class":390},[384,1464,1413],{"class":554},[384,1466,1085],{"class":394},[384,1468,356],{"class":390},[384,1470,1261],{"class":554},[384,1472,557],{"class":394},[384,1474,1424],{"class":716},[384,1476,1321],{"class":394},[384,1478,356],{"class":390},[384,1480,1246],{"class":554},[384,1482,557],{"class":394},[384,1484,1266],{"class":716},[384,1486,530],{"class":394},[384,1488,585],{"class":390},[384,1490,1492],{"class":386,"line":1491},32,[384,1493,1494],{"class":394},"  )\n",[384,1496,1498,1501,1503,1506,1508,1511,1513,1516,1518,1520,1522,1525,1527,1529,1531,1533],{"class":386,"line":1497},33,[384,1499,1500],{"class":430},"  positionWorld",[384,1502,356],{"class":390},[384,1504,1505],{"class":430},"xyz",[384,1507,356],{"class":390},[384,1509,1510],{"class":554},"addAssign",[384,1512,557],{"class":394},[384,1514,1515],{"class":430},"glitch",[384,1517,356],{"class":390},[384,1519,1261],{"class":554},[384,1521,557],{"class":394},[384,1523,1524],{"class":430},"glitchStrength",[384,1526,356],{"class":390},[384,1528,1261],{"class":554},[384,1530,557],{"class":394},[384,1532,1266],{"class":716},[384,1534,1535],{"class":394},")))\n",[384,1537,1539,1541,1543,1545,1547,1549,1552,1554,1556,1558,1560,1562],{"class":386,"line":1538},34,[384,1540,632],{"class":423},[384,1542,915],{"class":430},[384,1544,356],{"class":390},[384,1546,1261],{"class":554},[384,1548,557],{"class":394},[384,1550,1551],{"class":430},"cameraViewMatrix",[384,1553,530],{"class":394},[384,1555,356],{"class":390},[384,1557,1261],{"class":554},[384,1559,557],{"class":394},[384,1561,1251],{"class":430},[384,1563,626],{"class":394},[384,1565,1567,1569],{"class":386,"line":1566},35,[384,1568,1035],{"class":390},[384,1570,1571],{"class":430},")()\n",[384,1573,1575],{"class":386,"line":1574},36,[384,1576,1577],{"class":502},"// Color\n",[384,1579,1581,1583,1586,1588,1590,1592,1595,1597,1599,1602,1604],{"class":386,"line":1580},37,[384,1582,509],{"class":398},[384,1584,1585],{"class":430}," colorInside ",[384,1587,405],{"class":390},[384,1589,964],{"class":554},[384,1591,557],{"class":430},[384,1593,1594],{"class":554},"color",[384,1596,557],{"class":430},[384,1598,1044],{"class":390},[384,1600,1601],{"class":411},"#ff6088",[384,1603,1044],{"class":390},[384,1605,1269],{"class":430},[384,1607,1609,1611,1614,1616,1618,1620,1622,1624,1626,1629,1631],{"class":386,"line":1608},38,[384,1610,509],{"class":398},[384,1612,1613],{"class":430}," colorOutside ",[384,1615,405],{"class":390},[384,1617,964],{"class":554},[384,1619,557],{"class":430},[384,1621,1594],{"class":554},[384,1623,557],{"class":430},[384,1625,1044],{"class":390},[384,1627,1628],{"class":411},"#4d55ff",[384,1630,1044],{"class":390},[384,1632,1269],{"class":430},[384,1634,1636,1638,1640,1643,1645,1647,1649,1651,1653],{"class":386,"line":1635},39,[384,1637,1211],{"class":430},[384,1639,356],{"class":390},[384,1641,1642],{"class":430},"colorNode ",[384,1644,405],{"class":390},[384,1646,929],{"class":554},[384,1648,557],{"class":430},[384,1650,1085],{"class":390},[384,1652,533],{"class":398},[384,1654,536],{"class":390},[384,1656,1658,1660,1663,1665,1667,1669,1671,1673,1675,1677,1680,1682,1685,1687,1689,1691,1693,1696,1698,1700,1703,1705,1707,1709,1711,1714,1716,1718],{"class":386,"line":1657},40,[384,1659,542],{"class":398},[384,1661,1662],{"class":430}," stripes",[384,1664,548],{"class":390},[384,1666,949],{"class":430},[384,1668,356],{"class":390},[384,1670,1256],{"class":430},[384,1672,356],{"class":390},[384,1674,1246],{"class":554},[384,1676,557],{"class":394},[384,1678,1679],{"class":554},"timerGlobal",[384,1681,557],{"class":394},[384,1683,1684],{"class":716},"0.02",[384,1686,1321],{"class":394},[384,1688,356],{"class":390},[384,1690,1261],{"class":554},[384,1692,557],{"class":394},[384,1694,1695],{"class":716},"20",[384,1697,530],{"class":394},[384,1699,356],{"class":390},[384,1701,1702],{"class":554},"mod",[384,1704,557],{"class":394},[384,1706,756],{"class":716},[384,1708,530],{"class":394},[384,1710,356],{"class":390},[384,1712,1713],{"class":554},"pow",[384,1715,557],{"class":394},[384,1717,717],{"class":716},[384,1719,626],{"class":394},[384,1721,1723,1725,1728,1730,1732,1734,1737,1739,1742,1744,1746,1748,1751,1753,1755,1757,1759,1761,1763,1765,1768],{"class":386,"line":1722},41,[384,1724,542],{"class":398},[384,1726,1727],{"class":430}," fresnel",[384,1729,548],{"class":390},[384,1731,944],{"class":430},[384,1733,356],{"class":390},[384,1735,1736],{"class":554},"dot",[384,1738,557],{"class":394},[384,1740,1741],{"class":554},"vec3",[384,1743,557],{"class":394},[384,1745,1204],{"class":716},[384,1747,912],{"class":390},[384,1749,1750],{"class":716}," 0",[384,1752,912],{"class":390},[384,1754,1377],{"class":716},[384,1756,1321],{"class":394},[384,1758,356],{"class":390},[384,1760,1413],{"class":554},[384,1762,1085],{"class":394},[384,1764,356],{"class":390},[384,1766,1767],{"class":554},"oneMinus",[384,1769,1770],{"class":394},"()\n",[384,1772,1774,1776,1779,1781,1783,1785,1787,1789,1792,1794,1797],{"class":386,"line":1773},42,[384,1775,542],{"class":398},[384,1777,1778],{"class":430}," falloff",[384,1780,548],{"class":390},[384,1782,1727],{"class":430},[384,1784,356],{"class":390},[384,1786,1367],{"class":554},[384,1788,557],{"class":394},[384,1790,1791],{"class":716},"0.8",[384,1793,912],{"class":390},[384,1795,1796],{"class":716}," 0.2",[384,1798,626],{"class":394},[384,1800,1802,1804,1807,1809,1811,1813,1815,1817,1820,1822,1824,1826,1828,1830,1832,1834,1836,1839,1841,1843,1845,1847,1850],{"class":386,"line":1801},43,[384,1803,542],{"class":398},[384,1805,1806],{"class":430}," alpha",[384,1808,548],{"class":390},[384,1810,1662],{"class":430},[384,1812,356],{"class":390},[384,1814,1261],{"class":554},[384,1816,557],{"class":394},[384,1818,1819],{"class":430},"fresnel",[384,1821,530],{"class":394},[384,1823,356],{"class":390},[384,1825,1284],{"class":554},[384,1827,557],{"class":394},[384,1829,1819],{"class":430},[384,1831,356],{"class":390},[384,1833,1261],{"class":554},[384,1835,557],{"class":394},[384,1837,1838],{"class":716},"1.25",[384,1840,1321],{"class":394},[384,1842,356],{"class":390},[384,1844,1261],{"class":554},[384,1846,557],{"class":394},[384,1848,1849],{"class":430},"falloff",[384,1851,626],{"class":394},[384,1853,1855,1857,1860,1862,1864,1866,1869,1871,1874,1876,1878,1880,1882,1884,1886,1888,1890,1892,1895],{"class":386,"line":1854},44,[384,1856,542],{"class":398},[384,1858,1859],{"class":430}," finalColor",[384,1861,548],{"class":390},[384,1863,939],{"class":554},[384,1865,557],{"class":394},[384,1867,1868],{"class":430},"colorInside",[384,1870,912],{"class":390},[384,1872,1873],{"class":430}," colorOutside",[384,1875,912],{"class":390},[384,1877,1727],{"class":430},[384,1879,356],{"class":390},[384,1881,1284],{"class":554},[384,1883,557],{"class":394},[384,1885,1524],{"class":430},[384,1887,356],{"class":390},[384,1889,1261],{"class":554},[384,1891,557],{"class":394},[384,1893,1894],{"class":716},"0.6",[384,1896,1535],{"class":394},[384,1898,1900,1902,1904,1906,1909,1911,1913],{"class":386,"line":1899},45,[384,1901,632],{"class":423},[384,1903,979],{"class":554},[384,1905,557],{"class":394},[384,1907,1908],{"class":430},"finalColor",[384,1910,912],{"class":390},[384,1912,1806],{"class":430},[384,1914,626],{"class":394},[384,1916,1918,1920],{"class":386,"line":1917},46,[384,1919,1035],{"class":390},[384,1921,1571],{"class":430},[384,1923,1925],{"class":386,"line":1924},47,[384,1926,496],{"emptyLinePlaceholder":39},[384,1928,1930,1933,1936,1938,1940,1943,1945,1947],{"class":386,"line":1929},48,[384,1931,1932],{"class":554},"watch",[384,1934,1935],{"class":430},"(model",[384,1937,912],{"class":390},[384,1939,517],{"class":390},[384,1941,1942],{"class":520},"newModel",[384,1944,530],{"class":390},[384,1946,533],{"class":398},[384,1948,536],{"class":390},[384,1950,1952,1955,1957,1960,1962,1964,1967,1969,1971],{"class":386,"line":1951},49,[384,1953,1954],{"class":430},"  newModel",[384,1956,356],{"class":390},[384,1958,1959],{"class":554},"traverse",[384,1961,557],{"class":394},[384,1963,557],{"class":390},[384,1965,1966],{"class":520},"child",[384,1968,530],{"class":390},[384,1970,533],{"class":398},[384,1972,536],{"class":390},[384,1974,1976,1979,1981,1984,1986,1988,1991],{"class":386,"line":1975},50,[384,1977,1978],{"class":423},"    if",[384,1980,517],{"class":394},[384,1982,1983],{"class":554},"isMesh",[384,1985,557],{"class":394},[384,1987,1966],{"class":430},[384,1989,1990],{"class":394},")) ",[384,1992,560],{"class":390},[384,1994,1996,1999,2001,2003,2005],{"class":386,"line":1995},51,[384,1997,1998],{"class":430},"      child",[384,2000,356],{"class":390},[384,2002,1211],{"class":430},[384,2004,548],{"class":390},[384,2006,2007],{"class":430}," material\n",[384,2009,2011],{"class":386,"line":2010},52,[384,2012,2013],{"class":390},"    }\n",[384,2015,2017,2019],{"class":386,"line":2016},53,[384,2018,623],{"class":390},[384,2020,626],{"class":394},[384,2022,2024,2026],{"class":386,"line":2023},54,[384,2025,1035],{"class":390},[384,2027,626],{"class":430},[384,2029,2031,2033,2035],{"class":386,"line":2030},55,[384,2032,647],{"class":390},[384,2034,395],{"class":394},[384,2036,417],{"class":390},[384,2038,2040],{"class":386,"line":2039},56,[384,2041,496],{"emptyLinePlaceholder":39},[384,2043,2045,2047,2049],{"class":386,"line":2044},57,[384,2046,391],{"class":390},[384,2048,664],{"class":394},[384,2050,417],{"class":390},[384,2052,2054,2056,2059,2062,2064,2066,2069,2071,2073,2076,2078,2080,2082,2084],{"class":386,"line":2053},58,[384,2055,672],{"class":390},[384,2057,2058],{"class":394},"primitive",[384,2060,2061],{"class":423}," v-if",[384,2063,405],{"class":390},[384,2065,408],{"class":390},[384,2067,2068],{"class":430},"model",[384,2070,408],{"class":390},[384,2072,678],{"class":390},[384,2074,2075],{"class":398},"object",[384,2077,405],{"class":390},[384,2079,408],{"class":390},[384,2081,2068],{"class":430},[384,2083,408],{"class":390},[384,2085,734],{"class":390},[384,2087,2089,2091,2093],{"class":386,"line":2088},59,[384,2090,647],{"class":390},[384,2092,664],{"class":394},[384,2094,417],{"class":390},[374,2096,2098],{"className":376,"code":2097,"filename":834,"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,2099,2100,2120,2138,2156,2183,2203,2207,2224,2228,2250,2266,2286,2290,2300,2310,2316,2322,2326,2334,2338,2346,2366,2373,2401,2428,2433,2442,2452,2461,2469],{"__ignoreMap":380},[384,2101,2102,2104,2106,2108,2110,2112,2114,2116,2118],{"class":386,"line":387},[384,2103,391],{"class":390},[384,2105,395],{"class":394},[384,2107,399],{"class":398},[384,2109,402],{"class":398},[384,2111,405],{"class":390},[384,2113,408],{"class":390},[384,2115,412],{"class":411},[384,2117,408],{"class":390},[384,2119,417],{"class":390},[384,2121,2122,2124,2126,2128,2130,2132,2134,2136],{"class":386,"line":420},[384,2123,424],{"class":423},[384,2125,427],{"class":390},[384,2127,431],{"class":430},[384,2129,434],{"class":390},[384,2131,437],{"class":423},[384,2133,440],{"class":390},[384,2135,443],{"class":411},[384,2137,446],{"class":390},[384,2139,2140,2142,2144,2146,2148,2150,2152,2154],{"class":386,"line":449},[384,2141,424],{"class":423},[384,2143,427],{"class":390},[384,2145,456],{"class":430},[384,2147,434],{"class":390},[384,2149,437],{"class":423},[384,2151,440],{"class":390},[384,2153,465],{"class":411},[384,2155,446],{"class":390},[384,2157,2158,2160,2162,2164,2167,2169,2172,2174,2176,2178,2181],{"class":386,"line":470},[384,2159,424],{"class":423},[384,2161,475],{"class":423},[384,2163,427],{"class":390},[384,2165,2166],{"class":430}," ShadowMapType",[384,2168,912],{"class":390},[384,2170,2171],{"class":430}," ToneMapping",[384,2173,434],{"class":390},[384,2175,437],{"class":423},[384,2177,440],{"class":390},[384,2179,2180],{"class":411},"three",[384,2182,446],{"class":390},[384,2184,2185,2187,2189,2191,2193,2195,2197,2199,2201],{"class":386,"line":493},[384,2186,424],{"class":423},[384,2188,475],{"class":423},[384,2190,427],{"class":390},[384,2192,480],{"class":430},[384,2194,434],{"class":390},[384,2196,437],{"class":423},[384,2198,440],{"class":390},[384,2200,443],{"class":411},[384,2202,446],{"class":390},[384,2204,2205],{"class":386,"line":499},[384,2206,496],{"emptyLinePlaceholder":39},[384,2208,2209,2211,2214,2217,2219,2222],{"class":386,"line":506},[384,2210,424],{"class":423},[384,2212,2213],{"class":430}," HologramCube ",[384,2215,2216],{"class":423},"from",[384,2218,440],{"class":390},[384,2220,2221],{"class":411},"./HologramCube.vue",[384,2223,446],{"class":390},[384,2225,2226],{"class":386,"line":539},[384,2227,496],{"emptyLinePlaceholder":39},[384,2229,2230,2232,2234,2236,2238,2240,2242,2244,2246,2248],{"class":386,"line":563},[384,2231,509],{"class":398},[384,2233,512],{"class":430},[384,2235,405],{"class":390},[384,2237,517],{"class":390},[384,2239,521],{"class":520},[384,2241,524],{"class":390},[384,2243,480],{"class":527},[384,2245,530],{"class":390},[384,2247,533],{"class":398},[384,2249,536],{"class":390},[384,2251,2252,2254,2256,2258,2260,2262,2264],{"class":386,"line":588},[384,2253,542],{"class":398},[384,2255,545],{"class":430},[384,2257,548],{"class":390},[384,2259,551],{"class":390},[384,2261,456],{"class":554},[384,2263,557],{"class":394},[384,2265,560],{"class":390},[384,2267,2268,2270,2272,2274,2276,2278,2280,2282,2284],{"class":386,"line":594},[384,2269,566],{"class":394},[384,2271,524],{"class":390},[384,2273,571],{"class":554},[384,2275,557],{"class":394},[384,2277,521],{"class":430},[384,2279,356],{"class":390},[384,2281,580],{"class":430},[384,2283,530],{"class":394},[384,2285,585],{"class":390},[384,2287,2288],{"class":386,"line":608},[384,2289,591],{"class":502},[384,2291,2292,2294,2296,2298],{"class":386,"line":620},[384,2293,597],{"class":394},[384,2295,524],{"class":390},[384,2297,603],{"class":602},[384,2299,585],{"class":390},[384,2301,2302,2304,2306,2308],{"class":386,"line":629},[384,2303,611],{"class":394},[384,2305,524],{"class":390},[384,2307,603],{"class":602},[384,2309,585],{"class":390},[384,2311,2312,2314],{"class":386,"line":638},[384,2313,623],{"class":390},[384,2315,626],{"class":394},[384,2317,2318,2320],{"class":386,"line":644},[384,2319,632],{"class":423},[384,2321,635],{"class":430},[384,2323,2324],{"class":386,"line":654},[384,2325,641],{"class":390},[384,2327,2328,2330,2332],{"class":386,"line":659},[384,2329,647],{"class":390},[384,2331,395],{"class":394},[384,2333,417],{"class":390},[384,2335,2336],{"class":386,"line":669},[384,2337,496],{"emptyLinePlaceholder":39},[384,2339,2340,2342,2344],{"class":386,"line":695},[384,2341,391],{"class":390},[384,2343,664],{"class":394},[384,2345,417],{"class":390},[384,2347,2348,2350,2352,2354,2356,2358,2360,2362,2364],{"class":386,"line":737},[384,2349,672],{"class":390},[384,2351,675],{"class":394},[384,2353,678],{"class":390},[384,2355,681],{"class":398},[384,2357,405],{"class":390},[384,2359,408],{"class":390},[384,2361,688],{"class":430},[384,2363,408],{"class":390},[384,2365,417],{"class":390},[384,2367,2368,2370],{"class":386,"line":773},[384,2369,698],{"class":390},[384,2371,2372],{"class":394},"TresPerspectiveCamera\n",[384,2374,2375,2378,2380,2382,2384,2386,2388,2390,2392,2394,2396,2398],{"class":386,"line":795},[384,2376,2377],{"class":390},"      :",[384,2379,706],{"class":398},[384,2381,405],{"class":390},[384,2383,408],{"class":390},[384,2385,713],{"class":390},[384,2387,717],{"class":716},[384,2389,720],{"class":390},[384,2391,717],{"class":716},[384,2393,720],{"class":390},[384,2395,717],{"class":716},[384,2397,729],{"class":390},[384,2399,2400],{"class":390},"\"\n",[384,2402,2403,2405,2408,2410,2412,2414,2416,2418,2420,2422,2424,2426],{"class":386,"line":801},[384,2404,2377],{"class":390},[384,2406,2407],{"class":398},"look-at",[384,2409,405],{"class":390},[384,2411,408],{"class":390},[384,2413,713],{"class":390},[384,2415,1204],{"class":716},[384,2417,720],{"class":390},[384,2419,1204],{"class":716},[384,2421,720],{"class":390},[384,2423,1204],{"class":716},[384,2425,729],{"class":390},[384,2427,2400],{"class":390},[384,2429,2430],{"class":386,"line":811},[384,2431,2432],{"class":390},"    />\n",[384,2434,2435,2437,2440],{"class":386,"line":1326},[384,2436,698],{"class":390},[384,2438,2439],{"class":394},"Suspense",[384,2441,417],{"class":390},[384,2443,2444,2447,2450],{"class":386,"line":1348},[384,2445,2446],{"class":390},"      \u003C",[384,2448,2449],{"class":394},"HologramCube",[384,2451,734],{"class":390},[384,2453,2454,2457,2459],{"class":386,"line":1382},[384,2455,2456],{"class":390},"    \u003C/",[384,2458,2439],{"class":394},[384,2460,417],{"class":390},[384,2462,2463,2465,2467],{"class":386,"line":1396},[384,2464,804],{"class":390},[384,2466,675],{"class":394},[384,2468,417],{"class":390},[384,2470,2471,2473,2475],{"class":386,"line":1441},[384,2472,647],{"class":390},[384,2474,664],{"class":394},[384,2476,417],{"class":390},[2478,2479,2480],"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 pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}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);}",{"title":380,"searchDepth":387,"depth":420,"links":2482},[2483,2487],{"id":258,"depth":420,"text":259,"children":2484},[2485,2486],{"id":272,"depth":449,"text":275},{"id":312,"depth":449,"text":315},{"id":359,"depth":420,"text":360,"children":2488},[2489,2490],{"id":371,"depth":449,"text":372},{"id":820,"depth":449,"text":821},"Explore experimental WebGPU rendering capabilities in TresJS.","md",null,{},{"title":170,"description":2491},"ctrwX0M4tZQcHdLVAt5GlV-c-0F_0P7NRTK92byfbko",[2498,2500],{"title":166,"path":167,"stem":168,"description":2499,"children":-1},"Use the primitive component to directly integrate any Three.js object within your Vue application.",{"title":179,"path":175,"stem":180,"description":2501,"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.",1774953661055]