https://prompthub.xin/_next/static/chunks/8280.b43fd79b585a9a29.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8280],{28280:(e,t,n)=>{n.r(t),n.d(t,{CameraAngle3DPreview:()=>u,default:()=>b});var o=n(95155),s=n(12115),i=n(30258),r=n(83388),a=n(53279),l=n(75951),c=n(85571),h=n(21955),d=n(46923),f=n(85339),p=n(18955);function u(e){let{params:t,onUpdate:n,customImage:r}=e,a=(0,p.c)("directorDesk.app.cameraPreview"),l={front:a("front"),right:a("right"),back:a("back"),left:a("left"),angleLabel:a("angleLabel",{horizontal:0,vertical:0})};return(0,o.jsx)("div",{className:"w-full h-full bg-[#08080a] rounded-lg overflow-hidden",children:(0,o.jsx)(i.Hl,{camera:{position:[6,4,6],fov:45},gl:{antialias:!0,alpha:!0,toneMapping:f.y_p},dpr:[1,2],flat:!0,children:(0,o.jsx)(s.Suspense,{fallback:null,children:(0,o.jsx)(x,{params:t,onUpdate:n,customImage:r,labels:l})})})})}function x(e){let{params:t,customImage:n,labels:s}=e,{horizontal:i=0,vertical:r=0,zoom:l=5}=t,c=i*Math.PI/180,h=r*Math.PI/180,d=1.5+l/10*2.5,f=d*Math.cos(h)*Math.sin(c),p=d*Math.sin(h),u=d*Math.cos(h)*Math.cos(c);return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("ambientLight",{intensity:.4}),(0,o.jsx)("directionalLight",{position:[5,5,5],intensity:.6,castShadow:!0}),(0,o.jsx)("pointLight",{position:[-3,2,-3],intensity:.3,color:"#6366f1"}),(0,o.jsx)(a.x,{args:[10,10],position:[0,-.01,0],cellSize:.5,cellThickness:.5,cellColor:"#333",sectionSize:2,sectionThickness:1,sectionColor:"#444",fadeDistance:15,fadeStrength:1,followCamera:!1}),(0,o.jsx)(j,{customImage:n}),(0,o.jsx)(M,{horizontal:i,distance:d}),(0,o.jsx)(w,{horizontal:i,distance:d}),(0,o.jsx)(g,{position:[f,p,u],targetPosition:[0,.5,0]}),(0,o.jsx)(B,{start:[f,p,u],end:[0,.5,0]}),(0,o.jsx)(E,{horizontal:i,vertical:r,distance:d,labels:s})]})}function j(e){let{customImage:t}=e,n=(0,s.useRef)(null);return((0,r.D)(e=>{n.current&&(n.current.position.y=.5+.02*Math.sin(.5*e.clock.elapsedTime))}),t)?(0,o.jsx)("group",{ref:n,position:[0,.5,0],children:(0,o.jsx)(m,{imageUrl:t})}):(0,o.jsxs)("group",{ref:n,position:[0,.5,0],children:[(0,o.jsxs)("mesh",{position:[0,0,0],children:[(0,o.jsx)("capsuleGeometry",{args:[.2,.5,8,16]}),(0,o.jsx)("meshStandardMaterial",{color:"#1e293b",metalness:.3,roughness:.7})]}),(0,o.jsxs)("mesh",{position:[0,.55,0],children:[(0,o.jsx)("sphereGeometry",{args:[.15,16,16]}),(0,o.jsx)("meshStandardMaterial",{color:"#f1f5f9",metalness:.1,roughness:.8})]}),(0,o.jsxs)("mesh",{position:[0,-.35,0],rotation:[-Math.PI/2,0,0],children:[(0,o.jsx)("ringGeometry",{args:[.25,.35,32]}),(0,o.jsx)("meshBasicMaterial",{color:"#6366f1",transparent:!0,opacity:.5,side:f.$EB})]})]})}function m(e){let{imageUrl:t}=e,n=(0,l.zo)(t),i=(0,s.useMemo)(()=>{if(n&&n.image){let e=n.image;return e.width&&e.height?e.width/e.height:1}return 1},[n]);return(0,o.jsxs)("mesh",{position:[0,.1,0],children:[(0,o.jsx)("planeGeometry",{args:[1.2*i,1.2]}

