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