mirror of
https://github.com/exogen/t2-model-skinner.git
synced 2026-07-16 08:55:20 +00:00
2 lines
No EOL
1.5 KiB
JavaScript
2 lines
No EOL
1.5 KiB
JavaScript
"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[990],{85:function(e,t,a){a.r(t),a.d(t,{default:function(){return o}});var i=a(5893),n=a(7294);a(258);var r=a(8496);function l(e){var t;let{modelUrl:a,environmentImageUrl:l,showEnvironment:o=!1,animationName:u,animationPaused:s=!1,cameraOrbit:d,cameraTarget:f,fieldOfView:c,children:m}=e,[v,h]=(0,n.useState)(null),[g,E]=(0,n.useState)(!1),b=(0,n.useMemo)(()=>v&&g&&v.model?{modelViewer:v,model:v.model,isLoaded:g}:null,[v,g]);return t=v,(0,n.useEffect)(()=>{t&&(t.timeScale=.5)},[t]),(0,n.useEffect)(()=>{if(!v)return;let e=!1,t=()=>{e||E(!0)};return v.addEventListener("load",t),()=>{e=!0,v.removeEventListener("load",t)}},[v,a]),(0,n.useEffect)(()=>{v&&v.loaded&&E(!0)},[v,a]),(0,n.useEffect)(()=>{v&&g&&(s?v.pause():v.play())},[v,g,s]),(0,n.useEffect)(()=>{v&&g&&c&&v.setAttribute("field-of-view",c)},[v,g,c]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("model-viewer",{ref:h,alt:"Tribes 2 Model",src:a,"camera-controls":!0,"camera-orbit":d,"max-camera-orbit":l&&o?"auto 90deg auto":void 0,"camera-target":f,"min-field-of-view":"10deg","max-field-of-view":"45deg","animation-name":null!=u?u:void 0,autoplay:u?"true":"false","touch-action":"pan-y","environment-image":null!=l?l:void 0,"skybox-image":l&&o?l:void 0,"skybox-height":"1.5m","shadow-intensity":l&&o?1:0,style:{width:"100%",height:"100%"}}),g?(0,i.jsx)(r.K.Provider,{value:b,children:m}):null]})}function o(e){return(0,i.jsx)(l,{...e},e.modelUrl)}}}]);
|
|
//# sourceMappingURL=990.c9b797c547fba15f.js.map
|