[{"data":1,"prerenderedAt":1729},["ShallowReactive",2],{"navigation":3,"\u002Fgetting-started\u002Fwebgpu":502,"\u002Fgetting-started\u002Fwebgpu-surround":1724},[4,30],{"title":5,"path":6,"stem":7,"children":8},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,10,14,18,22,26],{"title":5,"path":6,"stem":7},{"title":11,"path":12,"stem":13},"Installation Guide","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation",{"title":15,"path":16,"stem":17},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F3.usage",{"title":19,"path":20,"stem":21},"Loading Models","\u002Fgetting-started\u002Floading-models","1.getting-started\u002F4.loading-models",{"title":23,"path":24,"stem":25},"Upgrade Guide","\u002Fgetting-started\u002Fupgrade-guide","1.getting-started\u002F5.upgrade-guide",{"title":27,"path":28,"stem":29},"WebGPU","\u002Fgetting-started\u002Fwebgpu","1.getting-started\u002F6.webgpu",{"title":31,"path":32,"stem":33,"children":34},"Api","\u002Fapi","2.api",[35,38,100,130,172,214,312,338,372,422,468],{"title":36,"path":32,"stem":37},"All","2.api\u002Findex",{"title":39,"path":40,"stem":41,"children":42},"Abstractions","\u002Fapi\u002Fabstractions","2.api\u002F1.abstractions\u002Findex",[43,44,48,52,56,60,64,68,72,76,80,84,88,92,96],{"title":39,"path":40,"stem":41},{"title":45,"path":46,"stem":47},"Align","\u002Fapi\u002Fabstractions\u002Falign","2.api\u002F1.abstractions\u002Falign",{"title":49,"path":50,"stem":51},"Billboard","\u002Fapi\u002Fabstractions\u002Fbillboard","2.api\u002F1.abstractions\u002Fbillboard",{"title":53,"path":54,"stem":55},"Camera Shake","\u002Fapi\u002Fabstractions\u002Fcamera-shake","2.api\u002F1.abstractions\u002Fcamera-shake",{"title":57,"path":58,"stem":59},"Decal","\u002Fapi\u002Fabstractions\u002Fdecal","2.api\u002F1.abstractions\u002Fdecal",{"title":61,"path":62,"stem":63},"Edges","\u002Fapi\u002Fabstractions\u002Fedges","2.api\u002F1.abstractions\u002Fedges",{"title":65,"path":66,"stem":67},"Fit","\u002Fapi\u002Fabstractions\u002Ffit","2.api\u002F1.abstractions\u002Ffit",{"title":69,"path":70,"stem":71},"Instances","\u002Fapi\u002Fabstractions\u002Finstances","2.api\u002F1.abstractions\u002Finstances",{"title":73,"path":74,"stem":75},"Levioso (Float)","\u002Fapi\u002Fabstractions\u002Flevioso","2.api\u002F1.abstractions\u002Flevioso",{"title":77,"path":78,"stem":79},"Mask","\u002Fapi\u002Fabstractions\u002Fmask","2.api\u002F1.abstractions\u002Fmask",{"title":81,"path":82,"stem":83},"Merged","\u002Fapi\u002Fabstractions\u002Fmerged","2.api\u002F1.abstractions\u002Fmerged",{"title":85,"path":86,"stem":87},"Outline","\u002Fapi\u002Fabstractions\u002Foutline","2.api\u002F1.abstractions\u002Foutline",{"title":89,"path":90,"stem":91},"Sampler","\u002Fapi\u002Fabstractions\u002Fsampler","2.api\u002F1.abstractions\u002Fsampler",{"title":93,"path":94,"stem":95},"ScreenSizer","\u002Fapi\u002Fabstractions\u002Fscreen-sizer","2.api\u002F1.abstractions\u002Fscreen-sizer",{"title":97,"path":98,"stem":99},"ScreenSpace","\u002Fapi\u002Fabstractions\u002Fscreen-space","2.api\u002F1.abstractions\u002Fscreen-space",{"title":101,"path":102,"stem":103,"children":104},"Controls","\u002Fapi\u002Fcontrols","2.api\u002F2.controls\u002Findex",[105,106,110,114,118,122,126],{"title":101,"path":102,"stem":103},{"title":107,"path":108,"stem":109},"Camera Controls","\u002Fapi\u002Fcontrols\u002Fcamera-controls","2.api\u002F2.controls\u002Fcamera-controls",{"title":111,"path":112,"stem":113},"Keyboard Controls","\u002Fapi\u002Fcontrols\u002Fkeyboard-controls","2.api\u002F2.controls\u002Fkeyboard-controls",{"title":115,"path":116,"stem":117},"Map Controls","\u002Fapi\u002Fcontrols\u002Fmap-controls","2.api\u002F2.controls\u002Fmap-controls",{"title":119,"path":120,"stem":121},"Orbit Controls","\u002Fapi\u002Fcontrols\u002Forbit-controls","2.api\u002F2.controls\u002Forbit-controls",{"title":123,"path":124,"stem":125},"PointerLock Controls","\u002Fapi\u002Fcontrols\u002Fpointer-lock-controls","2.api\u002F2.controls\u002Fpointer-lock-controls",{"title":127,"path":128,"stem":129},"Transform Controls","\u002Fapi\u002Fcontrols\u002Ftransform-controls","2.api\u002F2.controls\u002Ftransform-controls",{"title":131,"path":132,"stem":133,"children":134},"Loaders","\u002Fapi\u002Floaders","2.api\u002F3.loaders\u002Findex",[135,136,140,144,148,152,156,160,164,168],{"title":131,"path":132,"stem":133},{"title":137,"path":138,"stem":139},"useGLTF","\u002Fapi\u002Floaders\u002Fuse-gltf","2.api\u002F3.loaders\u002F1.use-gltf",{"title":141,"path":142,"stem":143},"GLTFModel","\u002Fapi\u002Floaders\u002Fgltf-model","2.api\u002F3.loaders\u002F2.gltf-model",{"title":145,"path":146,"stem":147},"useFBX","\u002Fapi\u002Floaders\u002Fuse-fbx","2.api\u002F3.loaders\u002F3.use-fbx",{"title":149,"path":150,"stem":151},"FBXModel","\u002Fapi\u002Floaders\u002Ffbx-model","2.api\u002F3.loaders\u002F4.fbx-model",{"title":153,"path":154,"stem":155},"useTexture","\u002Fapi\u002Floaders\u002Fuse-texture","2.api\u002F3.loaders\u002F5.use-texture",{"title":157,"path":158,"stem":159},"useTextures","\u002Fapi\u002Floaders\u002Fuse-textures","2.api\u002F3.loaders\u002F6.use-textures",{"title":161,"path":162,"stem":163},"useSVG","\u002Fapi\u002Floaders\u002Fuse-svg","2.api\u002F3.loaders\u002F7.use-svg",{"title":165,"path":166,"stem":167},"useProgress","\u002Fapi\u002Floaders\u002Fuse-progress","2.api\u002F3.loaders\u002Fuse-progress",{"title":169,"path":170,"stem":171},"useVideoTexture","\u002Fapi\u002Floaders\u002Fuse-video-texture","2.api\u002F3.loaders\u002Fuse-video-texture",{"title":173,"path":174,"stem":175,"children":176},"Materials","\u002Fapi\u002Fmaterials","2.api\u002F4.materials\u002Findex",[177,178,182,186,190,194,198,202,206,210],{"title":173,"path":174,"stem":175},{"title":179,"path":180,"stem":181},"Custom Shader Material","\u002Fapi\u002Fmaterials\u002Fcustom-shader-material","2.api\u002F4.materials\u002Fcustom-shader-material",{"title":183,"path":184,"stem":185},"Mesh Glass Material","\u002Fapi\u002Fmaterials\u002Fglass-material","2.api\u002F4.materials\u002Fglass-material",{"title":187,"path":188,"stem":189},"Holographic Material","\u002Fapi\u002Fmaterials\u002Fholographic-material","2.api\u002F4.materials\u002Fholographic-material",{"title":191,"path":192,"stem":193},"Mesh Discard Material","\u002Fapi\u002Fmaterials\u002Fmesh-discard-material","2.api\u002F4.materials\u002Fmesh-discard-material",{"title":195,"path":196,"stem":197},"Mesh Portal Material","\u002Fapi\u002Fmaterials\u002Fmesh-portal-material","2.api\u002F4.materials\u002Fmesh-portal-material",{"title":199,"path":200,"stem":201},"Mesh Reflection Material","\u002Fapi\u002Fmaterials\u002Fmesh-reflection-material","2.api\u002F4.materials\u002Fmesh-reflection-material",{"title":203,"path":204,"stem":205},"Mesh Transmission Material","\u002Fapi\u002Fmaterials\u002Fmesh-transmission-material","2.api\u002F4.materials\u002Fmesh-transmission-material",{"title":207,"path":208,"stem":209},"Point Material","\u002Fapi\u002Fmaterials\u002Fpoint-material","2.api\u002F4.materials\u002Fpoint-material",{"title":211,"path":212,"stem":213},"Wobble Material","\u002Fapi\u002Fmaterials\u002Fwobble-material","2.api\u002F4.materials\u002Fwobble-material",{"title":215,"path":216,"stem":217,"children":218},"Shapes","\u002Fapi\u002Fshapes","2.api\u002F5.shapes\u002Findex",[219,220,224,228,232,236,240,244,248,252,256,260,264,268,272,276,280,284,288,292,296,300,304,308],{"title":215,"path":216,"stem":217},{"title":221,"path":222,"stem":223},"Box","\u002Fapi\u002Fshapes\u002Fbox","2.api\u002F5.shapes\u002Fbox",{"title":225,"path":226,"stem":227},"CatmullRomCurve3","\u002Fapi\u002Fshapes\u002Fcatmullromcurve3","2.api\u002F5.shapes\u002Fcatmullromcurve3",{"title":229,"path":230,"stem":231},"Circle","\u002Fapi\u002Fshapes\u002Fcircle","2.api\u002F5.shapes\u002Fcircle",{"title":233,"path":234,"stem":235},"Cone","\u002Fapi\u002Fshapes\u002Fcone","2.api\u002F5.shapes\u002Fcone",{"title":237,"path":238,"stem":239},"Cubic Bezier Line","\u002Fapi\u002Fshapes\u002Fcubic-bezier-line","2.api\u002F5.shapes\u002Fcubic-bezier-line",{"title":241,"path":242,"stem":243},"Cylinder","\u002Fapi\u002Fshapes\u002Fcylinder","2.api\u002F5.shapes\u002Fcylinder",{"title":245,"path":246,"stem":247},"Dodecahedron","\u002Fapi\u002Fshapes\u002Fdodecahedron","2.api\u002F5.shapes\u002Fdodecahedron",{"title":249,"path":250,"stem":251},"Grid","\u002Fapi\u002Fshapes\u002Fgrid","2.api\u002F5.shapes\u002Fgrid",{"title":253,"path":254,"stem":255},"Icosahedron","\u002Fapi\u002Fshapes\u002Ficosahedron","2.api\u002F5.shapes\u002Ficosahedron",{"title":257,"path":258,"stem":259},"Line2","\u002Fapi\u002Fshapes\u002Fline2","2.api\u002F5.shapes\u002Fline2",{"title":261,"path":262,"stem":263},"Octahedron","\u002Fapi\u002Fshapes\u002Foctahedron","2.api\u002F5.shapes\u002Foctahedron",{"title":265,"path":266,"stem":267},"Plane","\u002Fapi\u002Fshapes\u002Fplane","2.api\u002F5.shapes\u002Fplane",{"title":269,"path":270,"stem":271},"Quadratic Bezier Line","\u002Fapi\u002Fshapes\u002Fquadratic-bezier-line","2.api\u002F5.shapes\u002Fquadratic-bezier-line",{"title":273,"path":274,"stem":275},"Ring","\u002Fapi\u002Fshapes\u002Fring","2.api\u002F5.shapes\u002Fring",{"title":277,"path":278,"stem":279},"Rounded Box","\u002Fapi\u002Fshapes\u002Frounded-box","2.api\u002F5.shapes\u002Frounded-box",{"title":281,"path":282,"stem":283},"Rounded Plane","\u002Fapi\u002Fshapes\u002Frounded-plane","2.api\u002F5.shapes\u002Frounded-plane",{"title":285,"path":286,"stem":287},"Screen Quad","\u002Fapi\u002Fshapes\u002Fscreen-quad","2.api\u002F5.shapes\u002Fscreen-quad",{"title":289,"path":290,"stem":291},"Sphere","\u002Fapi\u002Fshapes\u002Fsphere","2.api\u002F5.shapes\u002Fsphere",{"title":293,"path":294,"stem":295},"Superformula","\u002Fapi\u002Fshapes\u002Fsuperformula","2.api\u002F5.shapes\u002Fsuperformula",{"title":297,"path":298,"stem":299},"Tetrahedron","\u002Fapi\u002Fshapes\u002Ftetrahedron","2.api\u002F5.shapes\u002Ftetrahedron",{"title":301,"path":302,"stem":303},"Torus","\u002Fapi\u002Fshapes\u002Ftorus","2.api\u002F5.shapes\u002Ftorus",{"title":305,"path":306,"stem":307},"Torus Knot","\u002Fapi\u002Fshapes\u002Ftorus-knot","2.api\u002F5.shapes\u002Ftorus-knot",{"title":309,"path":310,"stem":311},"Tube","\u002Fapi\u002Fshapes\u002Ftube","2.api\u002F5.shapes\u002Ftube",{"title":313,"path":314,"stem":315,"children":316},"Debug\u002FPerformance","\u002Fapi\u002Fdebug-performance","2.api\u002F6.debug-performance\u002Findex",[317,318,322,326,330,334],{"title":313,"path":314,"stem":315},{"title":319,"path":320,"stem":321},"Helper","\u002Fapi\u002Fdebug-performance\u002Fhelper","2.api\u002F6.debug-performance\u002Fhelper",{"title":323,"path":324,"stem":325},"LOD","\u002Fapi\u002Fdebug-performance\u002Flod","2.api\u002F6.debug-performance\u002Flod",{"title":327,"path":328,"stem":329},"Stats","\u002Fapi\u002Fdebug-performance\u002Fstats","2.api\u002F6.debug-performance\u002Fstats",{"title":331,"path":332,"stem":333},"StatsGl","\u002Fapi\u002Fdebug-performance\u002Fstats-gl","2.api\u002F6.debug-performance\u002Fstats-gl",{"title":335,"path":336,"stem":337},"useBVH","\u002Fapi\u002Fdebug-performance\u002Fuse-bvh","2.api\u002F6.debug-performance\u002Fuse-bvh",{"title":339,"path":340,"stem":341,"children":342},"Light\u002FShadow","\u002Fapi\u002Flight-shadow","2.api\u002F7.light-shadow\u002Findex",[343,344,348,352,356,360,364,368],{"title":339,"path":340,"stem":341},{"title":345,"path":346,"stem":347},"Accumulative Shadows","\u002Fapi\u002Flight-shadow\u002Faccumulative-shadows","2.api\u002F7.light-shadow\u002Faccumulative-shadows",{"title":349,"path":350,"stem":351},"Bake Shadows","\u002Fapi\u002Flight-shadow\u002Fbake-shadows","2.api\u002F7.light-shadow\u002Fbake-shadows",{"title":353,"path":354,"stem":355},"Circle Shadow","\u002Fapi\u002Flight-shadow\u002Fcircle-shadow","2.api\u002F7.light-shadow\u002Fcircle-shadow",{"title":357,"path":358,"stem":359},"Contact Shadows","\u002Fapi\u002Flight-shadow\u002Fcontact-shadows","2.api\u002F7.light-shadow\u002Fcontact-shadows",{"title":361,"path":362,"stem":363},"Lensflare","\u002Fapi\u002Flight-shadow\u002Flensflare","2.api\u002F7.light-shadow\u002Flensflare",{"title":365,"path":366,"stem":367},"Randomized Lights","\u002Fapi\u002Flight-shadow\u002Frandomized-lights","2.api\u002F7.light-shadow\u002Frandomized-lights",{"title":369,"path":370,"stem":371},"Soft Shadows","\u002Fapi\u002Flight-shadow\u002Fsoft-shadows","2.api\u002F7.light-shadow\u002Fsoft-shadows",{"title":373,"path":374,"stem":375,"children":376},"Staging","\u002Fapi\u002Fstaging","2.api\u002F8.staging\u002Findex",[377,378,382,386,390,394,398,402,406,410,414,418],{"title":373,"path":374,"stem":375},{"title":379,"path":380,"stem":381},"Environment","\u002Fapi\u002Fstaging\u002Fenvironment","2.api\u002F8.staging\u002F1.environment",{"title":383,"path":384,"stem":385},"useEnvironment","\u002Fapi\u002Fstaging\u002Fuse-environment","2.api\u002F8.staging\u002F2.use-environment",{"title":387,"path":388,"stem":389},"Lightformer","\u002Fapi\u002Fstaging\u002Flightformer","2.api\u002F8.staging\u002F3.lightformer",{"title":391,"path":392,"stem":393},"Backdrop","\u002Fapi\u002Fstaging\u002Fbackdrop","2.api\u002F8.staging\u002Fbackdrop",{"title":395,"path":396,"stem":397},"Ocean","\u002Fapi\u002Fstaging\u002Focean","2.api\u002F8.staging\u002Focean",{"title":399,"path":400,"stem":401},"Precipitation","\u002Fapi\u002Fstaging\u002Fprecipitation","2.api\u002F8.staging\u002Fprecipitation",{"title":403,"path":404,"stem":405},"Sky","\u002Fapi\u002Fstaging\u002Fsky","2.api\u002F8.staging\u002Fsky",{"title":407,"path":408,"stem":409},"Smoke","\u002Fapi\u002Fstaging\u002Fsmoke","2.api\u002F8.staging\u002Fsmoke",{"title":411,"path":412,"stem":413},"Sparkles","\u002Fapi\u002Fstaging\u002Fsparkles","2.api\u002F8.staging\u002Fsparkles",{"title":415,"path":416,"stem":417},"Stage","\u002Fapi\u002Fstaging\u002Fstage","2.api\u002F8.staging\u002Fstage",{"title":419,"path":420,"stem":421},"Stars","\u002Fapi\u002Fstaging\u002Fstars","2.api\u002F8.staging\u002Fstars",{"title":423,"path":424,"stem":425,"children":426},"Objects","\u002Fapi\u002Fobjects","2.api\u002F9.objects\u002Findex",[427,428,432,436,440,444,448,452,456,460,464],{"title":423,"path":424,"stem":425},{"title":429,"path":430,"stem":431},"AnimatedSprite","\u002Fapi\u002Fobjects\u002Fanimated-sprite","2.api\u002F9.objects\u002Fanimated-sprite",{"title":433,"path":434,"stem":435},"CubeCamera","\u002Fapi\u002Fobjects\u002Fcube-camera","2.api\u002F9.objects\u002Fcube-camera",{"title":437,"path":438,"stem":439},"Fbo","\u002Fapi\u002Fobjects\u002Ffbo","2.api\u002F9.objects\u002Ffbo",{"title":441,"path":442,"stem":443},"GradientTexture","\u002Fapi\u002Fobjects\u002Fgradient-texture","2.api\u002F9.objects\u002Fgradient-texture",{"title":445,"path":446,"stem":447},"HTML","\u002Fapi\u002Fobjects\u002Fhtml","2.api\u002F9.objects\u002Fhtml",{"title":449,"path":450,"stem":451},"Image","\u002Fapi\u002Fobjects\u002Fimage","2.api\u002F9.objects\u002Fimage",{"title":453,"path":454,"stem":455},"MarchingCubes","\u002Fapi\u002Fobjects\u002Fmarching-cubes","2.api\u002F9.objects\u002Fmarching-cubes",{"title":457,"path":458,"stem":459},"Reflector","\u002Fapi\u002Fobjects\u002Freflector","2.api\u002F9.objects\u002Freflector",{"title":461,"path":462,"stem":463},"Refractor","\u002Fapi\u002Fobjects\u002Frefractor","2.api\u002F9.objects\u002Frefractor",{"title":465,"path":466,"stem":467},"Text3D","\u002Fapi\u002Fobjects\u002Ftext-3d","2.api\u002F9.objects\u002Ftext-3d",{"title":469,"path":470,"stem":471,"children":472},"Miscellaneous","\u002Fapi\u002Fmiscellaneous","2.api\u002Fmiscellaneous\u002Findex",[473,474,478,482,486,490,494,498],{"title":469,"path":470,"stem":471},{"title":475,"path":476,"stem":477},"Bounds","\u002Fapi\u002Fmiscellaneous\u002Fbounds","2.api\u002Fmiscellaneous\u002Fbounds",{"title":479,"path":480,"stem":481},"GlobalAudio","\u002Fapi\u002Fmiscellaneous\u002Fglobal-audio","2.api\u002Fmiscellaneous\u002Fglobal-audio",{"title":483,"path":484,"stem":485},"MouseParallax","\u002Fapi\u002Fmiscellaneous\u002Fmouse-parallax","2.api\u002Fmiscellaneous\u002Fmouse-parallax",{"title":487,"path":488,"stem":489},"PositionalAudio","\u002Fapi\u002Fmiscellaneous\u002Fpositional-audio","2.api\u002Fmiscellaneous\u002Fpositional-audio",{"title":491,"path":492,"stem":493},"useAnimations","\u002Fapi\u002Fmiscellaneous\u002Fuse-animations","2.api\u002Fmiscellaneous\u002Fuse-animations",{"title":495,"path":496,"stem":497},"useGLTFExporter","\u002Fapi\u002Fmiscellaneous\u002Fuse-gltf-exporter","2.api\u002Fmiscellaneous\u002Fuse-gltf-exporter",{"title":499,"path":500,"stem":501},"useIntersect","\u002Fapi\u002Fmiscellaneous\u002Fuse-intersect","2.api\u002Fmiscellaneous\u002Fuse-intersect",{"id":503,"title":27,"body":504,"description":1718,"extension":1719,"links":1720,"meta":1721,"navigation":641,"path":28,"seo":1722,"stem":29,"__hash__":1723},"docs\u002F1.getting-started\u002F6.webgpu.md",{"type":505,"value":506,"toc":1712},"minimark",[507,511,528,840,851,888,892,905,911,969,1012,1036,1047,1056,1150,1168,1172,1193,1234,1695,1699,1708],[508,509,15],"h2",{"id":510},"usage",[512,513,514,515,519,520,523,524,527],"p",{},"Import cientos from ",[516,517,518],"code",{},"@tresjs\u002Fcientos\u002Fwebgpu"," when your scene uses ",[516,521,522],{},"TresCanvas"," from ",[516,525,526],{},"@tresjs\u002Fcore\u002Fwebgpu",". The names and props are the same as in the root entry, so you only change the import path.",[529,530,535],"pre",{"className":531,"code":532,"language":533,"meta":534,"style":534},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { TresCanvas } from '@tresjs\u002Fcore\u002Fwebgpu'\nimport { OrbitControls, RoundedBox } from '@tresjs\u002Fcientos\u002Fwebgpu'\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CTresCanvas>\n    \u003CTresPerspectiveCamera :position=\"[3, 3, 3]\" :look-at=\"[0, 0, 0]\" \u002F>\n    \u003COrbitControls \u002F>\n    \u003CRoundedBox>\n      \u003CTresMeshStandardNodeMaterial color=\"hotpink\" \u002F>\n    \u003C\u002FRoundedBox>\n    \u003CTresDirectionalLight :position=\"[3, 5, 2]\" \u002F>\n  \u003C\u002FTresCanvas>\n\u003C\u002Ftemplate>\n","vue","",[516,536,537,572,600,626,636,643,653,663,732,742,752,775,785,821,831],{"__ignoreMap":534},[538,539,542,546,550,554,557,560,563,567,569],"span",{"class":540,"line":541},"line",1,[538,543,545],{"class":544},"sMK4o","\u003C",[538,547,549],{"class":548},"swJcz","script",[538,551,553],{"class":552},"spNyl"," setup",[538,555,556],{"class":552}," lang",[538,558,559],{"class":544},"=",[538,561,562],{"class":544},"\"",[538,564,566],{"class":565},"sfazB","ts",[538,568,562],{"class":544},[538,570,571],{"class":544},">\n",[538,573,575,579,582,586,589,592,595,597],{"class":540,"line":574},2,[538,576,578],{"class":577},"s7zQu","import",[538,580,581],{"class":544}," {",[538,583,585],{"class":584},"sTEyZ"," TresCanvas",[538,587,588],{"class":544}," }",[538,590,591],{"class":577}," from",[538,593,594],{"class":544}," '",[538,596,526],{"class":565},[538,598,599],{"class":544},"'\n",[538,601,603,605,607,610,613,616,618,620,622,624],{"class":540,"line":602},3,[538,604,578],{"class":577},[538,606,581],{"class":544},[538,608,609],{"class":584}," OrbitControls",[538,611,612],{"class":544},",",[538,614,615],{"class":584}," RoundedBox",[538,617,588],{"class":544},[538,619,591],{"class":577},[538,621,594],{"class":544},[538,623,518],{"class":565},[538,625,599],{"class":544},[538,627,629,632,634],{"class":540,"line":628},4,[538,630,631],{"class":544},"\u003C\u002F",[538,633,549],{"class":548},[538,635,571],{"class":544},[538,637,639],{"class":540,"line":638},5,[538,640,642],{"emptyLinePlaceholder":641},true,"\n",[538,644,646,648,651],{"class":540,"line":645},6,[538,647,545],{"class":544},[538,649,650],{"class":548},"template",[538,652,571],{"class":544},[538,654,656,659,661],{"class":540,"line":655},7,[538,657,658],{"class":544},"  \u003C",[538,660,522],{"class":548},[538,662,571],{"class":544},[538,664,666,669,672,675,678,680,682,685,689,692,694,696,698,701,703,705,708,710,712,714,717,719,721,723,725,727,729],{"class":540,"line":665},8,[538,667,668],{"class":544},"    \u003C",[538,670,671],{"class":548},"TresPerspectiveCamera",[538,673,674],{"class":544}," :",[538,676,677],{"class":552},"position",[538,679,559],{"class":544},[538,681,562],{"class":544},[538,683,684],{"class":544},"[",[538,686,688],{"class":687},"sbssI","3",[538,690,691],{"class":544},", ",[538,693,688],{"class":687},[538,695,691],{"class":544},[538,697,688],{"class":687},[538,699,700],{"class":544},"]",[538,702,562],{"class":544},[538,704,674],{"class":544},[538,706,707],{"class":552},"look-at",[538,709,559],{"class":544},[538,711,562],{"class":544},[538,713,684],{"class":544},[538,715,716],{"class":687},"0",[538,718,691],{"class":544},[538,720,716],{"class":687},[538,722,691],{"class":544},[538,724,716],{"class":687},[538,726,700],{"class":544},[538,728,562],{"class":544},[538,730,731],{"class":544}," \u002F>\n",[538,733,735,737,740],{"class":540,"line":734},9,[538,736,668],{"class":544},[538,738,739],{"class":548},"OrbitControls",[538,741,731],{"class":544},[538,743,745,747,750],{"class":540,"line":744},10,[538,746,668],{"class":544},[538,748,749],{"class":548},"RoundedBox",[538,751,571],{"class":544},[538,753,755,758,761,764,766,768,771,773],{"class":540,"line":754},11,[538,756,757],{"class":544},"      \u003C",[538,759,760],{"class":548},"TresMeshStandardNodeMaterial",[538,762,763],{"class":552}," color",[538,765,559],{"class":544},[538,767,562],{"class":544},[538,769,770],{"class":565},"hotpink",[538,772,562],{"class":544},[538,774,731],{"class":544},[538,776,778,781,783],{"class":540,"line":777},12,[538,779,780],{"class":544},"    \u003C\u002F",[538,782,749],{"class":548},[538,784,571],{"class":544},[538,786,788,790,793,795,797,799,801,803,805,807,810,812,815,817,819],{"class":540,"line":787},13,[538,789,668],{"class":544},[538,791,792],{"class":548},"TresDirectionalLight",[538,794,674],{"class":544},[538,796,677],{"class":552},[538,798,559],{"class":544},[538,800,562],{"class":544},[538,802,684],{"class":544},[538,804,688],{"class":687},[538,806,691],{"class":544},[538,808,809],{"class":687},"5",[538,811,691],{"class":544},[538,813,814],{"class":687},"2",[538,816,700],{"class":544},[538,818,562],{"class":544},[538,820,731],{"class":544},[538,822,824,827,829],{"class":540,"line":823},14,[538,825,826],{"class":544},"  \u003C\u002F",[538,828,522],{"class":548},[538,830,571],{"class":544},[538,832,834,836,838],{"class":540,"line":833},15,[538,835,631],{"class":544},[538,837,650],{"class":548},[538,839,571],{"class":544},[512,841,842,843,846,847,850],{},"The root entry ",[516,844,845],{},"@tresjs\u002Fcientos"," keeps its exports and still targets ",[516,848,849],{},"WebGLRenderer",".",[852,853,854],"prose-note",{},[512,855,856,858,859,862,863,866,867,869,870,873,874,877,878,880,881,884,885,887],{},[516,857,518],{}," is available since cientos v5.10. It needs ",[516,860,861],{},"three"," r171 or newer and ",[516,864,865],{},"@tresjs\u002Fcore"," v5.10 or newer. From r171, ",[516,868,861],{}," and ",[516,871,872],{},"three\u002Fwebgpu"," share their classes, so a ",[516,875,876],{},"Mesh"," that cientos creates from ",[516,879,861],{}," is the same class that ",[516,882,883],{},"WebGPURenderer"," expects. The root entry still supports ",[516,886,861],{}," r133 and newer.",[508,889,891],{"id":890},"what-the-entry-exports","What the entry exports",[512,893,894,895,897,898,691,900,869,902,850],{},"The entry exports every component that works under ",[516,896,883],{},": controls, loaders, most shapes and abstractions, staging components that use only built-in materials, and render-target objects and composables such as ",[516,899,379],{},[516,901,433],{},[516,903,904],{},"useFBO",[512,906,907,908,910],{},"It also exports TSL ports of components that use GLSL in the root entry. A port has the same name and props, and it uses a node material that ",[516,909,883],{}," compiles to WGSL or to GLSL for its WebGL2 fallback. The ported components are:",[912,913,914,919,924,929,933,938,943,948,952,957,961,965],"ul",{},[915,916,917],"li",{},[516,918,249],{},[915,920,921],{},[516,922,923],{},"HolographicMaterial",[915,925,926],{},[516,927,928],{},"Html",[915,930,931],{},[516,932,449],{},[915,934,935],{},[516,936,937],{},"MeshDiscardMaterial",[915,939,940],{},[516,941,942],{},"MeshGlassMaterial",[915,944,945],{},[516,946,947],{},"MeshWobbleMaterial",[915,949,950],{},[516,951,85],{},[915,953,954],{},[516,955,956],{},"PointMaterial",[915,958,959],{},[516,960,399],{},[915,962,963],{},[516,964,411],{},[915,966,967],{},[516,968,419],{},[512,970,971,691,973,869,975,977,978,981,982,985,986,989,990,993,994,997,998,1000,1001,1003,1004,869,1006,1008,1009,1011],{},[516,972,399],{},[516,974,411],{},[516,976,419],{}," render points with a set size. WebGPU draws ",[516,979,980],{},"Points"," at 1 pixel only, so their ",[516,983,984],{},"\u002Fwebgpu"," versions render one instanced ",[516,987,988],{},"Sprite"," with ",[516,991,992],{},"PointsNodeMaterial",". Their exposed ",[516,995,996],{},"instance"," is a ",[516,999,988],{},", not ",[516,1002,980],{},". Raycasting finds the ",[516,1005,399],{},[516,1007,419],{}," sprite as one quad at its origin, not each point. ",[516,1010,411],{}," turns raycasting off.",[512,1013,1014,1016,1017,989,1020,1023,1024,1027,1028,1031,1032,850],{},[516,1015,956],{}," is a material, so it cannot change the object you put it on. Under WebGPU, put it on a ",[516,1018,1019],{},"TresSprite",[516,1021,1022],{},"count"," and a ",[516,1025,1026],{},"positionNode",", not on ",[516,1029,1030],{},"TresPoints",". See ",[1033,1034,207],"a",{"href":1035},"\u002Fapi\u002Fmaterials\u002Fpoint-material#webgpu",[512,1037,1038,1039,1043,1044,1046],{},"Components that write GLSL shaders or call WebGL-only renderer APIs are ",[1040,1041,1042],"strong",{},"not exported"," yet. If you import one of them from ",[516,1045,518],{},", your build and your type check fail and name the component. TSL versions with the same names and props will be added to the entry one by one.",[512,1048,1049,1050,1052,1053,1055],{},"If you import one of them from the root entry ",[516,1051,845],{}," and use it on a ",[516,1054,883],{}," canvas, cientos logs one warning per component. The warning names the component and says what does not work.",[1057,1058,1059,1072],"table",{},[1060,1061,1062],"thead",{},[1063,1064,1065,1069],"tr",{},[1066,1067,1068],"th",{},"Reason",[1066,1070,1071],{},"Components not exported yet",[1073,1074,1075,1086,1103,1125],"tbody",{},[1063,1076,1077,1081],{},[1078,1079,1080],"td",{},"GLSL materials",[1078,1082,1083],{},[516,1084,1085],{},"CustomShaderMaterial",[1063,1087,1088,1091],{},[1078,1089,1090],{},"GLSL line material",[1078,1092,1093,691,1095,691,1097,691,1100],{},[516,1094,257],{},[516,1096,225],{},[516,1098,1099],{},"CubicBezierLine",[516,1101,1102],{},"QuadraticBezierLine",[1063,1104,1105,1108],{},[1078,1106,1107],{},"GLSL with render targets",[1078,1109,1110,691,1113,691,1116,691,1119,691,1122],{},[516,1111,1112],{},"AccumulativeShadows",[516,1114,1115],{},"ContactShadows",[516,1117,1118],{},"MeshPortalMaterial",[516,1120,1121],{},"MeshReflectionMaterial",[516,1123,1124],{},"MeshTransmissionMaterial",[1063,1126,1127,1130],{},[1078,1128,1129],{},"three-stdlib shaders and WebGL renderer APIs",[1078,1131,1132,691,1135,691,1137,691,1139,691,1141,691,1143,691,1145,691,1148],{},[516,1133,1134],{},"BakeShadows",[516,1136,361],{},[516,1138,395],{},[516,1140,457],{},[516,1142,461],{},[516,1144,403],{},[516,1146,1147],{},"SoftShadows",[516,1149,415],{},[512,1151,1152,1154,1155,1158,1159,1162,1163,1165,1166,850],{},[516,1153,415],{}," works from the root entry if you set ",[516,1156,1157],{},"shadows"," to ",[516,1160,1161],{},"false",". Its shadows use ",[516,1164,1115],{}," or ",[516,1167,1112],{},[508,1169,1171],{"id":1170},"render-targets-under-webgpu","Render targets under WebGPU",[512,1173,1174,691,1176,691,1178,869,1180,1182,1183,1165,1186,1189,1190,1192],{},[516,1175,904],{},[516,1177,437],{},[516,1179,433],{},[516,1181,379],{}," create ",[516,1184,1185],{},"WebGLRenderTarget",[516,1187,1188],{},"WebGLCubeRenderTarget",". Despite the name, these classes hold no WebGL code, and ",[516,1191,883],{}," renders into them. Two things behave differently from WebGL:",[912,1194,1195,1221],{},[915,1196,1197,1207,1208,1210,1211,1213,1214,1216,1217,1220],{},[1040,1198,1199,1200,1203,1204,1206],{},"Do not use ",[516,1201,1202],{},"samples: 1"," in the ",[516,1205,904],{}," settings."," With ",[516,1209,861],{}," r186, ",[516,1212,883],{}," slows to about 1 frame per second and logs no error. Use ",[516,1215,716],{}," for no multisampling or ",[516,1218,1219],{},"4"," for multisampling.",[915,1222,1223,1226,1227,1230,1231,850],{},[1040,1224,1225],{},"Do not show the target on a mesh that the target renders."," WebGL tolerates this feedback loop. WebGPU rejects the render pass. Hide the mesh while the target renders: set ",[516,1228,1229],{},"autoRender: false"," and render the target yourself in ",[516,1232,1233],{},"onBeforeRender",[529,1235,1238],{"className":531,"code":1236,"filename":1237,"language":533,"meta":534,"style":534},"\u003Cscript setup lang=\"ts\">\nimport { useLoop, useTres } from '@tresjs\u002Fcore\u002Fwebgpu'\nimport { useFBO } from '@tresjs\u002Fcientos\u002Fwebgpu'\nimport { shallowRef } from 'vue'\n\nconst target = useFBO({ autoRender: false })\nconst { renderer, scene, camera } = useTres()\nconst screen = shallowRef()\n\nuseLoop().onBeforeRender(() => {\n  if (!target.value || !camera.value || !screen.value) { return }\n  screen.value.visible = false\n  renderer.setRenderTarget(target.value)\n  renderer.render(scene.value, camera.value)\n  renderer.setRenderTarget(null)\n  screen.value.visible = true\n})\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CTresMesh ref=\"screen\">\n    \u003CTresBoxGeometry \u002F>\n    \u003CTresMeshBasicMaterial :map=\"target?.texture ?? null\" \u002F>\n  \u003C\u002FTresMesh>\n\u003C\u002Ftemplate>\n","FboScene.vue",[516,1239,1240,1260,1284,1303,1322,1326,1360,1390,1403,1407,1429,1483,1502,1522,1551,1566,1584,1591,1600,1605,1614,1635,1645,1677,1686],{"__ignoreMap":534},[538,1241,1242,1244,1246,1248,1250,1252,1254,1256,1258],{"class":540,"line":541},[538,1243,545],{"class":544},[538,1245,549],{"class":548},[538,1247,553],{"class":552},[538,1249,556],{"class":552},[538,1251,559],{"class":544},[538,1253,562],{"class":544},[538,1255,566],{"class":565},[538,1257,562],{"class":544},[538,1259,571],{"class":544},[538,1261,1262,1264,1266,1269,1271,1274,1276,1278,1280,1282],{"class":540,"line":574},[538,1263,578],{"class":577},[538,1265,581],{"class":544},[538,1267,1268],{"class":584}," useLoop",[538,1270,612],{"class":544},[538,1272,1273],{"class":584}," useTres",[538,1275,588],{"class":544},[538,1277,591],{"class":577},[538,1279,594],{"class":544},[538,1281,526],{"class":565},[538,1283,599],{"class":544},[538,1285,1286,1288,1290,1293,1295,1297,1299,1301],{"class":540,"line":602},[538,1287,578],{"class":577},[538,1289,581],{"class":544},[538,1291,1292],{"class":584}," useFBO",[538,1294,588],{"class":544},[538,1296,591],{"class":577},[538,1298,594],{"class":544},[538,1300,518],{"class":565},[538,1302,599],{"class":544},[538,1304,1305,1307,1309,1312,1314,1316,1318,1320],{"class":540,"line":628},[538,1306,578],{"class":577},[538,1308,581],{"class":544},[538,1310,1311],{"class":584}," shallowRef",[538,1313,588],{"class":544},[538,1315,591],{"class":577},[538,1317,594],{"class":544},[538,1319,533],{"class":565},[538,1321,599],{"class":544},[538,1323,1324],{"class":540,"line":638},[538,1325,642],{"emptyLinePlaceholder":641},[538,1327,1328,1331,1334,1336,1339,1342,1345,1348,1351,1355,1357],{"class":540,"line":645},[538,1329,1330],{"class":552},"const",[538,1332,1333],{"class":584}," target ",[538,1335,559],{"class":544},[538,1337,1292],{"class":1338},"s2Zo4",[538,1340,1341],{"class":584},"(",[538,1343,1344],{"class":544},"{",[538,1346,1347],{"class":548}," autoRender",[538,1349,1350],{"class":544},":",[538,1352,1354],{"class":1353},"sfNiH"," false",[538,1356,588],{"class":544},[538,1358,1359],{"class":584},")\n",[538,1361,1362,1364,1366,1369,1371,1374,1376,1379,1382,1385,1387],{"class":540,"line":655},[538,1363,1330],{"class":552},[538,1365,581],{"class":544},[538,1367,1368],{"class":584}," renderer",[538,1370,612],{"class":544},[538,1372,1373],{"class":584}," scene",[538,1375,612],{"class":544},[538,1377,1378],{"class":584}," camera ",[538,1380,1381],{"class":544},"}",[538,1383,1384],{"class":544}," =",[538,1386,1273],{"class":1338},[538,1388,1389],{"class":584},"()\n",[538,1391,1392,1394,1397,1399,1401],{"class":540,"line":665},[538,1393,1330],{"class":552},[538,1395,1396],{"class":584}," screen ",[538,1398,559],{"class":544},[538,1400,1311],{"class":1338},[538,1402,1389],{"class":584},[538,1404,1405],{"class":540,"line":734},[538,1406,642],{"emptyLinePlaceholder":641},[538,1408,1409,1412,1415,1417,1419,1421,1423,1426],{"class":540,"line":744},[538,1410,1411],{"class":1338},"useLoop",[538,1413,1414],{"class":584},"()",[538,1416,850],{"class":544},[538,1418,1233],{"class":1338},[538,1420,1341],{"class":584},[538,1422,1414],{"class":544},[538,1424,1425],{"class":552}," =>",[538,1427,1428],{"class":544}," {\n",[538,1430,1431,1434,1437,1440,1443,1445,1448,1451,1454,1457,1459,1461,1463,1465,1468,1470,1472,1475,1477,1480],{"class":540,"line":754},[538,1432,1433],{"class":577},"  if",[538,1435,1436],{"class":548}," (",[538,1438,1439],{"class":544},"!",[538,1441,1442],{"class":584},"target",[538,1444,850],{"class":544},[538,1446,1447],{"class":584},"value",[538,1449,1450],{"class":544}," ||",[538,1452,1453],{"class":544}," !",[538,1455,1456],{"class":584},"camera",[538,1458,850],{"class":544},[538,1460,1447],{"class":584},[538,1462,1450],{"class":544},[538,1464,1453],{"class":544},[538,1466,1467],{"class":584},"screen",[538,1469,850],{"class":544},[538,1471,1447],{"class":584},[538,1473,1474],{"class":548},") ",[538,1476,1344],{"class":544},[538,1478,1479],{"class":577}," return",[538,1481,1482],{"class":544}," }\n",[538,1484,1485,1488,1490,1492,1494,1497,1499],{"class":540,"line":777},[538,1486,1487],{"class":584},"  screen",[538,1489,850],{"class":544},[538,1491,1447],{"class":584},[538,1493,850],{"class":544},[538,1495,1496],{"class":584},"visible",[538,1498,1384],{"class":544},[538,1500,1501],{"class":1353}," false\n",[538,1503,1504,1507,1509,1512,1514,1516,1518,1520],{"class":540,"line":787},[538,1505,1506],{"class":584},"  renderer",[538,1508,850],{"class":544},[538,1510,1511],{"class":1338},"setRenderTarget",[538,1513,1341],{"class":548},[538,1515,1442],{"class":584},[538,1517,850],{"class":544},[538,1519,1447],{"class":584},[538,1521,1359],{"class":548},[538,1523,1524,1526,1528,1531,1533,1536,1538,1540,1542,1545,1547,1549],{"class":540,"line":823},[538,1525,1506],{"class":584},[538,1527,850],{"class":544},[538,1529,1530],{"class":1338},"render",[538,1532,1341],{"class":548},[538,1534,1535],{"class":584},"scene",[538,1537,850],{"class":544},[538,1539,1447],{"class":584},[538,1541,612],{"class":544},[538,1543,1544],{"class":584}," camera",[538,1546,850],{"class":544},[538,1548,1447],{"class":584},[538,1550,1359],{"class":548},[538,1552,1553,1555,1557,1559,1561,1564],{"class":540,"line":833},[538,1554,1506],{"class":584},[538,1556,850],{"class":544},[538,1558,1511],{"class":1338},[538,1560,1341],{"class":548},[538,1562,1563],{"class":544},"null",[538,1565,1359],{"class":548},[538,1567,1569,1571,1573,1575,1577,1579,1581],{"class":540,"line":1568},16,[538,1570,1487],{"class":584},[538,1572,850],{"class":544},[538,1574,1447],{"class":584},[538,1576,850],{"class":544},[538,1578,1496],{"class":584},[538,1580,1384],{"class":544},[538,1582,1583],{"class":1353}," true\n",[538,1585,1587,1589],{"class":540,"line":1586},17,[538,1588,1381],{"class":544},[538,1590,1359],{"class":584},[538,1592,1594,1596,1598],{"class":540,"line":1593},18,[538,1595,631],{"class":544},[538,1597,549],{"class":548},[538,1599,571],{"class":544},[538,1601,1603],{"class":540,"line":1602},19,[538,1604,642],{"emptyLinePlaceholder":641},[538,1606,1608,1610,1612],{"class":540,"line":1607},20,[538,1609,545],{"class":544},[538,1611,650],{"class":548},[538,1613,571],{"class":544},[538,1615,1617,1619,1622,1625,1627,1629,1631,1633],{"class":540,"line":1616},21,[538,1618,658],{"class":544},[538,1620,1621],{"class":548},"TresMesh",[538,1623,1624],{"class":552}," ref",[538,1626,559],{"class":544},[538,1628,562],{"class":544},[538,1630,1467],{"class":565},[538,1632,562],{"class":544},[538,1634,571],{"class":544},[538,1636,1638,1640,1643],{"class":540,"line":1637},22,[538,1639,668],{"class":544},[538,1641,1642],{"class":548},"TresBoxGeometry",[538,1644,731],{"class":544},[538,1646,1648,1650,1653,1655,1658,1660,1662,1664,1667,1670,1673,1675],{"class":540,"line":1647},23,[538,1649,668],{"class":544},[538,1651,1652],{"class":548},"TresMeshBasicMaterial",[538,1654,674],{"class":544},[538,1656,1657],{"class":552},"map",[538,1659,559],{"class":544},[538,1661,562],{"class":544},[538,1663,1442],{"class":584},[538,1665,1666],{"class":544},"?.",[538,1668,1669],{"class":584},"texture",[538,1671,1672],{"class":544}," ?? null",[538,1674,562],{"class":544},[538,1676,731],{"class":544},[538,1678,1680,1682,1684],{"class":540,"line":1679},24,[538,1681,826],{"class":544},[538,1683,1621],{"class":548},[538,1685,571],{"class":544},[538,1687,1689,1691,1693],{"class":540,"line":1688},25,[538,1690,631],{"class":544},[538,1692,650],{"class":548},[538,1694,571],{"class":544},[508,1696,1698],{"id":1697},"without-the-webgpu-entry","Without the WebGPU entry",[512,1700,1701,1702,1704,1705,1707],{},"On ",[516,1703,845],{}," versions before v5.10, import from the root entry. Components that do not write shaders usually work under ",[516,1706,883],{},", but the components in the table above do not.",[1709,1710,1711],"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 .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);}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}",{"title":534,"searchDepth":541,"depth":574,"links":1713},[1714,1715,1716,1717],{"id":510,"depth":574,"text":15},{"id":890,"depth":574,"text":891},{"id":1170,"depth":574,"text":1171},{"id":1697,"depth":574,"text":1698},"Use cientos with WebGPURenderer through the @tresjs\u002Fcientos\u002Fwebgpu entry","md",null,{},{"title":27,"description":1718},"B9uyF8rrr1u6y3_ykrKmrwX0nF55b2oULHJh-HCyCdI",[1725,1727],{"title":23,"path":24,"stem":25,"description":1726,"children":-1},"Migration guide for cientos",{"title":36,"path":32,"stem":37,"description":1728,"children":-1},"Explore the complete API reference",1793348709931]