1),(0,o.jsx)("meshBasicMaterial",{map:n,transparent:!0,side:f.$EB})]})}function M(e){let{horizontal:t,distance:n}=e,i=(0,s.useMemo)(()=>{let e=[];for(let t=0;t<=360;t+=2){let o=t*Math.PI/180;e.push([n*Math.sin(o),0,n*Math.cos(o)])}return e},[n]),r=t*Math.PI/180,a=[n*Math.sin(r),0,n*Math.cos(r)];return(0,o.jsxs)("group",{position:[0,0,0],children:[(0,o.jsx)(c.N,{points:i,color:"#6366f1",lineWidth:2,transparent:!0,opacity:.6}),(0,o.jsxs)("mesh",{position:a,children:[(0,o.jsx)("sphereGeometry",{args:[.08,16,16]}),(0,o.jsx)("meshBasicMaterial",{color:"#818cf8"})]})]})}function w(e){let{horizontal:t,distance:n}=e,i=t*Math.PI/180,r=(0,s.useMemo)(()=>{let e=[];for(let t=-30;t<=90;t+=2){let o=t*Math.PI/180;e.push([n*Math.cos(o)*Math.sin(i),n*Math.sin(o),n*Math.cos(o)*Math.cos(i)])}return e},[i,n]);return(0,o.jsx)(c.N,{points:r,color:"#f43f5e",lineWidth:3,transparent:!0,opacity:.8})}function g(e){let{position:t,targetPosition:n}=e,i=(0,s.useRef)(null),a=(0,s.useMemo)(()=>{let e=new f.YJl,t=new f.iNn(.5,.35,.3),n=new f.V9B({color:0xffff00,side:f.$EB}),o=new f.eaF(t,n);e.add(o);let s=new f.iNn(.18,.15,.15),i=new f.V9B({color:0xff8800,side:f.$EB}),r=new f.eaF(s,i);r.position.set(0,.25,-.04),e.add(r);let a=new f.iNn(.12,.4,.24),l=new f.V9B({color:0xffd700,side:f.$

1EB}),c=new f.eaF(a,l);c.position.set(.3,0,-.03),e.add(c);let h=new f.Ho_(.12,.15,.15,16),d=new f.V9B({color:8947848,side:f.$EB}),p=new f.eaF(h,d);p.position.set(0,0,.22),p.rotation.x=Math.PI/2,e.add(p);let u=new f.tcD(.11,16),x=new f.V9B({color:49151,side:f.$EB}),j=new f.eaF(u,x);j.position.set(0,0,.3),e.add(j);let m=new f.bdM(.35,.25),M=new f.V9B({color:65280,side:f.$EB}),w=new f.eaF(m,M);w.position.set(0,0,-.151),e.add(w);let g=new f.Gu$(.06,12,12),B=new f.V9B({color:0xff0000}),E=new f.eaF(g,B);E.position.set(.18,.12,.1),e.add(E);let b=new f.rKP(.18,.22,4),P=new f.V9B({color:0xffffff,side:f.$EB}),y=new f.eaF(b,P);return y.position.set(0,0,.55),e.add(y),e},[]);return(0,r.D)(()=>{i.current&&i.current.lookAt(new f.Pq0(...n))}),(0,o.jsx)("group",{ref:i,position:t,children:(0,o.jsx)("primitive",{object:a})})}function B(e){let{start:t,end:n}=e;return(0,o.jsx)(c.N,{points:[t,n],color:"#ffffff",lineWidth:1,transparent:!0,opacity:.3,dashed:!0,dashSize:.1,gapSize:.05})}function E(e){let{horizontal:t=0,vertical:n=0,distance:s=3,labels:i}=e,r=t*Math.PI/180,a=n*Math.PI/180,l=s*Math.cos(a)*Math.sin(r),c=s*Math.sin(a),f=s*Math.cos(a)*Math.cos(r),p="H:".concat(Math.round(t),"\xb0 V:").concat(Math.round(n),"\xb0");return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(h.Q,{position:[0,0,s+.3],follow:!0,children:(0,o.jsx)(d.E,{fontSize:.15,color:"#6366f1",anchorX:"center",anchorY:"middle",children:i.front})}),(0,o.jsx)(h.Q,{position:[s+.3,0,0],follow:!0,children:(0,o.jsx)(d.E,{fontSize:.15,color:"#6366f1",anchorX:"center",anchorY:"middle",children:i.right})}),(0,o.jsx)(h.Q,{position:[0,0,-s-.3],follow:!0,children:(0,o.jsx)(d.E,{fontSize:.15,color:"#6366f1",anchorX:"center",anchorY:"middle",children:i.back})}),(0,o.jsx)(h.Q,{position:[-s-.3,0,0],follow:!0,children:(0,o.jsx)(d.E,{fontSize:.15,color:"#6366f1",anchorX:"center",anchorY:"middle",children:i.left})}),(0,o.jsx)(h.Q,{position:[l,c+.3,f],follow:!0,children:(0,o.jsx)(d.E,{fontSize:.12,color:"#f43f5e",anchorX:"center",anchorY:"middle",children:p})})]})}let b=u}}]);
2//# sourceMappingURL=8280.b43fd79b585a9a29.js.map