mirror of
https://gitee.com/ice-gl/icegl-three-vue-tres.git
synced 2025-04-05 06:22:43 +08:00
2 lines
15 KiB
JavaScript
2 lines
15 KiB
JavaScript
import{Y as H,j as F,a4 as I,aj as U,w as k,G as q,H as J,o as K,c as Q,U as Z,E as $,t as tt,a as et,I as st,bd as it,bO as ot}from"./vendor-76c85ed2.js";import{c as nt,g as rt}from"./_commonjsHelpers-725317a4.js";var D={exports:{}};(function(R,W){(function(y,u){R.exports=u()})(typeof self<"u"?self:nt,()=>(()=>{var y={d:(t,e)=>{for(var i in e)y.o(e,i)&&!y.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r:t=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}},u={};function b(t,e){return t==null&&(t=0),e==null&&(e=1),t+Math.random()*(e-t)}y.r(u),y.d(u,{default:()=>G}),Number.prototype.clamp=function(t,e){return Math.min(Math.max(this,t),e)};const C=t=>.299*t.r+.587*t.g+.114*t.b;function m(t){for(;t.children&&t.children.length>0;)m(t.children[0]),t.remove(t.children[0]);t.geometry&&t.geometry.dispose(),t.material&&(Object.keys(t.material).forEach(e=>{t.material[e]&&t.material[e]!==null&&typeof t.material[e].dispose=="function"&&t.material[e].dispose()}),t.material.dispose())}const w=typeof window=="object";let S=w&&window.THREE||{};w&&!window.VANTA&&(window.VANTA={});const f=w&&window.VANTA||{};f.register=(t,e)=>f[t]=i=>new e(i),f.version="0.5.24";const X=function(){return Array.prototype.unshift.call(arguments,"[VANTA]"),console.error.apply(this,arguments)};f.VantaBase=class{constructor(t={}){if(!w)return!1;f.current=this,this.windowMouseMoveWrapper=this.windowMouseMoveWrapper.bind(this),this.windowTouchWrapper=this.windowTouchWrapper.bind(this),this.windowGyroWrapper=this.windowGyroWrapper.bind(this),this.resize=this.resize.bind(this),this.animationLoop=this.animationLoop.bind(this),this.restart=this.restart.bind(this);const e=typeof this.getDefaultOptions=="function"?this.getDefaultOptions():this.defaultOptions;if(this.options=Object.assign({mouseControls:!0,touchControls:!0,gyroControls:!1,minHeight:200,minWidth:200,scale:1,scaleMobile:1},e),(t instanceof HTMLElement||typeof t=="string")&&(t={el:t}),Object.assign(this.options,t),this.options.THREE&&(S=this.options.THREE),this.el=this.options.el,this.el==null)X('Instance needs "el" param!');else if(!(this.options.el instanceof HTMLElement)){const a=this.el;if(this.el=(i=a,document.querySelector(i)),!this.el)return void X("Cannot find element",a)}var i,s;this.prepareEl(),this.initThree(),this.setSize();try{this.init()}catch(a){return X("Init error",a),this.renderer&&this.renderer.domElement&&this.el.removeChild(this.renderer.domElement),void(this.options.backgroundColor&&(console.log("[VANTA] Falling back to backgroundColor"),this.el.style.background=(s=this.options.backgroundColor,typeof s=="number"?"#"+("00000"+s.toString(16)).slice(-6):s)))}this.initMouse(),this.resize(),this.animationLoop();const n=window.addEventListener;n("resize",this.resize),window.requestAnimationFrame(this.resize),this.options.mouseControls&&(n("scroll",this.windowMouseMoveWrapper),n("mousemove",this.windowMouseMoveWrapper)),this.options.touchControls&&(n("touchstart",this.windowTouchWrapper),n("touchmove",this.windowTouchWrapper)),this.options.gyroControls&&n("deviceorientation",this.windowGyroWrapper)}setOptions(t={}){Object.assign(this.options,t),this.triggerMouseMove()}prepareEl(){let t,e;if(typeof Node<"u"&&Node.TEXT_NODE)for(t=0;t<this.el.childNodes.length;t++){const i=this.el.childNodes[t];if(i.nodeType===Node.TEXT_NODE){const s=document.createElement("span");s.textContent=i.textContent,i.parentElement.insertBefore(s,i),i.remove()}}for(t=0;t<this.el.children.length;t++)e=this.el.children[t],getComputedStyle(e).position==="static"&&(e.style.position="relative"),getComputedStyle(e).zIndex==="auto"&&(e.style.zIndex=1);getComputedStyle(this.el).position==="static"&&(this.el.style.position="relative")}applyCanvasStyles(t,e={}){Object.assign(t.style,{position:"absolute",zIndex:0,top:0,left:0,background:""}),Object.assign(t.style,e),t.classList.add("vanta-canvas")}initThree(){S.WebGLRenderer?(this.renderer=new S.WebGLRenderer({alpha:!0,antialias:!0}),this.el.appendChild(this.renderer.domElement),this.applyCanvasStyles(this.renderer.domElement),isNaN(this.options.backgroundAlpha)&&(this.options.backgroundAlpha=1),this.scene=new S.Scene):console.warn("[VANTA] No THREE defined on window")}getCanvasElement(){return this.renderer?this.renderer.domElement:this.p5renderer?this.p5renderer.canvas:void 0}getCanvasRect(){const t=this.getCanvasElement();return!!t&&t.getBoundingClientRect()}windowMouseMoveWrapper(t){const e=this.getCanvasRect();if(!e)return!1;const i=t.clientX-e.left,s=t.clientY-e.top;i>=0&&s>=0&&i<=e.width&&s<=e.height&&(this.mouseX=i,this.mouseY=s,this.options.mouseEase||this.triggerMouseMove(i,s))}windowTouchWrapper(t){const e=this.getCanvasRect();if(!e)return!1;if(t.touches.length===1){const i=t.touches[0].clientX-e.left,s=t.touches[0].clientY-e.top;i>=0&&s>=0&&i<=e.width&&s<=e.height&&(this.mouseX=i,this.mouseY=s,this.options.mouseEase||this.triggerMouseMove(i,s))}}windowGyroWrapper(t){const e=this.getCanvasRect();if(!e)return!1;const i=Math.round(2*t.alpha)-e.left,s=Math.round(2*t.beta)-e.top;i>=0&&s>=0&&i<=e.width&&s<=e.height&&(this.mouseX=i,this.mouseY=s,this.options.mouseEase||this.triggerMouseMove(i,s))}triggerMouseMove(t,e){t===void 0&&e===void 0&&(this.options.mouseEase?(t=this.mouseEaseX,e=this.mouseEaseY):(t=this.mouseX,e=this.mouseY)),this.uniforms&&(this.uniforms.iMouse.value.x=t/this.scale,this.uniforms.iMouse.value.y=e/this.scale);const i=t/this.width,s=e/this.height;typeof this.onMouseMove=="function"&&this.onMouseMove(i,s)}setSize(){this.scale||(this.scale=1),typeof navigator<"u"&&(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)||window.innerWidth<600)&&this.options.scaleMobile?this.scale=this.options.scaleMobile:this.options.scale&&(this.scale=this.options.scale),this.width=Math.max(this.el.offsetWidth,this.options.minWidth),this.height=Math.max(this.el.offsetHeight,this.options.minHeight)}initMouse(){(!this.mouseX&&!this.mouseY||this.mouseX===this.options.minWidth/2&&this.mouseY===this.options.minHeight/2)&&(this.mouseX=this.width/2,this.mouseY=this.height/2,this.triggerMouseMove(this.mouseX,this.mouseY))}resize(){this.setSize(),this.camera&&(this.camera.aspect=this.width/this.height,typeof this.camera.updateProjectionMatrix=="function"&&this.camera.updateProjectionMatrix()),this.renderer&&(this.renderer.setSize(this.width,this.height),this.renderer.setPixelRatio(window.devicePixelRatio/this.scale)),typeof this.onResize=="function"&&this.onResize()}isOnScreen(){const t=this.el.offsetHeight,e=this.el.getBoundingClientRect(),i=window.pageYOffset||(document.documentElement||document.body.parentNode||document.body).scrollTop,s=e.top+i;return s-window.innerHeight<=i&&i<=s+t}animationLoop(){this.t||(this.t=0),this.t2||(this.t2=0);const t=performance.now();if(this.prevNow){let e=(t-this.prevNow)/16.666666666666668;e=Math.max(.2,Math.min(e,5)),this.t+=e,this.t2+=(this.options.speed||1)*e,this.uniforms&&(this.uniforms.iTime.value=.016667*this.t2)}return this.prevNow=t,this.options.mouseEase&&(this.mouseEaseX=this.mouseEaseX||this.mouseX||0,this.mouseEaseY=this.mouseEaseY||this.mouseY||0,Math.abs(this.mouseEaseX-this.mouseX)+Math.abs(this.mouseEaseY-this.mouseY)>.1&&(this.mouseEaseX+=.05*(this.mouseX-this.mouseEaseX),this.mouseEaseY+=.05*(this.mouseY-this.mouseEaseY),this.triggerMouseMove(this.mouseEaseX,this.mouseEaseY))),(this.isOnScreen()||this.options.forceAnimate)&&(typeof this.onUpdate=="function"&&this.onUpdate(),this.scene&&this.camera&&(this.renderer.render(this.scene,this.camera),this.renderer.setClearColor(this.options.backgroundColor,this.options.backgroundAlpha)),this.fps&&this.fps.update&&this.fps.update(),typeof this.afterRender=="function"&&this.afterRender()),this.req=window.requestAnimationFrame(this.animationLoop)}restart(){if(this.scene)for(;this.scene.children.length;)this.scene.remove(this.scene.children[0]);typeof this.onRestart=="function"&&this.onRestart(),this.init()}init(){typeof this.onInit=="function"&&this.onInit()}destroy(){typeof this.onDestroy=="function"&&this.onDestroy();const t=window.removeEventListener;t("touchstart",this.windowTouchWrapper),t("touchmove",this.windowTouchWrapper),t("scroll",this.windowMouseMoveWrapper),t("mousemove",this.windowMouseMoveWrapper),t("deviceorientation",this.windowGyroWrapper),t("resize",this.resize),window.cancelAnimationFrame(this.req);const e=this.scene;e&&e.children&&m(e),this.renderer&&(this.renderer.domElement&&this.el.removeChild(this.renderer.domElement),this.renderer=null,this.scene=null),f.current===this&&(f.current=null)}};const j=f.VantaBase,Y=typeof window=="object";let o=Y&&window.THREE;class V extends j{static initClass(){this.prototype.defaultOptions={color:16727937,color2:16777215,size:1,backgroundColor:2299196,points:10,maxDistance:20,spacing:15,showDots:!0}}constructor(e){o=e.THREE||o,super(e)}genPoint(e,i,s){let n;if(this.points||(this.points=[]),this.options.showDots){const a=new o.SphereGeometry(.25,12,12),d=new o.MeshLambertMaterial({color:this.options.color});n=new o.Mesh(a,d)}else n=new o.Object3D;return this.cont.add(n),n.ox=e,n.oy=i,n.oz=s,n.position.set(e,i,s),n.r=0,this.points.push(n)}onInit(){this.cont=new o.Group,this.cont.position.set(-50,-20,0),this.scene.add(this.cont);let e=this.options.points,{spacing:i}=this.options;const s=e*e*2;this.linePositions=new Float32Array(s*s*3),this.lineColors=new Float32Array(s*s*3);const n=C(new o.Color(this.options.color)),a=C(new o.Color(this.options.backgroundColor));this.blending=n>a?"additive":"subtractive";const d=new o.BufferGeometry;d.setAttribute("position",new o.BufferAttribute(this.linePositions,3).setUsage(o.DynamicDrawUsage)),d.setAttribute("color",new o.BufferAttribute(this.lineColors,3).setUsage(o.DynamicDrawUsage)),d.computeBoundingSphere(),d.setDrawRange(0,0);const x=new o.LineBasicMaterial({vertexColors:o.VertexColors,blending:this.blending==="additive"?o.AdditiveBlending:null,transparent:!0});this.linesMesh=new o.LineSegments(d,x),this.cont.add(this.linesMesh);for(let l=0;l<=e;l++)for(let c=0;c<=e;c++){const p=(l-e/2)*i;let g=(c-e/2)*i;this.genPoint(p,0,g)}this.camera=new o.PerspectiveCamera(20,this.width/this.height,.01,1e4),this.camera.position.set(50,100,150),this.scene.add(this.camera);const L=new o.AmbientLight(16777215,.75);this.scene.add(L),this.spot=new o.SpotLight(16777215,1),this.spot.position.set(0,200,0),this.spot.distance=400,this.spot.target=this.cont,this.scene.add(this.spot),this.cont2=new o.Group,this.cont2.position.set(0,15,0),this.scene.add(this.cont2);const B=new o.LineBasicMaterial({color:this.options.color2}),M=[];for(let l=0;l<80;l++){const c=b(18,24),h=c+b(1,6),p=b(-1,1),g=Math.sqrt(1-p*p),A=b(0,2*Math.PI),E=Math.sin(A)*g,_=Math.cos(A)*g;M.push(new o.Vector3(_*c,E*c,p*c)),M.push(new o.Vector3(_*h,E*h,p*h))}const z=new o.BufferGeometry().setFromPoints(M);this.linesMesh2=new o.LineSegments(z,B),this.linesMesh2.position.set(0,0,0),this.cont2.add(this.linesMesh2);const O=new o.LineBasicMaterial({color:this.options.color2,linewidth:2}),r=[];r.push(new o.Vector3(0,30,0)),r.push(new o.Vector3(0,-30,0));for(let l=0;l<4;l++){let c=.15*Math.cos(l/4*Math.PI*2),h=.15*Math.sin(l/4*Math.PI*2),p=[17.9,12,8,5,3,2,1.5,1.1,.8,.6,.45,.3,.2,.1,.05,.03,.02,.01];for(let g=0;g<p.length;g++){let A=p[g],E=6*(g+1);r.push(new o.Vector3(c*E,A,h*E)),r.push(new o.Vector3(c*E,-A,h*E))}}const N=new o.BufferGeometry().setFromPoints(r);this.linesMesh3=new o.LineSegments(N,O),this.linesMesh3.position.set(0,0,0),this.cont2.add(this.linesMesh3);const T=new o.LineBasicMaterial({color:this.options.color}),v=new o.SphereGeometry(18*this.options.size,18,14),P=new o.EdgesGeometry(v);this.sphere=new o.LineSegments(P,T),this.sphere.position.set(0,0,0),this.cont2.add(this.sphere),this.cont2.rotation.x=-.25}onUpdate(){let e;this.helper!=null&&this.helper.update(),this.controls!=null&&this.controls.update();const i=this.camera;Math.abs(i.tx-i.position.x)>.01&&(e=i.tx-i.position.x,i.position.x+=.02*e),Math.abs(i.ty-i.position.y)>.01&&(e=i.ty-i.position.y,i.position.y+=.02*e),Y&&window.innerWidth<480?i.lookAt(new o.Vector3(-10,0,0)):Y&&window.innerWidth<720?i.lookAt(new o.Vector3(-20,0,0)):i.lookAt(new o.Vector3(-40,0,0));let s=0,n=0,a=0;const d=new o.Color(this.options.backgroundColor),x=new o.Color(this.options.color),L=new o.Color(this.options.color2),B=x.clone().sub(d);this.rayCaster&&this.rayCaster.setFromCamera(new o.Vector2(this.rcMouseX,this.rcMouseY),this.camera),this.linesMesh2&&(this.linesMesh2.rotation.z+=.002,this.linesMesh2.rotation.x+=8e-4,this.linesMesh2.rotation.y+=5e-4),this.sphere&&(this.sphere.rotation.y+=.002,this.linesMesh3.rotation.y-=.004);for(let M=0;M<this.points.length;M++){let z,O;const r=this.points[M];O=this.rayCaster?this.rayCaster.ray.distanceToPoint(r.position):1e3;const N=O.clamp(5,15);r.scale.z=(.25*(15-N)).clamp(1,100),r.scale.x=r.scale.y=r.scale.z,r.position.y=2*Math.sin(r.position.x/10+.01*this.t+r.position.z/10*.5);for(let T=M;T<this.points.length;T++){const v=this.points[T],P=r.position.x-v.position.x,l=r.position.y-v.position.y,c=r.position.z-v.position.z;if(z=Math.sqrt(P*P+l*l+c*c),z<this.options.maxDistance){let h,p=2*(1-z/this.options.maxDistance);p=p.clamp(0,1),h=this.blending==="additive"?new o.Color(0).lerp(B,p):d.clone().lerp(x,p),this.linePositions[s++]=r.position.x,this.linePositions[s++]=r.position.y,this.linePositions[s++]=r.position.z,this.linePositions[s++]=v.position.x,this.linePositions[s++]=v.position.y,this.linePositions[s++]=v.position.z,this.lineColors[n++]=h.r,this.lineColors[n++]=h.g,this.lineColors[n++]=h.b,this.lineColors[n++]=h.r,this.lineColors[n++]=h.g,this.lineColors[n++]=h.b,a++}}}return this.linesMesh.geometry.setDrawRange(0,2*a),this.linesMesh.geometry.attributes.position.needsUpdate=!0,this.linesMesh.geometry.attributes.color.needsUpdate=!0,this.sphere.material.color.set(x),this.linesMesh2.material.color.set(L),this.linesMesh3.material.color.set(L),.001*this.t}onMouseMove(e,i){const s=this.camera;s.oy||(s.oy=s.position.y,s.ox=s.position.x,s.oz=s.position.z);const n=Math.atan2(s.oz,s.ox),a=Math.sqrt(s.oz*s.oz+s.ox*s.ox),d=n+1.5*(e-.5)*(this.options.mouseCoeffX||1);s.tz=a*Math.sin(d),s.tx=a*Math.cos(d),s.ty=s.oy+80*(i-.5)*(this.options.mouseCoeffY||1),this.rayCaster,this.rcMouseX=2*e-1,this.rcMouseY=2*-e+1}onRestart(){this.scene.remove(this.linesMesh),this.points=[]}}V.initClass();const G=f.register("GLOBE",V);return u})())})(D);var ht=D.exports;const at=rt(ht),lt={class:"text-white text-10 w-full text-center p-10 select-none",style:{"background-color":"#0000007a"}},dt=H({__name:"loadingA",props:{hasFinishLoading:{type:Boolean,default:!1},progress:{default:0}},setup(R){const W=R,y=F();let u=null;const b=()=>{u===null&&(u=at({el:y.value,THREE:ot}))},C=()=>{u&&setTimeout(()=>{u.destroy(),u=null},2e3)};return I(()=>{b()}),U(()=>{C()}),k(()=>W.hasFinishLoading,async(m,w)=>{console.log(m,w),m||!w?C():b()}),k(()=>W.progress,async(m,w)=>{console.log("progress:",m,w)}),(m,w)=>q((K(),Q("div",{class:"w-full h-screen flex justify-center items-center z-999 bgc",ref_key:"vantaRef",ref:y},[Z("div",lt,[$(" 载入中 · · · "+tt(m.progress)+" % ",1),et(st(it),{class:"text-rose"})])],512)),[[J,!m.hasFinishLoading]])}});export{dt as default};
|