https://tryasimov.ai/_next/static/chunks/570.b67a87474362ffc9.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[570],{5570:function(e,t,n){n.r(t),n.d(t,{EpisodeSkeletonViewer:function(){return d}});var l=n(7437),i=n(2265),s=n(8662),a=n(4498),r=n(8938);let o={left_arm:6724095,right_arm:16737894,left_hand:8961023,right_hand:16746632,left_leg:6736998,right_leg:13421670,spine:13421772};function d(e){let{skeletonUrl:t,videoRef:n,fps:d,totalFrames:c}=e,h=(0,i.useRef)(null),[f,u]=(0,i.useState)(!0),[m,w]=(0,i.useState)(null);return(0,i.useEffect)(()=>{let e;if(!h.current)return;let l=h.current,i=l.clientWidth,c=l.clientHeight,f=new s.xsS;f.background=new s.Ilk(856343);let m=new s.cPb(50,i/c,.01,100),g=new a.CP7({antialias:!0});g.setSize(i,c),g.setPixelRatio(Math.min(window.devicePixelRatio,2)),l.appendChild(g.domElement);let p=new r.z(m,g.domElement);p.enableDamping=!0,p.dampingFactor=.05,p.enableZoom=!0,p.target.set(0,.85,0),m.position.set(0,1,1.8),p.target.set(0,.85,0),p.update();let x=new s.VLJ(6,30,2539215,1714736);f.add(x);let b=new s.Mig(16777215,.6);f.add(b);let j=new s.cek(2539215,1.5,15);j.position.set(2,4,2),f.add(j);let v=new s.cek(16737894,.5,10);v.position.set(-2,2,-2),f.add(v);let E=new s.ZAu;f.add(E);let k={};for(let[e,t]of Object.entries(o)){let n=new s.nls({color:t,linewidth:2}),l=new s.u9r,i=new s.ejS(l,n);f.add(i),k[e]=i}let z=null,M={x:0,y:0,z:0},N=0;t?fetch(t).then(e=>{if(!e.ok)throw Error("Failed to load skeleton data");return e.json()}).then(e=>{z=e;let t=0,n=0,l=0,i=0,s=1/0;for(let a of e.frames)if(a.joints)for(let e of a.joints)t+=e[0],n+=e[1],l+=e[2],i++,e[1]<s&&(s=e[1]);i>0&&(M={x:t/i,y:n/i,z:l/i},N=s),u(!1)}).catch(e=>{w(e.message),u(!1)}):(w("No skeleton data available"),u(!1));let y=new s.xo$(.008,6,6),_=new s.Wid({color:16777215,emissive:16777215,emissiveIntensity:.5,roughness:.2,metalness:.1});function S(){let e=l.clientWidth,t=l.clientHeight;e>0&&t>0&&(m.aspect=e/t,m.updateProjectionMatrix(),g.setSize(e,t))}return function t(){if(e=requestAnimationFrame(t),z&&z.frames.length>0){let e=0;if(n.current){let t=n.current.currentTime,l=n.current.duration;l>0&&(e=Math.floor(t/l*z.frames.length)%z.frames.length)}else{let t=(z.fps||d)/2,n=z.frames.length/t;e=Math.floor(performance.now()/1e3%n/n*z.frames.length)}!function(e){for(;E.children.length>0;)E.remove(E.children[0]);let t=-M.x,n=-N+.02,l=-M.z;if(e.joints&&e.joints.length>0)for(let i of e.joints){let e=i[0]+t,a=i[1]+n,r=i[2]+l;if(Math.abs(e)>3||Math.abs(r)>3||a<-.5||a>4)continue;let o=new s.Kj0(y,_);o.position.set(e,a,r),E.add(o)}for(let[i,a]of Object.entries(k)){let r=e.bones[i]||[],o=[];for(let e of r)for(let i=0;i<e.length-1;i++){let s=e[i][0]+t,a=e[i][1]+n,r=e[i][2]+l,d=e[i+1][0]+t,c=e[i+1][1]+n,h=e[i+1][2]+l;!(Math.abs(s)>3||Math.abs(r)>3)&&!(a<-.5)&&!(a>4)&&(Math.abs(d)>3||Math.abs(h)>3||c<-.5||c>4||o.push(s,a,r,d,c,h))}let d=a.geometry;d.setAttribute("position",new s.TlE(new Float32Array(o.length>0?o:[0,0,0,0,0,0]),3)),d.setDrawRange(0,o.length>0?o.length/3:0),d.attributes.position.needsUpdate=!0,d.computeBoundingSphere()}}(z.frames[e])}p.update(),g.render(f,m)}(),window.addEventListener("resize",S),()=>{cancelAnimationFrame(e),window.removeEventListener("resize",S),p.dispose(),g.dispose(),l.contains(g.domElement)&&l.removeChild(g.domElement)}},[t,n,d,c]),(0,l.jsx)("div",{className:"w-full h-full",style:{clipPath:"inset(0 0 -50% 0)"},children:(0,l.jsxs)("div",{ref:h,className:"w-full h-full relative",style:{transform:"translateY(-25%)"},children:[f&&(0,l.jsx)("div",{className:"absolute inset-0 flex items-center justify-center bg-[#131B1E] z-20",children:(0,l.jsx)("div",{className:"text-white/50 text-sm",children:"Loading skeleton data..."})}),m&&(0,l.jsxs)("div",{className:"absolute inset-0 flex flex-col items-center justify-center bg-[#131B1E] z-20",children:[(0,l.jsx)("div",{className:"text-white/30 text-sm mb-2",children:"3D Body Pose"}),(0,l.jsx)("div",{className:"text-white/50 text-xs",children:m}),(0,l.jsx)("div",{className:"text-white/30 text-xs mt-2",children:'Use "Open Full 3D View" for Rerun visualization'})]})]})})}}}]);