blackteay/icegl-three-vue-tres
1
0
Fork 0
mirror of https://gitee.com/ice-gl/icegl-three-vue-tres.git synced 2025-04-05 06:22:43 +08:00
Code Issues Projects Releases Wiki Activity

增加新版本

Browse Source
This commit is contained in:
hawk86104 2023-11-14 16:49:36 +08:00
commit 59d57e6d9b
60 changed files with 707198 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.fes.js
View File

@ -4,13 +4,14 @@
* @Autor: 地虎降天龙
* @Date: 2023-10-16 10:53:09
* @LastEditors: 地虎降天龙
* @LastEditTime: 2023-11-09 11:51:08
* @LastEditTime: 2023-11-14 16:47:05
*/
// import { resolve } from 'path';
import { join } from 'path';
import { defineBuildConfig } from '@fesjs/fes';
import { templateCompilerOptions } from '@tresjs/core';
import UnoCSS from 'unocss/vite';
// import glsl from 'vite-plugin-glsl';
export default defineBuildConfig({
access: {
@ -45,9 +46,11 @@ export default defineBuildConfig({
UnoCSS({
/* options */
}),
// glsl(),
],
},
alias: { PLS: join(__dirname, './src/plugins') },
// { find: 'pls', replacement: resolve(__dirname, './src/plugins') },
// { '@': join(__dirname, '/src') }
});

2
dist/index.html vendored
View File

@ -1 +1 @@
<!doctype html><html lang="en"><head><script type="module" crossorigin src="/icegl-three-vue-tres/static/polyfills-48f7923c.js"></script><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Fes.js</title><link rel="shortcut icon" type="image/x-icon" href="./logo.png"><script type="module" crossorigin src="/icegl-three-vue-tres/static/index-955f9310.js"></script><link rel="modulepreload" crossorigin href="/icegl-three-vue-tres/static/vendor-19b019cc.js"><link rel="stylesheet" href="/icegl-three-vue-tres/static/vendor-28ba1523.css"><link rel="stylesheet" href="/icegl-three-vue-tres/static/index-3e1ce5cb.css"></head><body><div id="app"></div></body></html>
<!doctype html><html lang="en"><head><script type="module" crossorigin src="/icegl-three-vue-tres/static/polyfills-db4f09e8.js"></script><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Fes.js</title><link rel="shortcut icon" type="image/x-icon" href="./logo.png"><script type="module" crossorigin src="/icegl-three-vue-tres/static/index-44558ba5.js"></script><link rel="modulepreload" crossorigin href="/icegl-three-vue-tres/static/vendor-19b019cc.js"><link rel="stylesheet" href="/icegl-three-vue-tres/static/vendor-28ba1523.css"><link rel="stylesheet" href="/icegl-three-vue-tres/static/index-3e1ce5cb.css"></head><body><div id="app"></div></body></html>

BIN
dist/plugins/medical/image/brainXRayLight.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 31 KiB

275025
dist/plugins/medical/model/BrainUVs.obj vendored Normal file
View File

File diff suppressed because it is too large Load Diff

78392
dist/plugins/medical/model/brainparts.OBJ vendored Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
dist/plugins/medical/preview/digitalBrain.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 389 KiB

2
dist/static/buildings-31802446.js → dist/static/buildings-468d3b2a.js vendored
View File

@ -1 +1 @@
import{P as g}from"./trescientos-214666d1.js";import{_ as b,l as _,a as f,b as y}from"./pagesShow.vue_vue_type_style_index_0_lang-cac682c1.js";import{Y as w,j as C,ak as h,af as B,a9 as u,o as d,s,B as x,I as p,V as m}from"./vendor-19b019cc.js";import"./three.module-d47ac97c.js";import"./_commonjsHelpers-725317a4.js";const S=w({__name:"buildings",async setup(k){let n,r;const e=C(!1),c=([n,r]=h(()=>_()),n=await n,r(),n);e.value=!0,B(()=>{const l=new g({title:"建筑效果",expanded:!0}),o=l.addFolder({title:"线条"});o.addBinding(i,"show",{label:"显示"}),o.addBinding(i,"color",{label:"颜色"}),o.addBinding(i,"width",{label:"宽度",min:0,max:10,step:1}),o.addBinding(i,"opacity",{label:"透明度",min:0,max:1,step:.1});const t=l.addFolder({title:"建筑物"});t.addBinding(a,"show",{label:"显示"}),t.addBinding(a,"bulidingsColor",{label:"楼宇颜色"}),t.addBinding(a,"gradient",{label:"渐变"}),t.addBinding(a,"opacity",{label:"透明度",min:0,max:1,step:.1}),t.addBinding(a,"landColor",{label:"地面颜色"})});const i=u({width:1,color:"#000",opacity:1,show:!0}),a=u({bulidingsColor:"#e523ff",landColor:"#112233",opacity:.9,show:!0,gradient:!0});return(l,o)=>(d(),s(b,{showBuildings:!1},{ability:x(()=>[a.show&&e.value?(d(),s(f,{key:0,model:p(c),bulidingsColor:a.bulidingsColor,landColor:a.landColor,gradient:a.gradient,opacity:a.opacity},null,8,["model","bulidingsColor","landColor","gradient","opacity"])):m("",!0),i.show&&e.value?(d(),s(y,{key:1,builds:p(c).city,width:i.width,color:i.color,opacity:i.opacity},null,8,["builds","width","color","opacity"])):m("",!0)]),_:1}))}});export{S as default};
import{P as g}from"./trescientos-a922f233.js";import{_ as b,l as _,a as f,b as y}from"./pagesShow.vue_vue_type_style_index_0_lang-abc71cba.js";import{Y as w,j as C,ak as h,af as B,a9 as u,o as d,s,B as x,I as p,V as m}from"./vendor-19b019cc.js";import"./three.module-cbea6429.js";import"./_commonjsHelpers-725317a4.js";const S=w({__name:"buildings",async setup(k){let n,r;const e=C(!1),c=([n,r]=h(()=>_()),n=await n,r(),n);e.value=!0,B(()=>{const l=new g({title:"建筑效果",expanded:!0}),o=l.addFolder({title:"线条"});o.addBinding(i,"show",{label:"显示"}),o.addBinding(i,"color",{label:"颜色"}),o.addBinding(i,"width",{label:"宽度",min:0,max:10,step:1}),o.addBinding(i,"opacity",{label:"透明度",min:0,max:1,step:.1});const t=l.addFolder({title:"建筑物"});t.addBinding(a,"show",{label:"显示"}),t.addBinding(a,"bulidingsColor",{label:"楼宇颜色"}),t.addBinding(a,"gradient",{label:"渐变"}),t.addBinding(a,"opacity",{label:"透明度",min:0,max:1,step:.1}),t.addBinding(a,"landColor",{label:"地面颜色"})});const i=u({width:1,color:"#000",opacity:1,show:!0}),a=u({bulidingsColor:"#e523ff",landColor:"#112233",opacity:.9,show:!0,gradient:!0});return(l,o)=>(d(),s(b,{showBuildings:!1},{ability:x(()=>[a.show&&e.value?(d(),s(f,{key:0,model:p(c),bulidingsColor:a.bulidingsColor,landColor:a.landColor,gradient:a.gradient,opacity:a.opacity},null,8,["model","bulidingsColor","landColor","gradient","opacity"])):m("",!0),i.show&&e.value?(d(),s(y,{key:1,builds:p(c).city,width:i.width,color:i.color,opacity:i.opacity},null,8,["builds","width","color","opacity"])):m("",!0)]),_:1}))}});export{S as default};

2
dist/static/cameraControls-bd0ebd1d.js → dist/static/cameraControls-cb1c1816.js vendored
View File

@ -1 +1 @@
import{J as g,l as x,S as D}from"./trescientos-214666d1.js";import{a as i,B as k,S as f,N as M}from"./three.module-d47ac97c.js";import{Y as C,a9 as F,ad as u,o as S,s as T,B as w,aa as p,I as m,a as y,U as o}from"./vendor-19b019cc.js";const b=o("TresPerspectiveCamera",{position:[5,5,5]},null,-1),G=o("TresGridHelper",{position:[0,-1,0]},null,-1),A=o("TresBoxGeometry",{args:[2,2,2]},null,-1),E=o("TresMeshBasicMaterial",{color:"orange",wireframe:""},null,-1),N=[A,E],J=o("TresAmbientLight",{intensity:1},null,-1),I=C({__name:"cameraControls",setup(P){const h={clearColor:"#82DBC5",shadows:!0,alpha:!1,shadowMapType:k,outputColorSpace:f,toneMapping:M},l=F({distance:5,minDistance:0,maxDistance:100}),e=u(),r=u(),{pane:n}=g(),d=n.addFolder({title:"距离参数"});d.addBinding(l,"distance",{label:"设置距离",step:.01,min:0,max:100}),d.addBinding(l,"minDistance",{label:"最小距离",step:.01,min:0,max:10}),d.addBinding(l,"maxDistance",{label:"最大距离",step:.01,min:0,max:100});const c=n.addFolder({title:"远近"});c.addButton({title:"(+1)"}).on("click",()=>{var t,a;(a=(t=e==null?void 0:e.value)==null?void 0:t.value)==null||a.dolly(1,!0)}),c.addButton({title:"(-1)"}).on("click",()=>{var t,a;(a=(t=e==null?void 0:e.value)==null?void 0:t.value)==null||a.dolly(-1,!0)});const s=n.addFolder({title:"旋转"});s.addButton({title:"Rotate theta 45°"}).on("click",()=>{var t,a;(a=(t=e==null?void 0:e.value)==null?void 0:t.value)==null||a.rotate(45*i.DEG2RAD,0,!0)}),s.addButton({title:"Rotate theta -90°"}).on("click",()=>{var t,a;(a=(t=e==null?void 0:e.value)==null?void 0:t.value)==null||a.rotate(-90*i.DEG2RAD,0,!0)}),s.addButton({title:"Rotate theta 360°"}).on("click",()=>{var t,a;(a=(t=e==null?void 0:e.value)==null?void 0:t.value)==null||a.rotate(360*i.DEG2RAD,0,!0)}),s.addButton({title:"Rotate phi 20°"}).on("click",()=>{var t,a;(a=(t=e==null?void 0:e.value)==null?void 0:t.value)==null||a.rotate(0,20*i.DEG2RAD,!0)}),n.addFolder({title:"移动"}).addButton({title:"对焦到 box of the mesh"}).on("click",()=>{var t,a;(a=(t=e==null?void 0:e.value)==null?void 0:t.value)==null||a.fitToBox(r.value,!0)});function _(){console.log("change")}function B(){console.log("start")}function v(){console.log("end")}return(t,a)=>(S(),T(m(x),p(h,{"window-size":""}),{default:w(()=>[b,y(m(D),p(l,{ref_key:"controlsRef",ref:e,"make-default":"",onChange:_,onStart:B,onEnd:v}),null,16),G,o("TresMesh",{ref_key:"boxMeshRef",ref:r},N,512),J]),_:1},16))}});export{I as default};
import{J as g,l as x,S as D}from"./trescientos-a922f233.js";import{a as i,B as k,S as f,N as M}from"./three.module-cbea6429.js";import{Y as C,a9 as F,ad as u,o as S,s as T,B as w,aa as p,I as m,a as y,U as o}from"./vendor-19b019cc.js";const b=o("TresPerspectiveCamera",{position:[5,5,5]},null,-1),G=o("TresGridHelper",{position:[0,-1,0]},null,-1),A=o("TresBoxGeometry",{args:[2,2,2]},null,-1),E=o("TresMeshBasicMaterial",{color:"orange",wireframe:""},null,-1),N=[A,E],J=o("TresAmbientLight",{intensity:1},null,-1),I=C({__name:"cameraControls",setup(P){const h={clearColor:"#82DBC5",shadows:!0,alpha:!1,shadowMapType:k,outputColorSpace:f,toneMapping:M},l=F({distance:5,minDistance:0,maxDistance:100}),e=u(),r=u(),{pane:n}=g(),d=n.addFolder({title:"距离参数"});d.addBinding(l,"distance",{label:"设置距离",step:.01,min:0,max:100}),d.addBinding(l,"minDistance",{label:"最小距离",step:.01,min:0,max:10}),d.addBinding(l,"maxDistance",{label:"最大距离",step:.01,min:0,max:100});const c=n.addFolder({title:"远近"});c.addButton({title:"(+1)"}).on("click",()=>{var t,a;(a=(t=e==null?void 0:e.value)==null?void 0:t.value)==null||a.dolly(1,!0)}),c.addButton({title:"(-1)"}).on("click",()=>{var t,a;(a=(t=e==null?void 0:e.value)==null?void 0:t.value)==null||a.dolly(-1,!0)});const s=n.addFolder({title:"旋转"});s.addButton({title:"Rotate theta 45°"}).on("click",()=>{var t,a;(a=(t=e==null?void 0:e.value)==null?void 0:t.value)==null||a.rotate(45*i.DEG2RAD,0,!0)}),s.addButton({title:"Rotate theta -90°"}).on("click",()=>{var t,a;(a=(t=e==null?void 0:e.value)==null?void 0:t.value)==null||a.rotate(-90*i.DEG2RAD,0,!0)}),s.addButton({title:"Rotate theta 360°"}).on("click",()=>{var t,a;(a=(t=e==null?void 0:e.value)==null?void 0:t.value)==null||a.rotate(360*i.DEG2RAD,0,!0)}),s.addButton({title:"Rotate phi 20°"}).on("click",()=>{var t,a;(a=(t=e==null?void 0:e.value)==null?void 0:t.value)==null||a.rotate(0,20*i.DEG2RAD,!0)}),n.addFolder({title:"移动"}).addButton({title:"对焦到 box of the mesh"}).on("click",()=>{var t,a;(a=(t=e==null?void 0:e.value)==null?void 0:t.value)==null||a.fitToBox(r.value,!0)});function _(){console.log("change")}function B(){console.log("start")}function v(){console.log("end")}return(t,a)=>(S(),T(m(x),p(h,{"window-size":""}),{default:w(()=>[b,y(m(D),p(l,{ref_key:"controlsRef",ref:e,"make-default":"",onChange:_,onStart:B,onEnd:v}),null,16),G,o("TresMesh",{ref_key:"boxMeshRef",ref:r},N,512),J]),_:1},16))}});export{I as default};

1
dist/static/digitalBrain-bdc49ba1.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

2
dist/static/earthA-cec6c90e.js → dist/static/earthA-5f7a1a2e.js vendored
View File

@ -1,4 +1,4 @@
import{a as ye,Q as Ki,y as lr,l as Zi,x as Ji}from"./trescientos-214666d1.js";import{A as Vt,V as tn,D as we,S as en,P as rn}from"./three.module-d47ac97c.js";import{_ as nn}from"./loading.vue_vue_type_script_setup_true_lang-85b12253.js";import{Y as xe,ad as sn,j as cr,af as dr,o as bt,s as Se,I as D,ak as pr,c as Le,U as A,C as Ie,ag as an,D as on,a as Ft,B as Te,aa as un,al as Ue}from"./vendor-19b019cc.js";const fn=xe({__name:"starts",setup(f){const{onLoop:t}=ye(),e=sn(0);t(({delta:i})=>{e.value+=.02*i});const r=cr();return dr(()=>{r.value.value.material.color.setHex(5076687),r.value.value.scale.set(5,5,5)}),(i,n)=>(bt(),Se(D(Ki),{ref_key:"StarsREF",ref:r,rotation:[0,e.value,0],radius:100,depth:50,count:1e4,size:5,"size-attenuation":!0},null,8,["rotation"]))}}),hn={position:[0,0,0]},_n=A("TresSphereGeometry",{args:[50,32,32]},null,-1),ln=["map"],cn=A("TresSphereGeometry",{args:[53,32,32]},null,-1),dn=["map","alphaMap","blending"],pn={scale:[155,155,0]},mn=["map","blending"],gn={scale:[128,128,0]},yn=["map","blending"],xn=xe({__name:"earthmap",async setup(f){let t,e;const r=([t,e]=pr(()=>lr(["./plugins/earthSample/image/earthA/map.jpg","./plugins/earthSample/image/earthA/earth.jpg","./plugins/earthSample/image/earthA/glow.png","./plugins/earthSample/image/earthA/innerGlow.png"])),t=await t,e(),t),{onLoop:i}=ye();return i(({delta:n})=>{}),dr(()=>{}),(n,s)=>(bt(),Le(Ie,null,[A("TresMesh",hn,[_n,A("TresMeshBasicMaterial",{map:D(r)[0]},null,8,ln)]),A("TresMesh",null,[cn,A("TresMeshBasicMaterial",{map:D(r)[1],alphaMap:D(r)[1],blending:D(Vt),transparent:!0},null,8,dn)]),A("TresSprite",pn,[A("TresSpriteMaterial",{color:"#4d76cf",map:D(r)[2],blending:D(Vt),depthWrite:!1,depthTest:!1,transparent:!0},null,8,mn)]),A("TresSprite",gn,[A("TresSpriteMaterial",{color:"#4d76cf",map:D(r)[3],blending:D(Vt),depthWrite:!1,depthTest:!1,transparent:!0},null,8,yn)])],64))}});function yt(f){if(f===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return f}function Kr(f,t){f.prototype=Object.create(t.prototype),f.prototype.constructor=f,f.__proto__=t}/*!
import{a as ye,Q as Ki,y as lr,l as Zi,x as Ji}from"./trescientos-a922f233.js";import{A as Vt,V as tn,D as we,S as en,P as rn}from"./three.module-cbea6429.js";import{_ as nn}from"./loading.vue_vue_type_script_setup_true_lang-c55fdfd4.js";import{Y as xe,ad as sn,j as cr,af as dr,o as bt,s as Se,I as D,ak as pr,c as Le,U as A,C as Ie,ag as an,D as on,a as Ft,B as Te,aa as un,al as Ue}from"./vendor-19b019cc.js";const fn=xe({__name:"starts",setup(f){const{onLoop:t}=ye(),e=sn(0);t(({delta:i})=>{e.value+=.02*i});const r=cr();return dr(()=>{r.value.value.material.color.setHex(5076687),r.value.value.scale.set(5,5,5)}),(i,n)=>(bt(),Se(D(Ki),{ref_key:"StarsREF",ref:r,rotation:[0,e.value,0],radius:100,depth:50,count:1e4,size:5,"size-attenuation":!0},null,8,["rotation"]))}}),hn={position:[0,0,0]},_n=A("TresSphereGeometry",{args:[50,32,32]},null,-1),ln=["map"],cn=A("TresSphereGeometry",{args:[53,32,32]},null,-1),dn=["map","alphaMap","blending"],pn={scale:[155,155,0]},mn=["map","blending"],gn={scale:[128,128,0]},yn=["map","blending"],xn=xe({__name:"earthmap",async setup(f){let t,e;const r=([t,e]=pr(()=>lr(["./plugins/earthSample/image/earthA/map.jpg","./plugins/earthSample/image/earthA/earth.jpg","./plugins/earthSample/image/earthA/glow.png","./plugins/earthSample/image/earthA/innerGlow.png"])),t=await t,e(),t),{onLoop:i}=ye();return i(({delta:n})=>{}),dr(()=>{}),(n,s)=>(bt(),Le(Ie,null,[A("TresMesh",hn,[_n,A("TresMeshBasicMaterial",{map:D(r)[0]},null,8,ln)]),A("TresMesh",null,[cn,A("TresMeshBasicMaterial",{map:D(r)[1],alphaMap:D(r)[1],blending:D(Vt),transparent:!0},null,8,dn)]),A("TresSprite",pn,[A("TresSpriteMaterial",{color:"#4d76cf",map:D(r)[2],blending:D(Vt),depthWrite:!1,depthTest:!1,transparent:!0},null,8,mn)]),A("TresSprite",gn,[A("TresSpriteMaterial",{color:"#4d76cf",map:D(r)[3],blending:D(Vt),depthWrite:!1,depthTest:!1,transparent:!0},null,8,yn)])],64))}});function yt(f){if(f===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return f}function Kr(f,t){f.prototype=Object.create(t.prototype),f.prototype.constructor=f,f.__proto__=t}/*!
* GSAP 3.12.2
* https://greensock.com
*

2
dist/static/firstPersonControls-c753461c.js → dist/static/firstPersonControls-ec2662ba.js vendored
View File

@ -1 +1 @@
import{l as p,e as l,T as c,w as d}from"./trescientos-214666d1.js";import{B as m,N as _}from"./three.module-d47ac97c.js";import{Y as f,o as u,s as h,B as g,aa as w,I as e,a as s,U as o}from"./vendor-19b019cc.js";const B=o("TresPerspectiveCamera",{position:[0,3,10]},null,-1),T=o("TresGridHelper",{args:[100,100]},null,-1),C=o("TresAmbientLight",{intensity:1},null,-1),x=f({__name:"firstPersonControls",setup(b){const n={clearColor:"#82DBC5",shadows:!0,alpha:!1,shadowMapType:m,toneMapping:_},r=a=>console.log(a);return(a,t)=>(u(),h(e(p),w(n,{"window-size":""}),{default:g(()=>[s(e(l)),B,s(e(c),{"make-default":"",onIsLock:t[0]||(t[0]=i=>r(i))}),s(e(d),{"head-bobbing":""}),T,C]),_:1},16))}});export{x as default};
import{l as p,e as l,T as c,w as d}from"./trescientos-a922f233.js";import{B as m,N as _}from"./three.module-cbea6429.js";import{Y as f,o as u,s as h,B as g,aa as w,I as e,a as s,U as o}from"./vendor-19b019cc.js";const B=o("TresPerspectiveCamera",{position:[0,3,10]},null,-1),T=o("TresGridHelper",{args:[100,100]},null,-1),C=o("TresAmbientLight",{intensity:1},null,-1),x=f({__name:"firstPersonControls",setup(b){const n={clearColor:"#82DBC5",shadows:!0,alpha:!1,shadowMapType:m,toneMapping:_},r=a=>console.log(a);return(a,t)=>(u(),h(e(p),w(n,{"window-size":""}),{default:g(()=>[s(e(l)),B,s(e(c),{"make-default":"",onIsLock:t[0]||(t[0]=i=>r(i))}),s(e(d),{"head-bobbing":""}),T,C]),_:1},16))}});export{x as default};

2
dist/static/glassMaterial-de3f2353.js → dist/static/glassMaterial-cfe65844.js vendored
View File

@ -1 +1 @@
import{l as _,d as l,z as d,I as u,x as h}from"./trescientos-214666d1.js";import{B as f,S as m,N as M,D as g}from"./three.module-d47ac97c.js";import{Y as T,j as x,ad as i,w,o as B,s as y,B as n,aa as C,I as s,U as e,a}from"./vendor-19b019cc.js";const R=e("TresPerspectiveCamera",{position:[3,3,3]},null,-1),S={"position-x":3},k=e("TresTorusKnotGeometry",{args:[1,.4,256,20]},null,-1),v={position:[0,0,-1]},G=e("TresPlaneGeometry",{args:[3,3]},null,-1),b=["side"],D=e("TresGridHelper",{args:[10,10]},null,-1),N=e("TresAmbientLight",{intensity:1},null,-1),P=e("TresDirectionalLight",{intensity:1,position:[2,2,2]},null,-1),A=T({__name:"glassMaterial",setup(z){const c={clearColor:"#82DBC5",shadows:!0,alpha:!1,shadowMapType:f,outputColorSpace:m,toneMapping:M},p=x(),t=i(),o=i();return w(t,r=>{o.value.value.material.dispose(),o.value.value.material=r.MeshGlassMaterialClass}),(r,I)=>(B(),y(s(_),C(c,{ref_key:"context",ref:p,"window-size":""}),{default:n(()=>[R,e("TresMesh",S,[k,a(s(l),{ref_key:"glassMaterialRef",ref:t},null,512)]),a(s(d),{scale:.5},{default:n(()=>[a(s(l))]),_:1}),a(s(u),{ref_key:"boxRef",ref:o,"position-x":-3},null,512),e("TresMesh",v,[G,e("TresMeshBasicMaterial",{side:s(g),color:16716049},null,8,b)]),D,N,P,a(s(h))]),_:1},16))}});export{A as default};
import{l as _,d as l,z as d,I as u,x as h}from"./trescientos-a922f233.js";import{B as f,S as m,N as M,D as g}from"./three.module-cbea6429.js";import{Y as T,j as x,ad as i,w,o as B,s as y,B as n,aa as C,I as s,U as e,a}from"./vendor-19b019cc.js";const R=e("TresPerspectiveCamera",{position:[3,3,3]},null,-1),S={"position-x":3},k=e("TresTorusKnotGeometry",{args:[1,.4,256,20]},null,-1),v={position:[0,0,-1]},G=e("TresPlaneGeometry",{args:[3,3]},null,-1),b=["side"],D=e("TresGridHelper",{args:[10,10]},null,-1),N=e("TresAmbientLight",{intensity:1},null,-1),P=e("TresDirectionalLight",{intensity:1,position:[2,2,2]},null,-1),A=T({__name:"glassMaterial",setup(z){const c={clearColor:"#82DBC5",shadows:!0,alpha:!1,shadowMapType:f,outputColorSpace:m,toneMapping:M},p=x(),t=i(),o=i();return w(t,r=>{o.value.value.material.dispose(),o.value.value.material=r.MeshGlassMaterialClass}),(r,I)=>(B(),y(s(_),C(c,{ref_key:"context",ref:p,"window-size":""}),{default:n(()=>[R,e("TresMesh",S,[k,a(s(l),{ref_key:"glassMaterialRef",ref:t},null,512)]),a(s(d),{scale:.5},{default:n(()=>[a(s(l))]),_:1}),a(s(u),{ref_key:"boxRef",ref:o,"position-x":-3},null,512),e("TresMesh",v,[G,e("TresMeshBasicMaterial",{side:s(g),color:16716049},null,8,b)]),D,N,P,a(s(h))]),_:1},16))}});export{A as default};

2
dist/static/heatmap-779f9a5b.js → dist/static/heatmap-bda1fccf.js vendored
View File

@ -1 +1 @@
import{P as o}from"./trescientos-214666d1.js";import{_ as n}from"./heatmapJS.vue_vue_type_script_setup_true_lang-b311155c.js";import{_ as i}from"./loading.vue_vue_type_script_setup_true_lang-85b12253.js";import{_ as r}from"./pagesShow.vue_vue_type_style_index_0_lang-cac682c1.js";import{Y as s,a9 as m,o as p,c as l,a as e,B as _,C as c,aa as d}from"./vendor-19b019cc.js";import"./three.module-d47ac97c.js";import"./heatmap-d02141de.js";import"./_commonjsHelpers-725317a4.js";const R=s({__name:"heatmap",setup(f){const a=m({show2dCanvas:!0,heightRatio:20,position:[0,20,0],Plane:[1e3,1e3,1e3,1e3]}),t=new o({title:"参数",expanded:!0});return t.addBinding(a,"show2dCanvas",{label:"显示二维图"}),t.addBinding(a,"heightRatio",{label:"高度",min:10,max:100,step:10}),(h,u)=>(p(),l(c,null,[e(i),e(r,null,{ability:_(()=>[e(n,d({ref:"heatmapJSRef"},a),null,16)]),_:1})],64))}});export{R as default};
import{P as o}from"./trescientos-a922f233.js";import{_ as n}from"./heatmapJS.vue_vue_type_script_setup_true_lang-5aafc0a3.js";import{_ as i}from"./loading.vue_vue_type_script_setup_true_lang-c55fdfd4.js";import{_ as r}from"./pagesShow.vue_vue_type_style_index_0_lang-abc71cba.js";import{Y as s,a9 as m,o as p,c as l,a as e,B as _,C as c,aa as d}from"./vendor-19b019cc.js";import"./three.module-cbea6429.js";import"./heatmap-d02141de.js";import"./_commonjsHelpers-725317a4.js";const R=s({__name:"heatmap",setup(f){const a=m({show2dCanvas:!0,heightRatio:20,position:[0,20,0],Plane:[1e3,1e3,1e3,1e3]}),t=new o({title:"参数",expanded:!0});return t.addBinding(a,"show2dCanvas",{label:"显示二维图"}),t.addBinding(a,"heightRatio",{label:"高度",min:10,max:100,step:10}),(h,u)=>(p(),l(c,null,[e(i),e(r,null,{ability:_(()=>[e(n,d({ref:"heatmapJSRef"},a),null,16)]),_:1})],64))}});export{R as default};

2
dist/static/heatmap2-ccb1c58a.js → dist/static/heatmap2-e6af9871.js vendored
View File

@ -1 +1 @@
import{P as x}from"./trescientos-214666d1.js";import{C as g,_ as w,l as B,b as C}from"./pagesShow.vue_vue_type_style_index_0_lang-cac682c1.js";import{b as _,T as A,D as M}from"./three.module-d47ac97c.js";import{h as D}from"./heatmap-d02141de.js";import{Y as b,ae as S,o as y,c as U,j as P,ak as L,a9 as d,s as T,B as X,a as h,aa as f,I as v}from"./vendor-19b019cc.js";import"./_commonjsHelpers-725317a4.js";const m=(a,t)=>Math.round((Math.random()*(a-t+1)+t)*10)/10,Y=(a,t)=>{if(!t){let e=0;for(t=[];e<2e3;)t.push({x:m(1,a._config.width),y:m(1,a._config.height),value:m(1,6)}),e++}a.setData({max:12,data:t})},k=(a=250,t=250,o=!0)=>{const e=document.createElement("heatmap-canvas");return e.style.position="absolute",o||(e.style.display="none"),e.style.top="0",e.style.left="0",document.body.appendChild(e),D.create({container:e,width:a,height:t,blur:".8",radius:10})},F=a=>{a.computeBoundingBox();const{max:t,min:o}=a.boundingBox;a.deleteAttribute("uv");const e=t.x-o.x,n=t.y-o.y,i=[];for(let r=0;r<a.attributes.position.count;r++)i.push((a.attributes.position.getX(r)-o.x)/e),i.push((a.attributes.position.getY(r)-o.y)/n);const s=new Float32Array(i);a.setAttribute("uv",new _(s,2))},E=(a,t)=>{t.computeBoundingBox(),t.deleteAttribute("uv"),a.computeBoundingBox();const{max:o,min:e}=a.boundingBox,n=o.x-e.x,i=o.y-e.y,s=[];for(let c=0;c<t.attributes.position.count;c++)s.push((t.attributes.position.getX(c)-e.x)/n),s.push((t.attributes.position.getY(c)-e.y)/i);const r=new Float32Array(s);t.setAttribute("uv",new _(r,2))},N=["object"],O=b({__name:"buildingsHeatmap",props:{model:{},opacity:{default:1}},setup(a){const t=a,o=k();Y(o);const e=new A(o._renderer.canvas);e.needsUpdate=!0;const n=(u,l)=>new g({baseMaterial:u,vertexShader:"\n varying vec2 vUv;\n void main() {\n csm_Position = position * vec3(1.0);\n vUv = uv;\n }\n ",fragmentShader:"\n uniform sampler2D heightMap;\n uniform float uOpacity;\n varying vec2 vUv;\n void main() {\n csm_DiffuseColor = vec4(texture2D(heightMap, vUv.xy).rgb, uOpacity);\n }\n ",silent:!0,uniforms:{uOpacity:{value:t.opacity},heightMap:{type:"t",value:l}},depthWrite:!0,depthTest:!0,transparent:!0,side:M}),i=t.model.city,s=t.model.land,r=()=>{const{geometry:u}=s;F(u);const l=n(s.material,e);s.material.dispose(),s.material=l},c=()=>{const u=s.geometry,{geometry:l}=i;E(u,l);const p=n(i.material,e);i.material.dispose(),i.material=p};return r(),c(),S(()=>{t.opacity&&(s.material.uniforms.uOpacity.value=t.opacity)}),(u,l)=>(y(),U("primitive",{object:t.model.model.clone()},null,8,N))}}),W=b({__name:"heatmap2",async setup(a){let t,o;const e=P(!1),n=([t,o]=L(()=>B()),t=await t,o(),t);e.value=!0;const i=d({width:1,color:"#000",opacity:1,show:!0}),s=d({opacity:.9});return new x({title:"参数",expanded:!0}).addBinding(s,"opacity",{label:"透明度",min:0,max:1,step:.1}),(c,u)=>(y(),T(w,{showBuildings:!1},{ability:X(()=>[h(O,f({model:v(n)},s),null,16,["model"]),h(C,f(i,{builds:v(n).city}),null,16,["builds"])]),_:1}))}});export{W as default};
import{P as x}from"./trescientos-a922f233.js";import{C as g,_ as w,l as B,b as C}from"./pagesShow.vue_vue_type_style_index_0_lang-abc71cba.js";import{b as _,T as A,D as M}from"./three.module-cbea6429.js";import{h as D}from"./heatmap-d02141de.js";import{Y as b,ae as S,o as y,c as U,j as P,ak as L,a9 as d,s as T,B as X,a as h,aa as f,I as v}from"./vendor-19b019cc.js";import"./_commonjsHelpers-725317a4.js";const m=(a,t)=>Math.round((Math.random()*(a-t+1)+t)*10)/10,Y=(a,t)=>{if(!t){let e=0;for(t=[];e<2e3;)t.push({x:m(1,a._config.width),y:m(1,a._config.height),value:m(1,6)}),e++}a.setData({max:12,data:t})},k=(a=250,t=250,o=!0)=>{const e=document.createElement("heatmap-canvas");return e.style.position="absolute",o||(e.style.display="none"),e.style.top="0",e.style.left="0",document.body.appendChild(e),D.create({container:e,width:a,height:t,blur:".8",radius:10})},F=a=>{a.computeBoundingBox();const{max:t,min:o}=a.boundingBox;a.deleteAttribute("uv");const e=t.x-o.x,n=t.y-o.y,i=[];for(let r=0;r<a.attributes.position.count;r++)i.push((a.attributes.position.getX(r)-o.x)/e),i.push((a.attributes.position.getY(r)-o.y)/n);const s=new Float32Array(i);a.setAttribute("uv",new _(s,2))},E=(a,t)=>{t.computeBoundingBox(),t.deleteAttribute("uv"),a.computeBoundingBox();const{max:o,min:e}=a.boundingBox,n=o.x-e.x,i=o.y-e.y,s=[];for(let c=0;c<t.attributes.position.count;c++)s.push((t.attributes.position.getX(c)-e.x)/n),s.push((t.attributes.position.getY(c)-e.y)/i);const r=new Float32Array(s);t.setAttribute("uv",new _(r,2))},N=["object"],O=b({__name:"buildingsHeatmap",props:{model:{},opacity:{default:1}},setup(a){const t=a,o=k();Y(o);const e=new A(o._renderer.canvas);e.needsUpdate=!0;const n=(u,l)=>new g({baseMaterial:u,vertexShader:"\n varying vec2 vUv;\n void main() {\n csm_Position = position * vec3(1.0);\n vUv = uv;\n }\n ",fragmentShader:"\n uniform sampler2D heightMap;\n uniform float uOpacity;\n varying vec2 vUv;\n void main() {\n csm_DiffuseColor = vec4(texture2D(heightMap, vUv.xy).rgb, uOpacity);\n }\n ",silent:!0,uniforms:{uOpacity:{value:t.opacity},heightMap:{type:"t",value:l}},depthWrite:!0,depthTest:!0,transparent:!0,side:M}),i=t.model.city,s=t.model.land,r=()=>{const{geometry:u}=s;F(u);const l=n(s.material,e);s.material.dispose(),s.material=l},c=()=>{const u=s.geometry,{geometry:l}=i;E(u,l);const p=n(i.material,e);i.material.dispose(),i.material=p};return r(),c(),S(()=>{t.opacity&&(s.material.uniforms.uOpacity.value=t.opacity)}),(u,l)=>(y(),U("primitive",{object:t.model.model.clone()},null,8,N))}}),W=b({__name:"heatmap2",async setup(a){let t,o;const e=P(!1),n=([t,o]=L(()=>B()),t=await t,o(),t);e.value=!0;const i=d({width:1,color:"#000",opacity:1,show:!0}),s=d({opacity:.9});return new x({title:"参数",expanded:!0}).addBinding(s,"opacity",{label:"透明度",min:0,max:1,step:.1}),(c,u)=>(y(),T(w,{showBuildings:!1},{ability:X(()=>[h(O,f({model:v(n)},s),null,16,["model"]),h(C,f(i,{builds:v(n).city}),null,16,["builds"])]),_:1}))}});export{W as default};

2
dist/static/heatmapExample-e76ed94f.js → dist/static/heatmapExample-07f54c6f.js vendored
View File

@ -1 +1 @@
import{a as c,P as f,l as u,x as d}from"./trescientos-214666d1.js";import{S as m,P as h}from"./three.module-d47ac97c.js";import{_}from"./heatmapJS.vue_vue_type_script_setup_true_lang-b311155c.js";import{Y as g,j as C,a9 as S,o as w,s as x,B as v,aa as n,I as i,a as l,U as a}from"./vendor-19b019cc.js";import"./heatmap-d02141de.js";import"./_commonjsHelpers-725317a4.js";const y=a("TresPerspectiveCamera",{position:[21,34,55],fov:60,near:1,far:1e3},null,-1),B=a("TresAmbientLight",{color:"#cccccc",intensity:.4},null,-1),P=a("TresPointLight",{color:"#ffffff",intensity:.8},null,-1),R=a("TresGridHelper",{args:[50,25],position:[0,0,0]},null,-1),N=g({__name:"heatmapExample",setup(L){const p={clearColor:"#030311",shadows:!0,alpha:!1,outputColorSpace:m,shadowMapType:h,useLegacyLights:!0,antialias:!0},t=C();let e=!0;c().onLoop(({elapsed:s})=>{!e&&parseInt(s)%2==1&&(e=!0,t.value&&t.value.setData()),e&&parseInt(s)%2==0&&(e=!1)});const o=S({show2dCanvas:!0,heightRatio:6}),r=new f({title:"参数",expanded:!0});return r.addBinding(o,"show2dCanvas",{label:"显示二维图"}),r.addBinding(o,"heightRatio",{label:"高度",min:1,max:10,step:1}),(s,T)=>(w(),x(i(u),n(p,{"window-size":""}),{default:v(()=>[y,l(i(d),{autoRotate:!0,autoRotateSpeed:2}),B,P,R,l(_,n({ref_key:"heatmapJSRef",ref:t},o),null,16)]),_:1},16))}});export{N as default};
import{a as c,P as f,l as u,x as d}from"./trescientos-a922f233.js";import{S as m,P as h}from"./three.module-cbea6429.js";import{_}from"./heatmapJS.vue_vue_type_script_setup_true_lang-5aafc0a3.js";import{Y as g,j as C,a9 as S,o as w,s as x,B as v,aa as n,I as i,a as l,U as a}from"./vendor-19b019cc.js";import"./heatmap-d02141de.js";import"./_commonjsHelpers-725317a4.js";const y=a("TresPerspectiveCamera",{position:[21,34,55],fov:60,near:1,far:1e3},null,-1),B=a("TresAmbientLight",{color:"#cccccc",intensity:.4},null,-1),P=a("TresPointLight",{color:"#ffffff",intensity:.8},null,-1),R=a("TresGridHelper",{args:[50,25],position:[0,0,0]},null,-1),N=g({__name:"heatmapExample",setup(L){const p={clearColor:"#030311",shadows:!0,alpha:!1,outputColorSpace:m,shadowMapType:h,useLegacyLights:!0,antialias:!0},t=C();let e=!0;c().onLoop(({elapsed:s})=>{!e&&parseInt(s)%2==1&&(e=!0,t.value&&t.value.setData()),e&&parseInt(s)%2==0&&(e=!1)});const o=S({show2dCanvas:!0,heightRatio:6}),r=new f({title:"参数",expanded:!0});return r.addBinding(o,"show2dCanvas",{label:"显示二维图"}),r.addBinding(o,"heightRatio",{label:"高度",min:1,max:10,step:1}),(s,T)=>(w(),x(i(u),n(p,{"window-size":""}),{default:v(()=>[y,l(i(d),{autoRotate:!0,autoRotateSpeed:2}),B,P,R,l(_,n({ref_key:"heatmapJSRef",ref:t},o),null,16)]),_:1},16))}});export{N as default};

2
dist/static/heatmapJS.vue_vue_type_script_setup_true_lang-b311155c.js → dist/static/heatmapJS.vue_vue_type_script_setup_true_lang-5aafc0a3.js vendored
View File

@ -1 +1 @@
import{T as d,D as m}from"./three.module-d47ac97c.js";import{h as g}from"./heatmap-d02141de.js";import{Y as f,ae as y,o as x,c as _,U as p,ab as M,ac as R}from"./vendor-19b019cc.js";const b=["position"],w=["args","rotate-x"],C=f({__name:"heatmapJS",props:{position:{default:[0,0,0]},Plane:{default:[50,50,1e3,1e3]},show2dCanvas:{type:Boolean,default:!0},heightRatio:{default:6}},setup(u,{expose:c}){const a=u;let i=null;const r=(t,o)=>Math.round((Math.random()*(t-o+1)+o)*10)/10;let e=null;const v=()=>(e=document.createElement("heatmap-canvas"),e.width=100,e.height=100,e.style.position="absolute",e.style.top="0",e.style.left="0",document.body.appendChild(e),i=g.create({container:e,width:256,height:256,blur:".8",radius:10}),i),s=t=>{if(!t){let h=0;for(t=[];h<2e3;)t.push({x:r(1,256),y:r(1,256),value:r(1,6)}),h++}i.setData({max:12,data:t}),n.needsUpdate=!0},n=new d(v()._renderer.canvas);s();const l={transparent:!0,side:m,vertexShader:"\n uniform sampler2D heightMap;\n uniform float heightRatio;\n varying vec2 vUv;\n varying float hValue;\n varying vec3 cl;\n void main() {\n vUv = uv;\n vec3 pos = position;\n cl = texture2D(heightMap, vUv).rgb;\n hValue = texture2D(heightMap, vUv).r;\n pos.y = hValue * heightRatio;\n gl_Position = projectionMatrix * modelViewMatrix * vec4(pos,1.0);\n }",fragmentShader:"\n varying float hValue;\n varying vec3 cl;\n void main() {\n float v = abs(hValue - 1.);\n gl_FragColor = vec4(cl, .8 - v * v*1.1) ; \n }",uniforms:{heightMap:{type:"t",value:n},heightRatio:{value:a.heightRatio}}};return y(()=>{e.style.display="".concat(a.show2dCanvas?"block":"none"),a.heightRatio&&(l.uniforms.heightRatio.value=a.heightRatio)}),c({setData:s}),(t,o)=>(x(),_("TresMesh",{position:a.position},[p("TresPlaneGeometry",{args:a.Plane,"rotate-x":-Math.PI*.5},null,8,w),p("TresShaderMaterial",M(R(l)),null,16)],8,b))}});export{C as _};
import{T as d,D as m}from"./three.module-cbea6429.js";import{h as g}from"./heatmap-d02141de.js";import{Y as f,ae as y,o as x,c as _,U as p,ab as M,ac as R}from"./vendor-19b019cc.js";const b=["position"],w=["args","rotate-x"],C=f({__name:"heatmapJS",props:{position:{default:[0,0,0]},Plane:{default:[50,50,1e3,1e3]},show2dCanvas:{type:Boolean,default:!0},heightRatio:{default:6}},setup(u,{expose:c}){const a=u;let i=null;const r=(t,o)=>Math.round((Math.random()*(t-o+1)+o)*10)/10;let e=null;const v=()=>(e=document.createElement("heatmap-canvas"),e.width=100,e.height=100,e.style.position="absolute",e.style.top="0",e.style.left="0",document.body.appendChild(e),i=g.create({container:e,width:256,height:256,blur:".8",radius:10}),i),s=t=>{if(!t){let h=0;for(t=[];h<2e3;)t.push({x:r(1,256),y:r(1,256),value:r(1,6)}),h++}i.setData({max:12,data:t}),n.needsUpdate=!0},n=new d(v()._renderer.canvas);s();const l={transparent:!0,side:m,vertexShader:"\n uniform sampler2D heightMap;\n uniform float heightRatio;\n varying vec2 vUv;\n varying float hValue;\n varying vec3 cl;\n void main() {\n vUv = uv;\n vec3 pos = position;\n cl = texture2D(heightMap, vUv).rgb;\n hValue = texture2D(heightMap, vUv).r;\n pos.y = hValue * heightRatio;\n gl_Position = projectionMatrix * modelViewMatrix * vec4(pos,1.0);\n }",fragmentShader:"\n varying float hValue;\n varying vec3 cl;\n void main() {\n float v = abs(hValue - 1.);\n gl_FragColor = vec4(cl, .8 - v * v*1.1) ; \n }",uniforms:{heightMap:{type:"t",value:n},heightRatio:{value:a.heightRatio}}};return y(()=>{e.style.display="".concat(a.show2dCanvas?"block":"none"),a.heightRatio&&(l.uniforms.heightRatio.value=a.heightRatio)}),c({setData:s}),(t,o)=>(x(),_("TresMesh",{position:a.position},[p("TresPlaneGeometry",{args:a.Plane,"rotate-x":-Math.PI*.5},null,8,w),p("TresShaderMaterial",M(R(l)),null,16)],8,b))}});export{C as _};

2
dist/static/htmls-862465e3.js → dist/static/htmls-c8f3ef5a.js vendored
View File

@ -1 +1 @@
import{l as u,x as h,n as c}from"./trescientos-214666d1.js";import{B as f,S as m,N as T}from"./three.module-d47ac97c.js";import{Y as x,j as p,a9 as M,o as w,s as B,B as a,aa as r,I as t,a as l,U as e,ai as S,aj as y,_ as g}from"./vendor-19b019cc.js";const s=o=>(S("data-v-f4d85785"),o=o(),y(),o),v=s(()=>e("TresPerspectiveCamera",{position:[3,0,8]},null,-1)),C={position:[1,1,1]},I=s(()=>e("TresBoxGeometry",null,null,-1)),N=s(()=>e("TresMeshNormalMaterial",null,null,-1)),R=s(()=>e("h1",{class:"bg-white text-xs p-0.5 rounded"}," I'm a Box 📦 ",-1)),k=s(()=>e("TresSphereGeometry",null,null,-1)),G=s(()=>e("TresMeshNormalMaterial",null,null,-1)),b=s(()=>e("h1",{class:"bg-white text-xs p-0.5 rounded"}," I'm a Sphere ⭕️ ",-1)),j=s(()=>e("TresTorusGeometry",null,null,-1)),P=s(()=>e("TresMeshNormalMaterial",null,null,-1)),V=[j,P],z=s(()=>e("TresAmbientLight",{intensity:1},null,-1)),A=x({__name:"htmls",setup(o){const i={clearColor:"#82DBC5",shadows:!0,alpha:!1,shadowMapType:f,outputColorSpace:m,toneMapping:T},n=p(null),d=p(null),_=M({wrapperClass:"wrapper",as:"div",center:!0});return(D,L)=>(w(),B(t(u),r(i,{"window-size":""}),{default:a(()=>[v,l(t(h)),e("TresMesh",C,[I,N,l(t(c),r(_,{transform:"",occlude:[n.value]}),{default:a(()=>[R]),_:1},16,["occlude"])]),e("TresMesh",{ref_key:"sphereRef",ref:n,position:[4,1,1]},[k,G,l(t(c),r(_,{transform:""}),{default:a(()=>[b]),_:1},16)],512),e("TresMesh",{ref_key:"torusRef",ref:d,position:[7,1,1]},V,512),z]),_:1},16))}});const E=g(A,[["__scopeId","data-v-f4d85785"]]);export{E as default};
import{l as u,x as h,n as c}from"./trescientos-a922f233.js";import{B as f,S as m,N as T}from"./three.module-cbea6429.js";import{Y as x,j as p,a9 as M,o as w,s as B,B as a,aa as r,I as t,a as l,U as e,ai as S,aj as y,_ as g}from"./vendor-19b019cc.js";const s=o=>(S("data-v-f4d85785"),o=o(),y(),o),v=s(()=>e("TresPerspectiveCamera",{position:[3,0,8]},null,-1)),C={position:[1,1,1]},I=s(()=>e("TresBoxGeometry",null,null,-1)),N=s(()=>e("TresMeshNormalMaterial",null,null,-1)),R=s(()=>e("h1",{class:"bg-white text-xs p-0.5 rounded"}," I'm a Box 📦 ",-1)),k=s(()=>e("TresSphereGeometry",null,null,-1)),G=s(()=>e("TresMeshNormalMaterial",null,null,-1)),b=s(()=>e("h1",{class:"bg-white text-xs p-0.5 rounded"}," I'm a Sphere ⭕️ ",-1)),j=s(()=>e("TresTorusGeometry",null,null,-1)),P=s(()=>e("TresMeshNormalMaterial",null,null,-1)),V=[j,P],z=s(()=>e("TresAmbientLight",{intensity:1},null,-1)),A=x({__name:"htmls",setup(o){const i={clearColor:"#82DBC5",shadows:!0,alpha:!1,shadowMapType:f,outputColorSpace:m,toneMapping:T},n=p(null),d=p(null),_=M({wrapperClass:"wrapper",as:"div",center:!0});return(D,L)=>(w(),B(t(u),r(i,{"window-size":""}),{default:a(()=>[v,l(t(h)),e("TresMesh",C,[I,N,l(t(c),r(_,{transform:"",occlude:[n.value]}),{default:a(()=>[R]),_:1},16,["occlude"])]),e("TresMesh",{ref_key:"sphereRef",ref:n,position:[4,1,1]},[k,G,l(t(c),r(_,{transform:""}),{default:a(()=>[b]),_:1},16)],512),e("TresMesh",{ref_key:"torusRef",ref:d,position:[7,1,1]},V,512),z]),_:1},16))}});const E=g(A,[["__scopeId","data-v-f4d85785"]]);export{E as default};

1
dist/static/index-44558ba5.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
dist/static/index-955f9310.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/static/loading.vue_vue_type_script_setup_true_lang-85b12253.js → dist/static/loading.vue_vue_type_script_setup_true_lang-c55fdfd4.js vendored
View File

@ -1 +1 @@
import{Y as r,ak as l,w as _,o as d,s as p,B as u,an as y,G as f,H as h,I as t,U as i,E as m,t as v,a as w,ao as x}from"./vendor-19b019cc.js";import{v as g}from"./trescientos-214666d1.js";const k={style:{"background-color":"black"},class:"absolute bg-grey-600 t-0 l-0 w-full h-full z-20 flex justify-center items-center text-black font-mono"},b={class:"w-200px text-white"},V=r({__name:"loading",async setup(B){let a,e;const{hasFinishLoading:c,progress:s}=([a,e]=l(()=>g()),a=await a,e(),a);return _(()=>s.value,async(o,n)=>{console.log(o,n)}),(o,n)=>(d(),p(y,{name:"fade-overlay","enter-active-class":"opacity-1 transition-opacity duration-100","leave-active-class":"opacity-0 transition-opacity duration-200"},{default:u(()=>[f(i("div",k,[i("div",b,[m(" 载入中... "+v(t(s))+" % ",1),w(t(x),{class:"text-yellow"})])],512),[[h,!t(c)]])]),_:1}))}});export{V as _};
import{Y as r,ak as l,w as _,o as d,s as p,B as u,an as y,G as f,H as h,I as t,U as i,E as m,t as v,a as w,ao as x}from"./vendor-19b019cc.js";import{v as g}from"./trescientos-a922f233.js";const k={style:{"background-color":"black"},class:"absolute bg-grey-600 t-0 l-0 w-full h-full z-20 flex justify-center items-center text-black font-mono"},b={class:"w-200px text-white"},V=r({__name:"loading",async setup(B){let a,e;const{hasFinishLoading:c,progress:s}=([a,e]=l(()=>g()),a=await a,e(),a);return _(()=>s.value,async(o,n)=>{console.log(o,n)}),(o,n)=>(d(),p(y,{name:"fade-overlay","enter-active-class":"opacity-1 transition-opacity duration-100","leave-active-class":"opacity-0 transition-opacity duration-200"},{default:u(()=>[f(i("div",k,[i("div",b,[m(" 载入中... "+v(t(s))+" % ",1),w(t(x),{class:"text-yellow"})])],512),[[h,!t(c)]])]),_:1}))}});export{V as _};

1
dist/static/loadingA-3bdc9bba.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
dist/static/loadingA-92eda2c4.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/static/lowpolyPlanet-6475bc7d.js → dist/static/lowpolyPlanet-a6ff2556.js vendored
View File

@ -1 +1 @@
import{c as S,a as M,l as B,x as C,Q as k}from"./trescientos-214666d1.js";import{S as $,P as j}from"./three.module-d47ac97c.js";import{_ as W}from"./loading.vue_vue_type_script_setup_true_lang-85b12253.js";import{Y as y,ak as b,w as z,o as _,c as f,I as p,ad as v,U as w,a as u,C as x,D as A,B as P,aa as F,s as I,al as T}from"./vendor-19b019cc.js";const N=["object"],Q=.2,R=y({__name:"airplane",props:{planet:{}},async setup(h){let e,i;const n=h,{scene:a}=([e,i]=b(()=>S("./plugins/earthSample/model/lowpolyPlanet/airplane.gltf")),e=await e,i(),e),t=a;t.rotation.set(0,Math.PI,0),a.traverse(s=>{s.isMesh&&(s.castShadow=!0)}),t.updateMatrixWorld();const{onLoop:c}=M();z(()=>n.planet,s=>{var d;if(!s)return;s.geometry.computeBoundingSphere();const r=Math.abs(((d=s.geometry.boundingSphere)==null?void 0:d.radius)|1);t.position.set(r,0,0),t.lookAt(s.position)});let o=0;return c(({delta:s})=>{if(!t||!n.planet)return;const r=Math.abs(n.planet.geometry.boundingSphere.radius)+.5;o+=s*Q;const d=r*Math.cos(o),l=r*Math.sin(o);t.position.x=d,t.position.z=l,t.rotation.z=-Math.PI/2,t.rotation.y=-o,t.updateMatrixWorld()}),(s,r)=>(_(),f("primitive",{object:p(t)},null,8,N))}}),D=["object"],E=y({__name:"cloud",props:{planet:{}},async setup(h){let e,i;const n=h,{scene:a}=([e,i]=b(()=>S("./plugins/earthSample/model/lowpolyPlanet/cloud.gltf")),e=await e,i(),e);v();const t=a.children[0];t.castShadow=!0;function c(l,m){const g=Math.random()*(m-l)+l;return Math.random()<.5?-g:g}t.position.set(c(-8,8),c(.5,1),c(-8,8));const o=c(.5,1);t.scale.set(o,o,o),t.updateMatrixWorld(),z(()=>n.planet,l=>{l&&(t.lookAt(l.position),t.updateMatrixWorld())});const{onLoop:s}=M();let r=c(-1,1)*Math.PI;const d=Math.random()/10;return s(({delta:l})=>{if(!t)return;const m=Math.abs(n.planet.geometry.boundingSphere.radius-.5);r+=l*d;const g=m*Math.cos(r),L=m*Math.sin(r);t.position.x=g,t.position.z=L,t.rotation.y=-r,t.lookAt(n.planet.position),t.updateMatrixWorld()}),(l,m)=>(_(),f("primitive",{object:p(a),"cast-shadow":""},null,8,D))}}),V=["object"],G=y({__name:"planet",async setup(h){let e,i;const{nodes:n}=([e,i]=b(()=>S("./plugins/earthSample/model/lowpolyPlanet/planet.gltf")),e=await e,i(),e),a=n.Planet,t=n.Icosphere;a.traverse(o=>{o.isMesh&&(o.receiveShadow=!0)});const{onLoop:c}=M();return c(({delta:o})=>{a&&(a.rotation.y+=o*.04,a.rotation.z+=o*.02,a.rotation.x+=o*.05,a.updateMatrixWorld())}),(o,s)=>(_(),f(x,null,[w("primitive",{object:p(a)},null,8,V),u(R,{planet:p(t)},null,8,["planet"]),(_(),f(x,null,A([1,2,3,4,5,6,7,8,9],r=>u(E,{key:r,planet:p(t)},null,8,["planet"])),64))],64))}}),U=w("TresPerspectiveCamera",{position:[0,1,5],fov:75,near:.1,far:1e3},null,-1),Y=w("TresAmbientLight",{color:"#484068",intensity:1},null,-1),q=w("TresPointLight",{color:"#1BFFEF",position:[0,0,-8],intensity:80,"cast-shadow":""},null,-1),H=w("TresDirectionalLight",{position:[0,2,4],intensity:3,"cast-shadow":"","shadow-mapSize-width":2048,"shadow-mapSize-height":2048},null,-1),Z=y({__name:"lowpolyPlanet",setup(h){const e={clearColor:"#11101B",shadows:!0,alpha:!1,outputColorSpace:$,shadowMapType:j,useLegacyLights:!0},i=v(0);return M().onLoop(({delta:n})=>{i.value+=.02*n}),(n,a)=>(_(),f(x,null,[u(W),u(p(B),F(e,{"window-size":""}),{default:P(()=>[U,u(p(C)),Y,(_(),I(T,null,{default:P(()=>[u(G)]),_:1})),u(p(k),{rotation:[0,i.value,0],radius:50,depth:50,count:5e3,size:.3,"size-attenuation":!0},null,8,["rotation"]),q,H]),_:1},16)],64))}});export{Z as default};
import{c as S,a as M,l as B,x as C,Q as k}from"./trescientos-a922f233.js";import{S as $,P as j}from"./three.module-cbea6429.js";import{_ as W}from"./loading.vue_vue_type_script_setup_true_lang-c55fdfd4.js";import{Y as y,ak as b,w as z,o as _,c as f,I as p,ad as v,U as w,a as u,C as x,D as A,B as P,aa as F,s as I,al as T}from"./vendor-19b019cc.js";const N=["object"],Q=.2,R=y({__name:"airplane",props:{planet:{}},async setup(h){let e,i;const n=h,{scene:a}=([e,i]=b(()=>S("./plugins/earthSample/model/lowpolyPlanet/airplane.gltf")),e=await e,i(),e),t=a;t.rotation.set(0,Math.PI,0),a.traverse(s=>{s.isMesh&&(s.castShadow=!0)}),t.updateMatrixWorld();const{onLoop:c}=M();z(()=>n.planet,s=>{var d;if(!s)return;s.geometry.computeBoundingSphere();const r=Math.abs(((d=s.geometry.boundingSphere)==null?void 0:d.radius)|1);t.position.set(r,0,0),t.lookAt(s.position)});let o=0;return c(({delta:s})=>{if(!t||!n.planet)return;const r=Math.abs(n.planet.geometry.boundingSphere.radius)+.5;o+=s*Q;const d=r*Math.cos(o),l=r*Math.sin(o);t.position.x=d,t.position.z=l,t.rotation.z=-Math.PI/2,t.rotation.y=-o,t.updateMatrixWorld()}),(s,r)=>(_(),f("primitive",{object:p(t)},null,8,N))}}),D=["object"],E=y({__name:"cloud",props:{planet:{}},async setup(h){let e,i;const n=h,{scene:a}=([e,i]=b(()=>S("./plugins/earthSample/model/lowpolyPlanet/cloud.gltf")),e=await e,i(),e);v();const t=a.children[0];t.castShadow=!0;function c(l,m){const g=Math.random()*(m-l)+l;return Math.random()<.5?-g:g}t.position.set(c(-8,8),c(.5,1),c(-8,8));const o=c(.5,1);t.scale.set(o,o,o),t.updateMatrixWorld(),z(()=>n.planet,l=>{l&&(t.lookAt(l.position),t.updateMatrixWorld())});const{onLoop:s}=M();let r=c(-1,1)*Math.PI;const d=Math.random()/10;return s(({delta:l})=>{if(!t)return;const m=Math.abs(n.planet.geometry.boundingSphere.radius-.5);r+=l*d;const g=m*Math.cos(r),L=m*Math.sin(r);t.position.x=g,t.position.z=L,t.rotation.y=-r,t.lookAt(n.planet.position),t.updateMatrixWorld()}),(l,m)=>(_(),f("primitive",{object:p(a),"cast-shadow":""},null,8,D))}}),V=["object"],G=y({__name:"planet",async setup(h){let e,i;const{nodes:n}=([e,i]=b(()=>S("./plugins/earthSample/model/lowpolyPlanet/planet.gltf")),e=await e,i(),e),a=n.Planet,t=n.Icosphere;a.traverse(o=>{o.isMesh&&(o.receiveShadow=!0)});const{onLoop:c}=M();return c(({delta:o})=>{a&&(a.rotation.y+=o*.04,a.rotation.z+=o*.02,a.rotation.x+=o*.05,a.updateMatrixWorld())}),(o,s)=>(_(),f(x,null,[w("primitive",{object:p(a)},null,8,V),u(R,{planet:p(t)},null,8,["planet"]),(_(),f(x,null,A([1,2,3,4,5,6,7,8,9],r=>u(E,{key:r,planet:p(t)},null,8,["planet"])),64))],64))}}),U=w("TresPerspectiveCamera",{position:[0,1,5],fov:75,near:.1,far:1e3},null,-1),Y=w("TresAmbientLight",{color:"#484068",intensity:1},null,-1),q=w("TresPointLight",{color:"#1BFFEF",position:[0,0,-8],intensity:80,"cast-shadow":""},null,-1),H=w("TresDirectionalLight",{position:[0,2,4],intensity:3,"cast-shadow":"","shadow-mapSize-width":2048,"shadow-mapSize-height":2048},null,-1),Z=y({__name:"lowpolyPlanet",setup(h){const e={clearColor:"#11101B",shadows:!0,alpha:!1,outputColorSpace:$,shadowMapType:j,useLegacyLights:!0},i=v(0);return M().onLoop(({delta:n})=>{i.value+=.02*n}),(n,a)=>(_(),f(x,null,[u(W),u(p(B),F(e,{"window-size":""}),{default:P(()=>[U,u(p(C)),Y,(_(),I(T,null,{default:P(()=>[u(G)]),_:1})),u(p(k),{rotation:[0,i.value,0],radius:50,depth:50,count:5e3,size:.3,"size-attenuation":!0},null,8,["rotation"]),q,H]),_:1},16)],64))}});export{Z as default};

2
dist/static/mapControls-16c542c6.js → dist/static/mapControls-15fb2762.js vendored
View File

@ -1 +1 @@
import{l as r,E as n,z as l}from"./trescientos-214666d1.js";import{S as p,N as i}from"./three.module-d47ac97c.js";import{Y as c,o as _,s as m,B as o,aa as u,I as a,a as s,U as e}from"./vendor-19b019cc.js";const d=e("TresPerspectiveCamera",{position:[3,3,3]},null,-1),f=e("TresMeshNormalMaterial",null,null,-1),h=e("TresGridHelper",{args:[10,10]},null,-1),C=e("TresAmbientLight",{intensity:1},null,-1),w=c({__name:"mapControls",setup(g){const t={clearColor:"#82DBC5",alpha:!1,outputColorSpace:p,toneMapping:i};return(B,N)=>(_(),m(a(r),u(t,{"window-size":""}),{default:o(()=>[d,s(a(n)),s(a(l),{scale:.5},{default:o(()=>[f]),_:1}),h,C]),_:1},16))}});export{w as default};
import{l as r,E as n,z as l}from"./trescientos-a922f233.js";import{S as p,N as i}from"./three.module-cbea6429.js";import{Y as c,o as _,s as m,B as o,aa as u,I as a,a as s,U as e}from"./vendor-19b019cc.js";const d=e("TresPerspectiveCamera",{position:[3,3,3]},null,-1),f=e("TresMeshNormalMaterial",null,null,-1),h=e("TresGridHelper",{args:[10,10]},null,-1),C=e("TresAmbientLight",{intensity:1},null,-1),w=c({__name:"mapControls",setup(g){const t={clearColor:"#82DBC5",alpha:!1,outputColorSpace:p,toneMapping:i};return(B,N)=>(_(),m(a(r),u(t,{"window-size":""}),{default:o(()=>[d,s(a(n)),s(a(l),{scale:.5},{default:o(()=>[f]),_:1}),h,C]),_:1},16))}});export{w as default};

2
dist/static/menuA-573d82c4.js → dist/static/menuA-389c9220.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/static/orbitControls-3d6270a7.js → dist/static/orbitControls-66a67f10.js vendored
View File

@ -1 +1 @@
import{J as b,l as x,x as h}from"./trescientos-214666d1.js";import{B,S as _,N as P}from"./three.module-d47ac97c.js";import{Y as f,a9 as A,r as M,o as S,c as C,a as o,B as F,aa as m,I as s,C as I,U as i}from"./vendor-19b019cc.js";const z=i("TresPerspectiveCamera",{position:[3,3,3]},null,-1),D=i("TresGridHelper",null,null,-1),T=i("TresAmbientLight",{intensity:1},null,-1),k=f({__name:"orbitControls",setup(Z){const r={clearColor:"#82DBC5",shadows:!0,alpha:!1,shadowMapType:B,outputColorSpace:_,toneMapping:P},a=A({enableDamping:!0,dampingFactor:.05,enableZoom:!0,autoRotate:!1,autoRotateSpeed:2,maxPolarAngle:Math.PI,minPolarAngle:0,maxAzimuthAngle:Math.PI,minAzimuthAngle:-Math.PI,enablePan:!0,maxDistance:100,minDistance:0,minZoom:0,maxZoom:100,zoomSpeed:1,enableRotate:!0,rotateSpeed:1}),{pane:e}=b();e.addBinding(a,"enableDamping",{label:"启用阻尼"}),e.addBinding(a,"dampingFactor",{label:"阻尼系数",step:.01,min:0,max:1}),e.addBinding(a,"enableZoom",{label:"启用缩放"}),e.addBinding(a,"enablePan",{label:"启用移动"});const l=e.addFolder({title:"旋转"});l.addBinding(a,"autoRotate",{label:"自动旋转"}),l.addBinding(a,"autoRotateSpeed",{label:"自动旋转速度",step:.01,min:0,max:Math.PI});const n=e.addFolder({title:"角度"});n.addBinding(a,"maxPolarAngle",{label:"max极角",step:.01,min:0,max:Math.PI}),n.addBinding(a,"minPolarAngle",{label:"min极角",step:.01,min:0,max:Math.PI}),n.addBinding(a,"maxAzimuthAngle",{label:"max方位角",step:.01,min:0,max:2*Math.PI}),n.addBinding(a,"minAzimuthAngle",{label:"min方位角",step:.01,min:0,max:2*Math.PI});const d=e.addFolder({title:"距离"});d.addBinding(a,"maxDistance",{label:"最大距离",step:.01,min:0,max:100}),d.addBinding(a,"minDistance",{label:"最小距离",step:.01,min:0,max:100});const t=e.addFolder({title:"缩放"});t.addBinding(a,"enableZoom",{label:"开启"}),t.addBinding(a,"minZoom",{label:"最小",step:.01,min:0,max:10}),t.addBinding(a,"maxZoom",{label:"最大",step:.01,min:0,max:100}),t.addBinding(a,"zoomSpeed",{label:"速度",step:.01,min:0,max:20});function p(){}function c(){}function g(){}return(w,R)=>{const u=M("TresLeches");return S(),C(I,null,[o(u),o(s(x),m(r,{"window-size":""}),{default:F(()=>[z,o(s(h),m(a,{onChange:p,onStart:c,onEnd:g}),null,16),D,T]),_:1},16)],64)}}});export{k as default};
import{J as b,l as x,x as h}from"./trescientos-a922f233.js";import{B,S as _,N as P}from"./three.module-cbea6429.js";import{Y as f,a9 as A,r as M,o as S,c as C,a as o,B as F,aa as m,I as s,C as I,U as i}from"./vendor-19b019cc.js";const z=i("TresPerspectiveCamera",{position:[3,3,3]},null,-1),D=i("TresGridHelper",null,null,-1),T=i("TresAmbientLight",{intensity:1},null,-1),k=f({__name:"orbitControls",setup(Z){const r={clearColor:"#82DBC5",shadows:!0,alpha:!1,shadowMapType:B,outputColorSpace:_,toneMapping:P},a=A({enableDamping:!0,dampingFactor:.05,enableZoom:!0,autoRotate:!1,autoRotateSpeed:2,maxPolarAngle:Math.PI,minPolarAngle:0,maxAzimuthAngle:Math.PI,minAzimuthAngle:-Math.PI,enablePan:!0,maxDistance:100,minDistance:0,minZoom:0,maxZoom:100,zoomSpeed:1,enableRotate:!0,rotateSpeed:1}),{pane:e}=b();e.addBinding(a,"enableDamping",{label:"启用阻尼"}),e.addBinding(a,"dampingFactor",{label:"阻尼系数",step:.01,min:0,max:1}),e.addBinding(a,"enableZoom",{label:"启用缩放"}),e.addBinding(a,"enablePan",{label:"启用移动"});const l=e.addFolder({title:"旋转"});l.addBinding(a,"autoRotate",{label:"自动旋转"}),l.addBinding(a,"autoRotateSpeed",{label:"自动旋转速度",step:.01,min:0,max:Math.PI});const n=e.addFolder({title:"角度"});n.addBinding(a,"maxPolarAngle",{label:"max极角",step:.01,min:0,max:Math.PI}),n.addBinding(a,"minPolarAngle",{label:"min极角",step:.01,min:0,max:Math.PI}),n.addBinding(a,"maxAzimuthAngle",{label:"max方位角",step:.01,min:0,max:2*Math.PI}),n.addBinding(a,"minAzimuthAngle",{label:"min方位角",step:.01,min:0,max:2*Math.PI});const d=e.addFolder({title:"距离"});d.addBinding(a,"maxDistance",{label:"最大距离",step:.01,min:0,max:100}),d.addBinding(a,"minDistance",{label:"最小距离",step:.01,min:0,max:100});const t=e.addFolder({title:"缩放"});t.addBinding(a,"enableZoom",{label:"开启"}),t.addBinding(a,"minZoom",{label:"最小",step:.01,min:0,max:10}),t.addBinding(a,"maxZoom",{label:"最大",step:.01,min:0,max:100}),t.addBinding(a,"zoomSpeed",{label:"速度",step:.01,min:0,max:20});function p(){}function c(){}function g(){}return(w,R)=>{const u=M("TresLeches");return S(),C(I,null,[o(u),o(s(x),m(r,{"window-size":""}),{default:F(()=>[z,o(s(h),m(a,{onChange:p,onStart:c,onEnd:g}),null,16),D,T]),_:1},16)],64)}}});export{k as default};

2
dist/static/pagesShow.vue_vue_type_style_index_0_lang-cac682c1.js → dist/static/pagesShow.vue_vue_type_style_index_0_lang-abc71cba.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/static/penetrateEvent-c8aba941.js → dist/static/penetrateEvent-cd5e8ae3.js vendored
View File

@ -1 +1 @@
import{P as i,l as _,n as c,x as d}from"./trescientos-214666d1.js";import{Y as u,j as p,o as m,s as h,B as a,I as t,U as e,a as r,a8 as x}from"./vendor-19b019cc.js";import"./three.module-d47ac97c.js";const f=e("TresPerspectiveCamera",{"look-at":[0,4,0]},null,-1),B=["blocks-pointer-events"],T=e("TresBoxGeometry",{args:[1,1,1]},null,-1),g=e("TresMeshNormalMaterial",null,null,-1),v=[T,g],b=e("TresBoxGeometry",{args:[1,1,1]},null,-1),k=e("TresMeshNormalMaterial",null,null,-1),M=e("h1",{class:"bg-white text-xs p-0.5 rounded -mt-10"}," Box2 📦 ",-1),w=e("TresGridHelper",null,null,-1),C=e("TresAmbientLight",{intensity:1},null,-1),j=u({__name:"penetrateEvent",setup(N){const l=s=>{console.log(s),x.info(s)},o=p(!0);return new i({title:"穿透事件",expanded:!0}).addBinding(o,"value",{label:"Box2📦可点"}),(s,n)=>(m(),h(t(_),{"window-size":""},{default:a(()=>[f,e("TresMesh",{position:[0,1,0],"blocks-pointer-events":!o.value},v,8,B),e("TresMesh",{position:[-2,0,-2],name:"box 2",onClick:n[0]||(n[0]=y=>l("点击了 Box2 📦"))},[b,k,r(t(c),{center:!0,transform:""},{default:a(()=>[M]),_:1})]),r(t(d)),w,C]),_:1}))}});export{j as default};
import{P as i,l as _,n as c,x as d}from"./trescientos-a922f233.js";import{Y as u,j as p,o as m,s as h,B as a,I as t,U as e,a as r,a8 as x}from"./vendor-19b019cc.js";import"./three.module-cbea6429.js";const f=e("TresPerspectiveCamera",{"look-at":[0,4,0]},null,-1),B=["blocks-pointer-events"],T=e("TresBoxGeometry",{args:[1,1,1]},null,-1),g=e("TresMeshNormalMaterial",null,null,-1),v=[T,g],b=e("TresBoxGeometry",{args:[1,1,1]},null,-1),k=e("TresMeshNormalMaterial",null,null,-1),M=e("h1",{class:"bg-white text-xs p-0.5 rounded -mt-10"}," Box2 📦 ",-1),w=e("TresGridHelper",null,null,-1),C=e("TresAmbientLight",{intensity:1},null,-1),j=u({__name:"penetrateEvent",setup(N){const l=s=>{console.log(s),x.info(s)},o=p(!0);return new i({title:"穿透事件",expanded:!0}).addBinding(o,"value",{label:"Box2📦可点"}),(s,n)=>(m(),h(t(_),{"window-size":""},{default:a(()=>[f,e("TresMesh",{position:[0,1,0],"blocks-pointer-events":!o.value},v,8,B),e("TresMesh",{position:[-2,0,-2],name:"box 2",onClick:n[0]||(n[0]=y=>l("点击了 Box2 📦"))},[b,k,r(t(c),{center:!0,transform:""},{default:a(()=>[M]),_:1})]),r(t(d)),w,C]),_:1}))}});export{j as default};

1
dist/static/polyfills-48f7923c.js vendored
View File

File diff suppressed because one or more lines are too long

1
dist/static/polyfills-db4f09e8.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

2
dist/static/radars-e1abb927.js → dist/static/radars-fcba5ba1.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/static/scrollControls-279f22e7.js → dist/static/scrollControls-14c19493.js vendored
View File

@ -1 +1 @@
import{a as m,l as v,Q as h,A as g,z as C,I as x}from"./trescientos-214666d1.js";import{S,N as I}from"./three.module-d47ac97c.js";import{Y as R,j as n,ae as y,o as k,c as w,a as s,B as p,aa as B,I as a,C as V,ai as N,aj as j,U as e,_ as z}from"./vendor-19b019cc.js";const r=l=>(N("data-v-3a9657c1"),l=l(),j(),l),T=r(()=>e("TresPerspectiveCamera",{position:[0,2,5]},null,-1)),b=r(()=>e("TresGridHelper",{args:[10,10]},null,-1)),A=r(()=>e("main",null,[e("section",null,[e("h1",null,"First section")]),e("section",null,[e("h2",null,"Second section")])],-1)),E=R({__name:"scrollControls",setup(l){const u=n(),i=n(),t=n(),o=n(0);y(()=>{console.log("jaime ~ progress:",o.value)});const _={clearColor:"#333",alpha:!0,outputColorSpace:S,toneMapping:I},{onLoop:d}=m();return d(()=>{t.value&&(t.value.value.rotation.x=o.value*10,t.value.value.rotation.y=o.value*2)}),(F,c)=>(k(),w(V,null,[s(a(v),B(_,{"window-size":"",class:"canvas-class"}),{default:p(()=>[T,s(a(h),{radius:1}),b,s(a(g),{ref_key:"scRef",ref:u,modelValue:o.value,"onUpdate:modelValue":c[0]||(c[0]=f=>o.value=f),distance:10,"smooth-scroll":.1,"html-scroll":""},{default:p(()=>[s(a(C),{ref_key:"sphereRef",ref:i,scale:.1,position:[1,2,0]},null,512),s(a(x),{ref_key:"boxRef",ref:t,scale:.5,color:16711935,position:[-1,1,0]},null,512)]),_:1},8,["modelValue"])]),_:1},16),A],64))}});const Q=z(E,[["__scopeId","data-v-3a9657c1"]]);export{Q as default};
import{a as m,l as v,Q as h,A as g,z as C,I as x}from"./trescientos-a922f233.js";import{S,N as I}from"./three.module-cbea6429.js";import{Y as R,j as n,ae as y,o as k,c as w,a as s,B as p,aa as B,I as a,C as V,ai as N,aj as j,U as e,_ as z}from"./vendor-19b019cc.js";const r=l=>(N("data-v-3a9657c1"),l=l(),j(),l),T=r(()=>e("TresPerspectiveCamera",{position:[0,2,5]},null,-1)),b=r(()=>e("TresGridHelper",{args:[10,10]},null,-1)),A=r(()=>e("main",null,[e("section",null,[e("h1",null,"First section")]),e("section",null,[e("h2",null,"Second section")])],-1)),E=R({__name:"scrollControls",setup(l){const u=n(),i=n(),t=n(),o=n(0);y(()=>{console.log("jaime ~ progress:",o.value)});const _={clearColor:"#333",alpha:!0,outputColorSpace:S,toneMapping:I},{onLoop:d}=m();return d(()=>{t.value&&(t.value.value.rotation.x=o.value*10,t.value.value.rotation.y=o.value*2)}),(F,c)=>(k(),w(V,null,[s(a(v),B(_,{"window-size":"",class:"canvas-class"}),{default:p(()=>[T,s(a(h),{radius:1}),b,s(a(g),{ref_key:"scRef",ref:u,modelValue:o.value,"onUpdate:modelValue":c[0]||(c[0]=f=>o.value=f),distance:10,"smooth-scroll":.1,"html-scroll":""},{default:p(()=>[s(a(C),{ref_key:"sphereRef",ref:i,scale:.1,position:[1,2,0]},null,512),s(a(x),{ref_key:"boxRef",ref:t,scale:.5,color:16711935,position:[-1,1,0]},null,512)]),_:1},8,["modelValue"])]),_:1},16),A],64))}});const Q=z(E,[["__scopeId","data-v-3a9657c1"]]);export{Q as default};

2
dist/static/shaderParticles-bf260534.js → dist/static/shaderParticles-99f41c9d.js vendored
View File

@ -1 +1 @@
import{a as c,l as d,x as u}from"./trescientos-214666d1.js";import{A as m}from"./three.module-d47ac97c.js";import{Y as f,a9 as p,o as h,s as _,B as v,aa as P,I as t,a as g,U as o,ab as x,ac as w}from"./vendor-19b019cc.js";const T=o("TresPerspectiveCamera",{position:[5,5,5],fov:45,near:.1,far:1e3,"look-at":[-8,3,-3]},null,-1),S=o("TresAmbientLight",{intensity:.5},null,-1),C={position:[-2,-2,-2]},M=["position","a-scale"],y=o("TresDirectionalLight",{position:[0,2,4],intensity:1,"cast-shadow":""},null,-1),z=o("TresGridHelper",null,null,-1),a=3e3,j=f({__name:"shaderParticles",setup(A){const r=p({clearColor:"black",shadows:!0,alpha:!1}),n={transparent:!0,blending:m,depthWrite:!1,vertexShader:"\n uniform float uPixelRatio;\n uniform float uSize;\n uniform float uTime;\n attribute float aScale;\n\n void main()\n {\n vec4 modelPosition = modelMatrix * vec4(position, 1.0);\n modelPosition.y += sin(uTime + modelPosition.x * 100.0) * aScale * 0.2;\n vec4 viewPosition = viewMatrix * modelPosition;\n vec4 projectionPosition = projectionMatrix * viewPosition;\n\n gl_Position = projectionPosition;\n gl_PointSize = aScale * uSize * uPixelRatio;\n gl_PointSize *= (1.0 / - viewPosition.z);\n }\n ",fragmentShader:"\n void main()\n {\n float distanceToCenter = distance(gl_PointCoord, vec2(0.5));\n float strength = 0.05 / distanceToCenter - 0.1;\n\n gl_FragColor = vec4(1.0, 1.0, 1.0, strength);\n }\n ",uniforms:{uSize:{value:100},uPixelRatio:{value:Math.min(window.devicePixelRatio,2)},uTime:{value:0}}},i=new Float32Array(a*3),s=new Float32Array(a);for(let e=0;e<a;e++)i[e*3+0]=Math.random()*4,i[e*3+1]=Math.random()*4,i[e*3+2]=Math.random()*4,s[e]=Math.random();const{onLoop:l}=c();return l(({elapsed:e})=>{n.uniforms.uTime.value=e}),(e,B)=>(h(),_(t(d),P(r,{"window-size":""}),{default:v(()=>[T,g(t(u)),S,o("TresPoints",C,[o("TresBufferGeometry",{position:[t(i),3],"a-scale":[t(s),1]},null,8,M),o("TresShaderMaterial",x(w(n)),null,16)]),y,z]),_:1},16))}});export{j as default};
import{a as c,l as d,x as u}from"./trescientos-a922f233.js";import{A as m}from"./three.module-cbea6429.js";import{Y as f,a9 as p,o as h,s as _,B as v,aa as P,I as t,a as g,U as o,ab as x,ac as w}from"./vendor-19b019cc.js";const T=o("TresPerspectiveCamera",{position:[5,5,5],fov:45,near:.1,far:1e3,"look-at":[-8,3,-3]},null,-1),S=o("TresAmbientLight",{intensity:.5},null,-1),C={position:[-2,-2,-2]},M=["position","a-scale"],y=o("TresDirectionalLight",{position:[0,2,4],intensity:1,"cast-shadow":""},null,-1),z=o("TresGridHelper",null,null,-1),a=3e3,j=f({__name:"shaderParticles",setup(A){const r=p({clearColor:"black",shadows:!0,alpha:!1}),n={transparent:!0,blending:m,depthWrite:!1,vertexShader:"\n uniform float uPixelRatio;\n uniform float uSize;\n uniform float uTime;\n attribute float aScale;\n\n void main()\n {\n vec4 modelPosition = modelMatrix * vec4(position, 1.0);\n modelPosition.y += sin(uTime + modelPosition.x * 100.0) * aScale * 0.2;\n vec4 viewPosition = viewMatrix * modelPosition;\n vec4 projectionPosition = projectionMatrix * viewPosition;\n\n gl_Position = projectionPosition;\n gl_PointSize = aScale * uSize * uPixelRatio;\n gl_PointSize *= (1.0 / - viewPosition.z);\n }\n ",fragmentShader:"\n void main()\n {\n float distanceToCenter = distance(gl_PointCoord, vec2(0.5));\n float strength = 0.05 / distanceToCenter - 0.1;\n\n gl_FragColor = vec4(1.0, 1.0, 1.0, strength);\n }\n ",uniforms:{uSize:{value:100},uPixelRatio:{value:Math.min(window.devicePixelRatio,2)},uTime:{value:0}}},i=new Float32Array(a*3),s=new Float32Array(a);for(let e=0;e<a;e++)i[e*3+0]=Math.random()*4,i[e*3+1]=Math.random()*4,i[e*3+2]=Math.random()*4,s[e]=Math.random();const{onLoop:l}=c();return l(({elapsed:e})=>{n.uniforms.uTime.value=e}),(e,B)=>(h(),_(t(d),P(r,{"window-size":""}),{default:v(()=>[T,g(t(u)),S,o("TresPoints",C,[o("TresBufferGeometry",{position:[t(i),3],"a-scale":[t(s),1]},null,8,M),o("TresShaderMaterial",x(w(n)),null,16)]),y,z]),_:1},16))}});export{j as default};

2
dist/static/simpleExample-9afbd622.js → dist/static/simpleExample-18009a00.js vendored
View File

@ -1 +1 @@
import{a as u,l as m,x as f}from"./trescientos-214666d1.js";import{T as d,K as h,D as g,S as v,P as y}from"./three.module-d47ac97c.js";import{Y as S,o as C,s as w,B as M,aa as _,I as c,a as x,U as i,ab as P,ac as b}from"./vendor-19b019cc.js";const l={segments:30,w:256,h:256},T=()=>{const e=new Array;for(let o=0;o<l.segments;o++)e[o]=parseInt(Math.random()*25+10);return e},G=(e,o)=>{let{x:r,y:t,radius:a,weight:n}=o;a=parseInt(a*n);const s=e.createRadialGradient(r,t,0,r,t,a);s.addColorStop(0,"rgba(255, 255, 0, 1)"),s.addColorStop(1,"rgba(255, 0, 0, 0)"),e.fillStyle=s,e.globalAlpha=n,e.beginPath(),e.arc(r,t,a,0,2*Math.PI),e.closePath(),e.fill()},U=()=>{const e={1:"#f00",.8:"#e2fa00",.6:"#33f900",.3:"#0349df",0:"#fff"},o=256,r=10,t=document.createElement("canvas");t.width=o,t.height=r,t.style.position="absolute",t.style.top="0",t.style.right="0";const a=t.getContext("2d"),n=a.createLinearGradient(0,0,o,0);for(const p in e)n.addColorStop(p,e[p]);a.fillStyle=n,a.fillRect(0,0,o,r),document.body.appendChild(t);const s=new d(t);return s.minFilter=h,s.needsUpdate=!0,s},D=()=>{const e=document.createElement("canvas");e.width=l.w,e.height=l.h,e.style.position="absolute",e.style.top="20px",e.style.right="0";const o=e.getContext("2d"),r=T();for(let a=0;a<l.segments;a++){const n=r[a]/35,s=Math.random()*l.w,p=Math.random()*l.h;G(o,{x:s,y:p,radius:80,weight:n})}document.body.appendChild(e);const t=new d(e);return t.minFilter=h,t.needsUpdate=!0,t},L=i("TresPerspectiveCamera",{position:[0,0,3e3],fov:40,near:.1,far:1e4},null,-1),R=i("TresAmbientLight",{color:"#eef0ff",intensity:1},null,-1),A=i("TresPlaneGeometry",{args:[1500,1500]},null,-1),I=S({__name:"simpleExample",setup(e){const o={clearColor:"#030311",shadows:!0,alpha:!1,outputColorSpace:v,shadowMapType:y,useLegacyLights:!0};u().onLoop(({delta:a})=>{});const r={transparent:!0,side:g,vertexShader:"\n varying vec2 vUv;\n void main() {\n vUv = uv;\n gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n }",fragmentShader:"\n #ifdef GL_ES\n precision highp float;\n #endif\n varying vec2 vUv;\n uniform sampler2D alphaScaleMap;\n uniform sampler2D paletteMap;\n void main() {\n vec4 alphaColor = texture2D(alphaScaleMap, vUv);\n vec4 color = texture2D(paletteMap, vec2(alphaColor.a, 0.0));\n gl_FragColor = vec4(color.r, color.g, color.b, alphaColor.a);\n }",uniforms:{alphaScaleMap:{type:"t",value:D()},paletteMap:{type:"t",value:U()}}};function t(a){a&&console.log(a)}return(a,n)=>(C(),w(c(m),_(o,{"window-size":""}),{default:M(()=>[L,x(c(f),{autoRotate:!0,autoRotateSpeed:2}),R,i("TresMesh",{position:[0,0,10],onPointerMove:t},[A,i("TresShaderMaterial",P(b(r)),null,16)],32)]),_:1},16))}});export{I as default};
import{a as u,l as m,x as f}from"./trescientos-a922f233.js";import{T as d,K as h,D as g,S as v,P as y}from"./three.module-cbea6429.js";import{Y as S,o as C,s as w,B as M,aa as _,I as c,a as x,U as i,ab as P,ac as b}from"./vendor-19b019cc.js";const l={segments:30,w:256,h:256},T=()=>{const e=new Array;for(let o=0;o<l.segments;o++)e[o]=parseInt(Math.random()*25+10);return e},G=(e,o)=>{let{x:r,y:t,radius:a,weight:n}=o;a=parseInt(a*n);const s=e.createRadialGradient(r,t,0,r,t,a);s.addColorStop(0,"rgba(255, 255, 0, 1)"),s.addColorStop(1,"rgba(255, 0, 0, 0)"),e.fillStyle=s,e.globalAlpha=n,e.beginPath(),e.arc(r,t,a,0,2*Math.PI),e.closePath(),e.fill()},U=()=>{const e={1:"#f00",.8:"#e2fa00",.6:"#33f900",.3:"#0349df",0:"#fff"},o=256,r=10,t=document.createElement("canvas");t.width=o,t.height=r,t.style.position="absolute",t.style.top="0",t.style.right="0";const a=t.getContext("2d"),n=a.createLinearGradient(0,0,o,0);for(const p in e)n.addColorStop(p,e[p]);a.fillStyle=n,a.fillRect(0,0,o,r),document.body.appendChild(t);const s=new d(t);return s.minFilter=h,s.needsUpdate=!0,s},D=()=>{const e=document.createElement("canvas");e.width=l.w,e.height=l.h,e.style.position="absolute",e.style.top="20px",e.style.right="0";const o=e.getContext("2d"),r=T();for(let a=0;a<l.segments;a++){const n=r[a]/35,s=Math.random()*l.w,p=Math.random()*l.h;G(o,{x:s,y:p,radius:80,weight:n})}document.body.appendChild(e);const t=new d(e);return t.minFilter=h,t.needsUpdate=!0,t},L=i("TresPerspectiveCamera",{position:[0,0,3e3],fov:40,near:.1,far:1e4},null,-1),R=i("TresAmbientLight",{color:"#eef0ff",intensity:1},null,-1),A=i("TresPlaneGeometry",{args:[1500,1500]},null,-1),I=S({__name:"simpleExample",setup(e){const o={clearColor:"#030311",shadows:!0,alpha:!1,outputColorSpace:v,shadowMapType:y,useLegacyLights:!0};u().onLoop(({delta:a})=>{});const r={transparent:!0,side:g,vertexShader:"\n varying vec2 vUv;\n void main() {\n vUv = uv;\n gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n }",fragmentShader:"\n #ifdef GL_ES\n precision highp float;\n #endif\n varying vec2 vUv;\n uniform sampler2D alphaScaleMap;\n uniform sampler2D paletteMap;\n void main() {\n vec4 alphaColor = texture2D(alphaScaleMap, vUv);\n vec4 color = texture2D(paletteMap, vec2(alphaColor.a, 0.0));\n gl_FragColor = vec4(color.r, color.g, color.b, alphaColor.a);\n }",uniforms:{alphaScaleMap:{type:"t",value:D()},paletteMap:{type:"t",value:U()}}};function t(a){a&&console.log(a)}return(a,n)=>(C(),w(c(m),_(o,{"window-size":""}),{default:M(()=>[L,x(c(f),{autoRotate:!0,autoRotateSpeed:2}),R,i("TresMesh",{position:[0,0,10],onPointerMove:t},[A,i("TresShaderMaterial",P(b(r)),null,16)],32)]),_:1},16))}});export{I as default};

2
dist/static/theBasic-10b412f3.js → dist/static/theBasic-cc4b5125.js vendored
View File

@ -1 +1 @@
import{B as d,S as m,N as _}from"./three.module-d47ac97c.js";import{a as f,l as T,x as M}from"./trescientos-214666d1.js";import{Y as g,a9 as i,j as l,ad as w,ae as P,af as v,o as y,s as S,B as R,aa as x,I as c,a as b,ab as B,ac as D,U as e}from"./vendor-19b019cc.js";const k=e("TresPerspectiveCamera",{position:[15,15,15],fov:45,near:.1,far:1e3,"look-at":[0,0,0]},null,-1),A=e("TresAmbientLight",{intensity:.5},null,-1),L=e("TresSphereGeometry",{args:[2,32,32]},null,-1),z=e("TresMeshToonMaterial",{color:"#006060"},null,-1),C=[L,z],G=e("TresSphereGeometry",{args:[2,32,32]},null,-1),I=e("TresMeshToonMaterial",{color:"#006060"},null,-1),F=[G,I],N=["rotation"],Z=e("TresPlaneGeometry",{args:[20,20,20,20]},null,-1),j=e("TresMeshToonMaterial",null,null,-1),E=[Z,j],V=e("TresDirectionalLight",{position:[10,2,4],intensity:1,"cast-shadow":""},null,-1),H=e("TresGridHelper",null,null,-1),O=g({__name:"theBasic",setup(U){const h=i({clearColor:"#201919",shadows:!0,alpha:!1,shadowMapType:d,outputColorSpace:m,toneMapping:_}),p=i({enableDamping:!0,dampingFactor:.05,enableZoom:!0,autoRotate:!1,autoRotateSpeed:2,maxPolarAngle:Math.PI,minPolarAngle:0,maxAzimuthAngle:Math.PI,minAzimuthAngle:-Math.PI,enablePan:!0,keyPanSpeed:7,maxDistance:100,minDistance:0,minZoom:0,maxZoom:100,zoomSpeed:1,enableRotate:!0,rotateSpeed:1}),t=l(),s=l(),a=w(),{onLoop:u}=f();u(({elapsed:o})=>{t.value&&(t.value.position.y+=Math.sin(o)*.01,s.value.position.y+=Math.sin(o)*.01)});function n(o){o&&o.object.material.color.set("#DFFF45")}function r(o){o&&o.material.color.set("#006060")}return P(()=>{a.value&&(a.value.shadow.mapSize.set(1e3,1e3),a.value.shadow.camera.near=.5,a.value.shadow.camera.top=20,a.value.shadow.camera.right=20,a.value.shadow.camera.left=-20,a.value.shadow.camera.bottom=-20)}),v(()=>{}),(o,Y)=>(y(),S(c(T),x(h,{"window-size":""}),{default:R(()=>[k,b(c(M),B(D(p)),null,16),A,e("TresMesh",{ref_key:"sphereRef",ref:t,position:[0,4,0],"cast-shadow":"",onPointerEnter:n,onPointerLeave:r},C,544),e("TresMesh",{ref_key:"sphereRef2",ref:s,position:[4,4,0],"cast-shadow":"",onPointerEnter:n,onPointerLeave:r},F,544),e("TresMesh",{rotation:[-Math.PI/2,0,0],"receive-shadow":""},E,8,N),e("TresDirectionalLight",{ref_key:"TDirectionalLight",ref:a,position:[10,8,4],intensity:1,"cast-shadow":""},null,512),V,H]),_:1},16))}});export{O as default};
import{B as d,S as m,N as _}from"./three.module-cbea6429.js";import{a as f,l as T,x as M}from"./trescientos-a922f233.js";import{Y as g,a9 as i,j as l,ad as w,ae as P,af as v,o as y,s as S,B as R,aa as x,I as c,a as b,ab as B,ac as D,U as e}from"./vendor-19b019cc.js";const k=e("TresPerspectiveCamera",{position:[15,15,15],fov:45,near:.1,far:1e3,"look-at":[0,0,0]},null,-1),A=e("TresAmbientLight",{intensity:.5},null,-1),L=e("TresSphereGeometry",{args:[2,32,32]},null,-1),z=e("TresMeshToonMaterial",{color:"#006060"},null,-1),C=[L,z],G=e("TresSphereGeometry",{args:[2,32,32]},null,-1),I=e("TresMeshToonMaterial",{color:"#006060"},null,-1),F=[G,I],N=["rotation"],Z=e("TresPlaneGeometry",{args:[20,20,20,20]},null,-1),j=e("TresMeshToonMaterial",null,null,-1),E=[Z,j],V=e("TresDirectionalLight",{position:[10,2,4],intensity:1,"cast-shadow":""},null,-1),H=e("TresGridHelper",null,null,-1),O=g({__name:"theBasic",setup(U){const h=i({clearColor:"#201919",shadows:!0,alpha:!1,shadowMapType:d,outputColorSpace:m,toneMapping:_}),p=i({enableDamping:!0,dampingFactor:.05,enableZoom:!0,autoRotate:!1,autoRotateSpeed:2,maxPolarAngle:Math.PI,minPolarAngle:0,maxAzimuthAngle:Math.PI,minAzimuthAngle:-Math.PI,enablePan:!0,keyPanSpeed:7,maxDistance:100,minDistance:0,minZoom:0,maxZoom:100,zoomSpeed:1,enableRotate:!0,rotateSpeed:1}),t=l(),s=l(),a=w(),{onLoop:u}=f();u(({elapsed:o})=>{t.value&&(t.value.position.y+=Math.sin(o)*.01,s.value.position.y+=Math.sin(o)*.01)});function n(o){o&&o.object.material.color.set("#DFFF45")}function r(o){o&&o.material.color.set("#006060")}return P(()=>{a.value&&(a.value.shadow.mapSize.set(1e3,1e3),a.value.shadow.camera.near=.5,a.value.shadow.camera.top=20,a.value.shadow.camera.right=20,a.value.shadow.camera.left=-20,a.value.shadow.camera.bottom=-20)}),v(()=>{}),(o,Y)=>(y(),S(c(T),x(h,{"window-size":""}),{default:R(()=>[k,b(c(M),B(D(p)),null,16),A,e("TresMesh",{ref_key:"sphereRef",ref:t,position:[0,4,0],"cast-shadow":"",onPointerEnter:n,onPointerLeave:r},C,544),e("TresMesh",{ref_key:"sphereRef2",ref:s,position:[4,4,0],"cast-shadow":"",onPointerEnter:n,onPointerLeave:r},F,544),e("TresMesh",{rotation:[-Math.PI/2,0,0],"receive-shadow":""},E,8,N),e("TresDirectionalLight",{ref_key:"TDirectionalLight",ref:a,position:[10,8,4],intensity:1,"cast-shadow":""},null,512),V,H]),_:1},16))}});export{O as default};

2
dist/static/theConditional-9f47386e.js → dist/static/theConditional-5b20d9eb.js vendored
View File

@ -1 +1 @@
import{B as f,S as m,N as M,M as T}from"./three.module-d47ac97c.js";import{P as x,l as b,x as g}from"./trescientos-214666d1.js";import{Y as B,a9 as y,j as a,af as V,ag as v,ah as w,w as C,o as t,s as P,B as k,aa as G,I as i,U as e,c as r,V as n,a as N}from"./vendor-19b019cc.js";const S=e("TresPerspectiveCamera",{position:[11,11,11],fov:45,near:.1,far:1e3,"look-at":[-8,3,-3]},null,-1),L=e("TresDirectionalLight",{position:[0,8,4],intensity:.2,"cast-shadow":""},null,-1),R=["material"],E=e("TresBoxGeometry",{args:[1,1,1]},null,-1),I=[E],U={key:0,position:[4,0,0]},j=e("TresBoxGeometry",{args:[1,1,1]},null,-1),z=e("TresMeshToonMaterial",{color:"#efefef"},null,-1),A=[j,z],D={key:1,position:[4,1,0]},Y=e("TresBoxGeometry",{args:[1,1,1]},null,-1),$=e("TresMeshToonMaterial",{color:"#efefef"},null,-1),q=[Y,$],F={key:2,position:[0,-4,-5]},H=e("TresGroup",null,[e("TresMesh",{position:[0,0,0]},[e("TresBoxGeometry",{args:[1,1,1]}),e("TresMeshBasicMaterial",{color:"#efef11"})]),e("TresMesh",{position:[0,2,0]},[e("TresBoxGeometry",{args:[1,1,1]}),e("TresMeshBasicMaterial",{color:"#ef11ef"})])],-1),J=[H],K=e("TresAmbientLight",{intensity:.5},null,-1),Z=B({__name:"theConditional",setup(O){const d=y({clearColor:"#000000",shadows:!0,alpha:!1,shadowMapType:f,outputColorSpace:m,toneMapping:M,useLegacyLights:!1}),s=a({groupVisible:!0,boxPropMaterialVisible:!0}),_=a(null),l=a(!0);let o=null,c=null;V(()=>{o||(o=new x({title:"显隐参数",expanded:!0}),o.addBinding(l,"value",{label:"boxVisible"}),o.addBinding(s.value,"boxPropMaterialVisible"),o.addBinding(s.value,"groupVisible")),c=v().proxy}),w(()=>{o&&(o.dispose(),o=null)}),C(()=>l,(p,u)=>{u!==void 0&&(c.$refs.boxRef.visible=p.value)},{deep:!0});const h=new T({color:"#ff0000"});return(p,u)=>(t(),P(i(b),G(d,{"window-size":""}),{default:k(()=>[S,L,e("TresMesh",{ref_key:"boxRef",ref:_,position:[0,0,0],material:i(h)},I,8,R),s.value.boxPropMaterialVisible?(t(),r("TresMesh",U,A)):n("",!0),s.value.boxPropMaterialVisible?(t(),r("TresMesh",D,q)):n("",!0),s.value.groupVisible?(t(),r("TresGroup",F,J)):n("",!0),N(i(g)),K]),_:1},16))}});export{Z as default};
import{B as f,S as m,N as M,M as T}from"./three.module-cbea6429.js";import{P as x,l as b,x as g}from"./trescientos-a922f233.js";import{Y as B,a9 as y,j as a,af as V,ag as v,ah as w,w as C,o as t,s as P,B as k,aa as G,I as i,U as e,c as r,V as n,a as N}from"./vendor-19b019cc.js";const S=e("TresPerspectiveCamera",{position:[11,11,11],fov:45,near:.1,far:1e3,"look-at":[-8,3,-3]},null,-1),L=e("TresDirectionalLight",{position:[0,8,4],intensity:.2,"cast-shadow":""},null,-1),R=["material"],E=e("TresBoxGeometry",{args:[1,1,1]},null,-1),I=[E],U={key:0,position:[4,0,0]},j=e("TresBoxGeometry",{args:[1,1,1]},null,-1),z=e("TresMeshToonMaterial",{color:"#efefef"},null,-1),A=[j,z],D={key:1,position:[4,1,0]},Y=e("TresBoxGeometry",{args:[1,1,1]},null,-1),$=e("TresMeshToonMaterial",{color:"#efefef"},null,-1),q=[Y,$],F={key:2,position:[0,-4,-5]},H=e("TresGroup",null,[e("TresMesh",{position:[0,0,0]},[e("TresBoxGeometry",{args:[1,1,1]}),e("TresMeshBasicMaterial",{color:"#efef11"})]),e("TresMesh",{position:[0,2,0]},[e("TresBoxGeometry",{args:[1,1,1]}),e("TresMeshBasicMaterial",{color:"#ef11ef"})])],-1),J=[H],K=e("TresAmbientLight",{intensity:.5},null,-1),Z=B({__name:"theConditional",setup(O){const d=y({clearColor:"#000000",shadows:!0,alpha:!1,shadowMapType:f,outputColorSpace:m,toneMapping:M,useLegacyLights:!1}),s=a({groupVisible:!0,boxPropMaterialVisible:!0}),_=a(null),l=a(!0);let o=null,c=null;V(()=>{o||(o=new x({title:"显隐参数",expanded:!0}),o.addBinding(l,"value",{label:"boxVisible"}),o.addBinding(s.value,"boxPropMaterialVisible"),o.addBinding(s.value,"groupVisible")),c=v().proxy}),w(()=>{o&&(o.dispose(),o=null)}),C(()=>l,(p,u)=>{u!==void 0&&(c.$refs.boxRef.visible=p.value)},{deep:!0});const h=new T({color:"#ff0000"});return(p,u)=>(t(),P(i(b),G(d,{"window-size":""}),{default:k(()=>[S,L,e("TresMesh",{ref_key:"boxRef",ref:_,position:[0,0,0],material:i(h)},I,8,R),s.value.boxPropMaterialVisible?(t(),r("TresMesh",U,A)):n("",!0),s.value.boxPropMaterialVisible?(t(),r("TresMesh",D,q)):n("",!0),s.value.groupVisible?(t(),r("TresGroup",F,J)):n("",!0),N(i(g)),K]),_:1},16))}});export{Z as default};

2
dist/static/theEvents-9baf97c6.js → dist/static/theEvents-023149e9.js vendored
View File

@ -1 +1 @@
import{l as m,x as d}from"./trescientos-214666d1.js";import{B as C,S as g,N as B}from"./three.module-d47ac97c.js";import{Y as T,o,s as M,B as k,aa as w,I as c,a as x,c as n,D as a,C as s,U as t}from"./vendor-19b019cc.js";const P=t("TresPerspectiveCamera",{position:[11,11,11],"look-at":[0,0,0]},null,-1),S=["position"],y=t("TresBoxGeometry",{args:[1,1,1]},null,-1),L=t("TresMeshToonMaterial",{color:"#efefef"},null,-1),N=[y,L],b=t("TresDirectionalLight",{intensity:1},null,-1),E=t("TresAmbientLight",{intensity:1},null,-1),A=T({__name:"theEvents",setup(F){const p={clearColor:"#202020",shadows:!0,alpha:!1,shadowMapType:C,outputColorSpace:g,toneMapping:B};function u(e){e&&e.object.material.color.set("#008080")}function f(e){e&&e.object.material.color.set("#CCFF03")}function _(e){e&&e.material.color.set("#efefef")}function h(e){e&&console.log(e)}return(e,j)=>(o(),M(c(m),w(p,{"window-size":""}),{default:k(()=>[P,x(c(d)),(o(),n(s,null,a([-2.5,0,2.5],r=>(o(),n(s,null,[(o(),n(s,null,a([-2.5,0,2.5],i=>(o(),n(s,null,[(o(),n(s,null,a([-2.5,0,2.5],l=>t("TresMesh",{key:"".concat([r,i,l]),position:[r,i,l],onClick:u,onPointerEnter:f,onPointerLeave:_,onPointerMove:h},N,40,S)),64))],64))),64))],64))),64)),b,E]),_:1},16))}});export{A as default};
import{l as m,x as d}from"./trescientos-a922f233.js";import{B as C,S as g,N as B}from"./three.module-cbea6429.js";import{Y as T,o,s as M,B as k,aa as w,I as c,a as x,c as n,D as a,C as s,U as t}from"./vendor-19b019cc.js";const P=t("TresPerspectiveCamera",{position:[11,11,11],"look-at":[0,0,0]},null,-1),S=["position"],y=t("TresBoxGeometry",{args:[1,1,1]},null,-1),L=t("TresMeshToonMaterial",{color:"#efefef"},null,-1),N=[y,L],b=t("TresDirectionalLight",{intensity:1},null,-1),E=t("TresAmbientLight",{intensity:1},null,-1),A=T({__name:"theEvents",setup(F){const p={clearColor:"#202020",shadows:!0,alpha:!1,shadowMapType:C,outputColorSpace:g,toneMapping:B};function u(e){e&&e.object.material.color.set("#008080")}function f(e){e&&e.object.material.color.set("#CCFF03")}function _(e){e&&e.material.color.set("#efefef")}function h(e){e&&console.log(e)}return(e,j)=>(o(),M(c(m),w(p,{"window-size":""}),{default:k(()=>[P,x(c(d)),(o(),n(s,null,a([-2.5,0,2.5],r=>(o(),n(s,null,[(o(),n(s,null,a([-2.5,0,2.5],i=>(o(),n(s,null,[(o(),n(s,null,a([-2.5,0,2.5],l=>t("TresMesh",{key:"".concat([r,i,l]),position:[r,i,l],onClick:u,onPointerEnter:f,onPointerLeave:_,onPointerMove:h},N,40,S)),64))],64))),64))],64))),64)),b,E]),_:1},16))}});export{A as default};

2
dist/static/theGroups-af29e92d.js → dist/static/theGroups-39c9c39a.js vendored
View File

@ -1 +1 @@
import{a as r,l as a,x as n}from"./trescientos-214666d1.js";import{Y as i,j as c,o as l,s as p,B as _,I as s,a as h,U as e}from"./vendor-19b019cc.js";import"./three.module-d47ac97c.js";const u=e("TresPerspectiveCamera",{position:[5,5,5],fov:75,aspect:1,near:.1,far:1e3},null,-1),d=e("TresAmbientLight",{color:16777215,intensity:.5},null,-1),f=e("TresMesh",{scale:1,position:[-4,0,0],"cast-shadow":""},[e("TresSphereGeometry",{args:[1,500,500]}),e("TresMeshToonMaterial",{color:"#FBB03B"})],-1),T=e("TresMesh",{scale:1,position:[4,0,0],"cast-shadow":""},[e("TresSphereGeometry",{args:[1,500,500]}),e("TresMeshToonMaterial",{color:"teal"})],-1),m=[f,T],B=e("TresDirectionalLight",{position:[0,2,4],intensity:2,"cast-shadow":""},null,-1),g=e("TresAxesHelper",null,null,-1),G=i({__name:"theGroups",setup(w){const{onLoop:t}=r(),o=c();return t(()=>{o.value&&(o.value.rotation.y+=.01)}),(x,y)=>(l(),p(s(a),{clearColor:"#000000","window-size":""},{default:_(()=>[u,h(s(n)),d,e("TresGroup",{ref_key:"groupRef",ref:o,position:[0,-4,-5]},m,512),B,g]),_:1}))}});export{G as default};
import{a as r,l as a,x as n}from"./trescientos-a922f233.js";import{Y as i,j as c,o as l,s as p,B as _,I as s,a as h,U as e}from"./vendor-19b019cc.js";import"./three.module-cbea6429.js";const u=e("TresPerspectiveCamera",{position:[5,5,5],fov:75,aspect:1,near:.1,far:1e3},null,-1),d=e("TresAmbientLight",{color:16777215,intensity:.5},null,-1),f=e("TresMesh",{scale:1,position:[-4,0,0],"cast-shadow":""},[e("TresSphereGeometry",{args:[1,500,500]}),e("TresMeshToonMaterial",{color:"#FBB03B"})],-1),T=e("TresMesh",{scale:1,position:[4,0,0],"cast-shadow":""},[e("TresSphereGeometry",{args:[1,500,500]}),e("TresMeshToonMaterial",{color:"teal"})],-1),m=[f,T],B=e("TresDirectionalLight",{position:[0,2,4],intensity:2,"cast-shadow":""},null,-1),g=e("TresAxesHelper",null,null,-1),G=i({__name:"theGroups",setup(w){const{onLoop:t}=r(),o=c();return t(()=>{o.value&&(o.value.rotation.y+=.01)}),(x,y)=>(l(),p(s(a),{clearColor:"#000000","window-size":""},{default:_(()=>[u,h(s(n)),d,e("TresGroup",{ref_key:"groupRef",ref:o,position:[0,-4,-5]},m,512),B,g]),_:1}))}});export{G as default};

2
dist/static/three.module-d47ac97c.js → dist/static/three.module-cbea6429.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/static/transformControls-c7383cbb.js → dist/static/transformControls-91c27666.js vendored
View File

@ -1 +1 @@
import{J as f,l as x,x as b,b as w}from"./trescientos-214666d1.js";import{B,S as g,N as Y}from"./three.module-d47ac97c.js";import{Y as X,j as l,a9 as Z,o as c,s as p,B as C,aa as v,I as r,a as T,U as t,V as M}from"./vendor-19b019cc.js";const k=t("TresPerspectiveCamera",{position:[3,3,3]},null,-1),y=t("TresBoxGeometry",null,null,-1),S=t("TresMeshNormalMaterial",null,null,-1),N=[y,S],R=t("TresSphereGeometry",null,null,-1),j=t("TresMeshNormalMaterial",null,null,-1),G=[R,j],V=t("TresAmbientLight",{intensity:1},null,-1),z=t("TresGridHelper",null,null,-1),D=X({__name:"transformControls",setup(J){const h={clearColor:"#82DBC5",shadows:!0,alpha:!1,shadowMapType:B,outputColorSpace:g,toneMapping:Y},i=l(),d=l(),n=l();function u(o){n.value=o}const m=l(),e=Z({mode:"translate",enabled:!0,space:"world",axis:"XYZ",size:1,showX:!0,showY:!0,showZ:!0}),{pane:a}=f();return a.addBlade({view:"list",label:"模式",options:[{text:"移动",value:"translate"},{text:"旋转",value:"rotate"},{text:"缩放",value:"scale"}],value:e.mode}).on("change",o=>{e.mode=o.value}),a.addBinding(e,"enabled",{label:"开启"}),a.addBlade({view:"list",label:"Space",options:[{text:"世界坐标",value:"world"},{text:"本地坐标",value:"local"}],value:e.space}).on("change",o=>{e.space=o.value}),a.addBlade({view:"list",label:"轴",options:[{text:"X",value:"X"},{text:"Y",value:"Y"},{text:"Z",value:"Z"},{text:"XY",value:"XY"},{text:"YZ",value:"YZ"},{text:"XZ",value:"XZ"},{text:"XYZ",value:"XYZ"}],value:e.axis}),a.addBinding(e,"size",{label:"大小",step:.01,min:0,max:10}),a.addBinding(e,"showX",{label:"显示X轴"}),a.addBinding(e,"showY",{label:"显示Y轴"}),a.addBinding(e,"showZ",{label:"显示Z轴"}),(o,s)=>(c(),p(r(x),v(h,{ref_key:"context",ref:m,"window-size":""}),{default:C(()=>[k,T(r(b),{"make-default":""}),t("TresMesh",{ref_key:"boxRef",ref:i,position:[-2,1,0],onClick:s[0]||(s[0]=_=>u(i.value))},N,512),n.value?(c(),p(r(w),v({key:0,object:n.value},e),null,16,["object"])):M("",!0),t("TresMesh",{ref_key:"sphereRef",ref:d,position:[2,1,0],onClick:s[1]||(s[1]=_=>u(d.value))},G,512),V,z]),_:1},16))}});export{D as default};
import{J as f,l as x,x as b,b as w}from"./trescientos-a922f233.js";import{B,S as g,N as Y}from"./three.module-cbea6429.js";import{Y as X,j as l,a9 as Z,o as c,s as p,B as C,aa as v,I as r,a as T,U as t,V as M}from"./vendor-19b019cc.js";const k=t("TresPerspectiveCamera",{position:[3,3,3]},null,-1),y=t("TresBoxGeometry",null,null,-1),S=t("TresMeshNormalMaterial",null,null,-1),N=[y,S],R=t("TresSphereGeometry",null,null,-1),j=t("TresMeshNormalMaterial",null,null,-1),G=[R,j],V=t("TresAmbientLight",{intensity:1},null,-1),z=t("TresGridHelper",null,null,-1),D=X({__name:"transformControls",setup(J){const h={clearColor:"#82DBC5",shadows:!0,alpha:!1,shadowMapType:B,outputColorSpace:g,toneMapping:Y},i=l(),d=l(),n=l();function u(o){n.value=o}const m=l(),e=Z({mode:"translate",enabled:!0,space:"world",axis:"XYZ",size:1,showX:!0,showY:!0,showZ:!0}),{pane:a}=f();return a.addBlade({view:"list",label:"模式",options:[{text:"移动",value:"translate"},{text:"旋转",value:"rotate"},{text:"缩放",value:"scale"}],value:e.mode}).on("change",o=>{e.mode=o.value}),a.addBinding(e,"enabled",{label:"开启"}),a.addBlade({view:"list",label:"Space",options:[{text:"世界坐标",value:"world"},{text:"本地坐标",value:"local"}],value:e.space}).on("change",o=>{e.space=o.value}),a.addBlade({view:"list",label:"轴",options:[{text:"X",value:"X"},{text:"Y",value:"Y"},{text:"Z",value:"Z"},{text:"XY",value:"XY"},{text:"YZ",value:"YZ"},{text:"XZ",value:"XZ"},{text:"XYZ",value:"XYZ"}],value:e.axis}),a.addBinding(e,"size",{label:"大小",step:.01,min:0,max:10}),a.addBinding(e,"showX",{label:"显示X轴"}),a.addBinding(e,"showY",{label:"显示Y轴"}),a.addBinding(e,"showZ",{label:"显示Z轴"}),(o,s)=>(c(),p(r(x),v(h,{ref_key:"context",ref:m,"window-size":""}),{default:C(()=>[k,T(r(b),{"make-default":""}),t("TresMesh",{ref_key:"boxRef",ref:i,position:[-2,1,0],onClick:s[0]||(s[0]=_=>u(i.value))},N,512),n.value?(c(),p(r(w),v({key:0,object:n.value},e),null,16,["object"])):M("",!0),t("TresMesh",{ref_key:"sphereRef",ref:d,position:[2,1,0],onClick:s[1]||(s[1]=_=>u(d.value))},G,512),V,z]),_:1},16))}});export{D as default};

4
dist/static/trescientos-214666d1.js → dist/static/trescientos-a922f233.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/static/weather-7a1fce69.js → dist/static/weather-faad2bc0.js vendored
View File

@ -1 +1 @@
var B=Object.defineProperty;var m=Object.getOwnPropertySymbols;var R=Object.prototype.hasOwnProperty,b=Object.prototype.propertyIsEnumerable;var _=(s,a,e)=>a in s?B(s,a,{enumerable:!0,configurable:!0,writable:!0,value:e}):s[a]=e,c=(s,a)=>{for(var e in a||(a={}))R.call(a,e)&&_(s,e,a[e]);if(m)for(var e of m(a))b.call(a,e)&&_(s,e,a[e]);return s};import{y as g,$ as z,P as k}from"./trescientos-214666d1.js";import{_ as Y}from"./pagesShow.vue_vue_type_style_index_0_lang-cac682c1.js";import{_ as $}from"./loading.vue_vue_type_script_setup_true_lang-85b12253.js";import{Y as h,a9 as p,ak as S,j as v,ae as x,w as P,o as f,s as C,I as X,am as y,c as Z,a as d,B as w,C as E,ab as F,ac as M,al as j}from"./vendor-19b019cc.js";import"./three.module-d47ac97c.js";import"./_commonjsHelpers-725317a4.js";const A=h({__name:"precipitation",props:{speed:{default:12},randomness:{default:0},count:{default:6e3},size:{default:7},areaX:{default:1500},areaY:{default:1e3},areaZ:{default:1500},type:{default:"snow"},color:{default:"#fff"}},async setup(s){let a,e;const t=s,n={snow:"./plugins/digitalCity/image/snow.png",rain:"./plugins/digitalCity/image/rain.png",cilcle:"./plugins/digitalCity/image/cilcle.png"},i=p({});n[t.type]&&(i.value=([a,e]=S(()=>g({map:n[t.type]})),a=await a,e(),a));const o=v();return x(async()=>{}),P(()=>t.type,async(r,l)=>{var u;r!=l&&((u=i.value)!=null&&u.map&&i.value.map.dispose(),i.value=await g({map:n[r]?n[r]:n.cilcle}))}),(r,l)=>(f(),C(X(z),{ref_key:"precipitationRef",ref:o,position:[0,t.areaY/2,0],speed:t.speed,color:t.color,alphaTest:.5,area:[t.areaX,t.areaY,t.areaZ],count:t.count,depthWrite:!0,randomness:t.randomness,size:t.size,opacity:1,map:i.value.map,alphaMap:i.value.map},null,8,["position","speed","color","area","count","randomness","size","map","alphaMap"]))}}),D=h({__name:"weather",setup(s){const a=v();x(()=>{a.value&&a.value.$refs.perspectiveCameraRef.position.set(750,500,800)});const e=p({speed:12,size:10,count:6e3,color:"#fff",type:"snow"}),t=p({areaX:1500,areaY:1e3,areaZ:1500}),n=p(c(c({},y(e)),y(t))),o=new k({title:"天气",expanded:!0}).addFolder({title:"下落物"});return o.addBinding(e,"speed",{label:"速度",min:0,max:30,step:1}),o.addBinding(e,"color",{label:"颜色"}),o.addBinding(e,"size",{label:"大小",min:0,max:26,step:1}),o.addBinding(e,"count",{label:"数量",min:1e3,max:1e4,step:100}),o.addBinding(e,"type",{view:"list",label:"类型",options:[{text:"雪",value:"snow"},{text:"雨",value:"rain"},{text:"点",value:"point"}]}),(r,l)=>(f(),Z(E,null,[d($),d(Y,{ref_key:"pagesShowRef",ref:a,autoRotate:!1},{ability:w(()=>[(f(),C(j,null,{default:w(()=>[d(A,F(M(n)),null,16)]),_:1}))]),_:1},512)],64))}});export{D as default};
var B=Object.defineProperty;var m=Object.getOwnPropertySymbols;var R=Object.prototype.hasOwnProperty,b=Object.prototype.propertyIsEnumerable;var _=(s,a,e)=>a in s?B(s,a,{enumerable:!0,configurable:!0,writable:!0,value:e}):s[a]=e,c=(s,a)=>{for(var e in a||(a={}))R.call(a,e)&&_(s,e,a[e]);if(m)for(var e of m(a))b.call(a,e)&&_(s,e,a[e]);return s};import{y as g,$ as z,P as k}from"./trescientos-a922f233.js";import{_ as Y}from"./pagesShow.vue_vue_type_style_index_0_lang-abc71cba.js";import{_ as $}from"./loading.vue_vue_type_script_setup_true_lang-c55fdfd4.js";import{Y as h,a9 as p,ak as S,j as v,ae as x,w as P,o as f,s as C,I as X,am as y,c as Z,a as d,B as w,C as E,ab as F,ac as M,al as j}from"./vendor-19b019cc.js";import"./three.module-cbea6429.js";import"./_commonjsHelpers-725317a4.js";const A=h({__name:"precipitation",props:{speed:{default:12},randomness:{default:0},count:{default:6e3},size:{default:7},areaX:{default:1500},areaY:{default:1e3},areaZ:{default:1500},type:{default:"snow"},color:{default:"#fff"}},async setup(s){let a,e;const t=s,n={snow:"./plugins/digitalCity/image/snow.png",rain:"./plugins/digitalCity/image/rain.png",cilcle:"./plugins/digitalCity/image/cilcle.png"},i=p({});n[t.type]&&(i.value=([a,e]=S(()=>g({map:n[t.type]})),a=await a,e(),a));const o=v();return x(async()=>{}),P(()=>t.type,async(r,l)=>{var u;r!=l&&((u=i.value)!=null&&u.map&&i.value.map.dispose(),i.value=await g({map:n[r]?n[r]:n.cilcle}))}),(r,l)=>(f(),C(X(z),{ref_key:"precipitationRef",ref:o,position:[0,t.areaY/2,0],speed:t.speed,color:t.color,alphaTest:.5,area:[t.areaX,t.areaY,t.areaZ],count:t.count,depthWrite:!0,randomness:t.randomness,size:t.size,opacity:1,map:i.value.map,alphaMap:i.value.map},null,8,["position","speed","color","area","count","randomness","size","map","alphaMap"]))}}),D=h({__name:"weather",setup(s){const a=v();x(()=>{a.value&&a.value.$refs.perspectiveCameraRef.position.set(750,500,800)});const e=p({speed:12,size:10,count:6e3,color:"#fff",type:"snow"}),t=p({areaX:1500,areaY:1e3,areaZ:1500}),n=p(c(c({},y(e)),y(t))),o=new k({title:"天气",expanded:!0}).addFolder({title:"下落物"});return o.addBinding(e,"speed",{label:"速度",min:0,max:30,step:1}),o.addBinding(e,"color",{label:"颜色"}),o.addBinding(e,"size",{label:"大小",min:0,max:26,step:1}),o.addBinding(e,"count",{label:"数量",min:1e3,max:1e4,step:100}),o.addBinding(e,"type",{view:"list",label:"类型",options:[{text:"雪",value:"snow"},{text:"雨",value:"rain"},{text:"点",value:"point"}]}),(r,l)=>(f(),Z(E,null,[d($),d(Y,{ref_key:"pagesShowRef",ref:a,autoRotate:!1},{ability:w(()=>[(f(),C(j,null,{default:w(()=>[d(A,F(M(n)),null,16)]),_:1}))]),_:1},512)],64))}});export{D as default};

2
dist/static/website-2615a9c8.js → dist/static/website-6e2485e0.js vendored
View File

@ -1 +1 @@
import{c as d,n as m,u,l as f,x as h}from"./trescientos-214666d1.js";import{B as w,S as g,N as x}from"./three.module-d47ac97c.js";import{Y as p,j as b,ak as B,o as r,s as n,B as s,U as t,a as c,I as a,aa as C,al as y}from"./vendor-19b019cc.js";const S=["object"],k=t("iframe",{class:"rounded-lg w-[1024px] h-[670px]",src:"https://www.icegl.cn",frameborder:"0"},null,-1),M=p({__name:"laptop",async setup(l){let e,o;const i=b(),{nodes:_}=([e,o]=B(()=>d("./plugins/basic/htmls/model/model.gltf",{draco:!0})),e=await e,o(),e);return(j,$)=>(r(),n(a(u),null,{default:s(()=>[t("primitive",{ref_key:"primitiveref",ref:i,object:a(_).Macbook},[c(a(m),{transform:"","wrapper-class":"webpage","distance-factor":11,position:[0,10.5,-13.6],occlude:"","rotation-x":-.256},{default:s(()=>[k]),_:1})],8,S)]),_:1}))}}),T=t("TresPerspectiveCamera",{position:[-5,4,3]},null,-1),v=t("TresAmbientLight",{intensity:1},null,-1),N=t("TresDirectionalLight",{intensity:2,position:[2,3,0],"cast-shadow":!0,"shadow-camera-far":50,"shadow-camera-left":-10,"shadow-camera-right":10,"shadow-camera-top":10,"shadow-camera-bottom":-10},null,-1),V=p({__name:"website",setup(l){const e={clearColor:"#241a1a",shadows:!0,alpha:!1,shadowMapType:w,outputColorSpace:g,toneMapping:x};return(o,i)=>(r(),n(a(f),C(e,{"window-size":""}),{default:s(()=>[T,c(a(h)),(r(),n(y,null,{default:s(()=>[c(M)]),_:1})),v,N]),_:1},16))}});export{V as default};
import{c as d,n as m,u,l as f,x as h}from"./trescientos-a922f233.js";import{B as w,S as g,N as x}from"./three.module-cbea6429.js";import{Y as p,j as b,ak as B,o as r,s as n,B as s,U as t,a as c,I as a,aa as C,al as y}from"./vendor-19b019cc.js";const S=["object"],k=t("iframe",{class:"rounded-lg w-[1024px] h-[670px]",src:"https://www.icegl.cn",frameborder:"0"},null,-1),M=p({__name:"laptop",async setup(l){let e,o;const i=b(),{nodes:_}=([e,o]=B(()=>d("./plugins/basic/htmls/model/model.gltf",{draco:!0})),e=await e,o(),e);return(j,$)=>(r(),n(a(u),null,{default:s(()=>[t("primitive",{ref_key:"primitiveref",ref:i,object:a(_).Macbook},[c(a(m),{transform:"","wrapper-class":"webpage","distance-factor":11,position:[0,10.5,-13.6],occlude:"","rotation-x":-.256},{default:s(()=>[k]),_:1})],8,S)]),_:1}))}}),T=t("TresPerspectiveCamera",{position:[-5,4,3]},null,-1),v=t("TresAmbientLight",{intensity:1},null,-1),N=t("TresDirectionalLight",{intensity:2,position:[2,3,0],"cast-shadow":!0,"shadow-camera-far":50,"shadow-camera-left":-10,"shadow-camera-right":10,"shadow-camera-top":10,"shadow-camera-bottom":-10},null,-1),V=p({__name:"website",setup(l){const e={clearColor:"#241a1a",shadows:!0,alpha:!1,shadowMapType:w,outputColorSpace:g,toneMapping:x};return(o,i)=>(r(),n(a(f),C(e,{"window-size":""}),{default:s(()=>[T,c(a(h)),(r(),n(y,null,{default:s(()=>[c(M)]),_:1})),v,N]),_:1},16))}});export{V as default};

2
dist/static/wobbleMaterial-2cea75d8.js → dist/static/wobbleMaterial-e8ba89fb.js vendored
View File

@ -1 +1 @@
import{P as l,l as i,M as c,x as p}from"./trescientos-214666d1.js";import{B as d,S as u,N as _}from"./three.module-d47ac97c.js";import{Y as f,j as t,o as h,s as m,B,aa as C,I as o,U as e,a}from"./vendor-19b019cc.js";const T=e("TresPerspectiveCamera",{position:[3,3,3]},null,-1),g=e("TresTorusGeometry",null,null,-1),w=e("TresGridHelper",{args:[10,10]},null,-1),x=e("TresAmbientLight",{intensity:1},null,-1),M=e("TresDirectionalLight",{intensity:1,position:[2,2,2]},null,-1),G=f({__name:"wobbleMaterial",setup(y){const n={clearColor:"#82DBC5",shadows:!0,alpha:!1,shadowMapType:d,outputColorSpace:u,toneMapping:_},r=t(),s=t("#5384ff");return new l({title:"流体波动",expanded:!0}).addBinding(s,"value",{label:"颜色"}),(b,N)=>(h(),m(o(i),C(n,{ref_key:"context",ref:r,"window-size":""}),{default:B(()=>[T,e("TresMesh",null,[g,a(o(c),{color:s.value,speed:3,factor:8},null,8,["color"])]),w,x,M,a(o(p))]),_:1},16))}});export{G as default};
import{P as l,l as i,M as c,x as p}from"./trescientos-a922f233.js";import{B as d,S as u,N as _}from"./three.module-cbea6429.js";import{Y as f,j as t,o as h,s as m,B,aa as C,I as o,U as e,a}from"./vendor-19b019cc.js";const T=e("TresPerspectiveCamera",{position:[3,3,3]},null,-1),g=e("TresTorusGeometry",null,null,-1),w=e("TresGridHelper",{args:[10,10]},null,-1),x=e("TresAmbientLight",{intensity:1},null,-1),M=e("TresDirectionalLight",{intensity:1,position:[2,2,2]},null,-1),G=f({__name:"wobbleMaterial",setup(y){const n={clearColor:"#82DBC5",shadows:!0,alpha:!1,shadowMapType:d,outputColorSpace:u,toneMapping:_},r=t(),s=t("#5384ff");return new l({title:"流体波动",expanded:!0}).addBinding(s,"value",{label:"颜色"}),(b,N)=>(h(),m(o(i),C(n,{ref_key:"context",ref:r,"window-size":""}),{default:B(()=>[T,e("TresMesh",null,[g,a(o(c),{color:s.value,speed:3,factor:8},null,8,["color"])]),w,x,M,a(o(p))]),_:1},16))}});export{G as default};

3
package.json
View File

@ -35,7 +35,8 @@
"three": "^0.157.0",
"unocss": "^0.56.5",
"vanta": "^0.5.24",
"vite-plugin-glsl": "^1.1.2",
"vue": "^3.2.47"
},
"private": true
}
}

BIN
public/plugins/medical/image/brainXRayLight.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 31 KiB

275025
public/plugins/medical/model/BrainUVs.obj Normal file
View File

File diff suppressed because it is too large Load Diff

78392
public/plugins/medical/model/brainparts.OBJ Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
public/plugins/medical/preview/digitalBrain.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 389 KiB

5
src/app.jsx
View File

@ -4,10 +4,9 @@
* @Autor: 地虎降天龙
* @Date: 2023-10-16 10:53:09
* @LastEditors: 地虎降天龙
* @LastEditTime: 2023-11-05 10:15:53
* @LastEditTime: 2023-11-14 11:46:55
*/
import { defineRuntimeConfig,useModel } from '@fesjs/fes';
import { defineRuntimeConfig,useModel,defineBuildConfig } from '@fesjs/fes'
import { FMenu } from '@fesjs/fes-design';
import PageLoading from '@/components/pageLoading.vue';
import UserCenter from '@/components/userCenter.vue';

2
src/plugins/digitalCity/components/buildings/buildingsLines.vue
View File

@ -4,7 +4,7 @@
* @Autor: 地虎降天龙
* @Date: 2023-10-17 09:35:18
* @LastEditors: 地虎降天龙
* @LastEditTime: 2023-10-25 15:33:45
* @LastEditTime: 2023-11-14 09:20:42
-->
<script setup lang="ts">
import { Color, EdgesGeometry, ShaderMaterial } from 'three';

9
src/plugins/medical/common/util.js Normal file
View File

@ -0,0 +1,9 @@
export const loadOBJ = (filepath, loader) => new Promise((resolve, reject) => {
loader.setCrossOrigin('Anonymous');//跨域问题
loader.load(filepath, (object) => {
resolve(object);
}, (xhr) => { console.log(`${xhr.loaded / xhr.total * 100}% loaded`); }, (error) => {
console.error(error);
reject(error);
});
})

56
src/plugins/medical/components/cloudPoints.vue Normal file
View File

@ -0,0 +1,56 @@
<!--
* @Description:
* @Version: 1.668
* @Autor: 地虎降天龙
* @Date: 2023-11-14 09:01:11
* @LastEditors: 地虎降天龙
* @LastEditTime: 2023-11-14 16:24:49
-->
<template>
<primitive :object="cloudModel" />
</template>
<script setup lang="ts">
const props = withDefaults(defineProps<{
model: Group
color?: string,
opacity?: number
}>(), {
color: '#FFF',
opacity: 1.0,
})
import { Points, PointsMaterial, Mesh, Group, Color } from 'three'
import { watchEffect } from 'vue';
const cloudModel = new Group()
props.model.traverse((child) => {
if (child instanceof Mesh) {
const pbgeometry = child.geometry.clone()
// child.removeFromParent()
child.geometry.dispose()
child.material.dispose()
const pmaterial = new PointsMaterial({ color: props.color });
pmaterial.opacity = props.opacity
pmaterial.transparent = true
const pointsMesh = new Points(pbgeometry, pmaterial)
cloudModel.add(pointsMesh)
}
})
watchEffect(() => {
if (props.color) {
cloudModel.traverse((child) => {
if (child instanceof Points) {
child.material.color = new Color(props.color)
}
})
}
if (props.opacity) {
cloudModel.traverse((child) => {
if (child instanceof Points) {
child.material.opacity = props.opacity
}
})
}
});
</script>

115
src/plugins/medical/components/xRayEffect.vue Normal file
View File

@ -0,0 +1,115 @@
<!--
* @Description:
* @Version: 1.668
* @Autor: 地虎降天龙
* @Date: 2023-11-14 10:06:40
* @LastEditors: 地虎降天龙
* @LastEditTime: 2023-11-14 16:30:45
-->
<template>
<TresMesh ref="TresMeshRef">
<TresBufferGeometry></TresBufferGeometry>
<TresShaderMaterial v-bind="xRayMaterial"></TresShaderMaterial>
</TresMesh>
</template>
<script setup lang="ts">
import * as THREE from 'three'
import { useTexture, useRenderLoop, useTresContext } from '@tresjs/core'
// import xRayVertex from '../shaders/xRay.vert';
// import xRayFrag from '../shaders/xRay.frag';
import * as BufferGeometryUtils from 'three/addons/utils/BufferGeometryUtils.js';
import { ref, watchEffect } from 'vue';
const props = withDefaults(defineProps<{
model: THREE.Group
color?: string
opacity?: number
}>(), {
color: '#84ccff',
opacity: 1.0,
})
const xRayVertex = `
uniform float c;
uniform float p;
uniform float uTime;
varying float intensity;
varying vec2 vUv;
void main(){
vUv = uv;
vec3 vNormal = normalize( normalMatrix * normal );
intensity = pow(c - abs(dot(vNormal, vec3(0, 0, 1))), p);
gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
}
`
const xRayFrag = `
uniform vec3 glowColor;
uniform sampler2D lightningTexture;
varying float intensity;
varying vec2 vUv;
uniform float offsetY;
uniform float uTime;
uniform float uOpacity;
void main(){
vec2 uv=vUv;
uv.y+=offsetY;
vec3 glow=glowColor*intensity;
vec3 color=vec3(step(.1,uv.y)-step(.2,uv.y))-vec3(texture2D(lightningTexture,uv));
float alpha=clamp(cos(uTime*3.),.5,1.);
gl_FragColor=vec4(glow+color,alpha*uOpacity);
}
`
const TresMeshRef = ref()
const brainBufferGeometries = [] as Array<THREE.BufferGeometry>
props.model.traverse((child) => {
if (child instanceof THREE.Mesh) {
child.geometry.verticesNeedUpdate = true
brainBufferGeometries.push(child.geometry)
}
})
const pTexture = (await useTexture({ map: './plugins/medical/image/brainXRayLight.png' })) as { map: THREE.Texture }
const xRayMaterial = {
uniforms: {
c: { type: 'f', value: 1.11 },
p: { type: 'f', value: 1.0 },
glowColor: { type: 'c', value: new THREE.Color(props.color) },
lightningTexture: { type: 't', value: pTexture.map },
offsetY: { type: 'f', value: 0.1 },
uTime: { type: 'f', value: 0.0 },
uOpacity: { type: 'f', value: props.opacity },
},
vertexShader: xRayVertex,
fragmentShader: xRayFrag,
side: THREE.DoubleSide,
blending: THREE.AdditiveBlending,
depthWrite: false,
}
xRayMaterial.uniforms.offsetY.value = Math.sin(5.0);
const { camera } = useTresContext()
const { onLoop } = useRenderLoop()
onLoop(({ delta }) => {
if (camera.value.position && TresMeshRef.value) {
xRayMaterial.uniforms.uTime.value += delta;
}
})
watchEffect(() => {
if (TresMeshRef.value) {
TresMeshRef.value.geometry.dispose()
TresMeshRef.value.geometry = BufferGeometryUtils.mergeGeometries(
brainBufferGeometries
);
// TresMeshRef.value.geometry.computeVertexNormals()
// TresMeshRef.value.geometry.normalizeNormals()
// TresMeshRef.value.geometry.computeTangents()
}
if (props.color) {
xRayMaterial.uniforms.glowColor.value = new THREE.Color(props.color)
}
if (props.opacity) {
xRayMaterial.uniforms.uOpacity.value = props.opacity
}
});
</script>

22
src/plugins/medical/config.js Normal file
View File

@ -0,0 +1,22 @@
/*
* @Description:
* @Version: 1.668
* @Autor: 地虎降天龙
* @Date: 2023-11-10 16:11:27
* @LastEditors: 地虎降天龙
* @LastEditTime: 2023-11-14 16:38:55
*/
export default {
"name": "medical",
"title": "医疗行业",
"intro": "医疗行业数字化例子",
"version": "0.0.1",
"author": "地虎降天龙",
"website": "www.icegl.cn",
"state": "active",
"require": [],
"preview": [
{ "src": "plugins/medical/preview/digitalBrain.png", "type": "img", "name": "digitalBrain", "title": "数字大脑" },
]
}

76
src/plugins/medical/pages/digitalBrain.vue Normal file
View File

@ -0,0 +1,76 @@
<!--
* @Description:
* @Version: 1.668
* @Autor: 地虎降天龙
* @Date: 2023-11-10 16:13:11
* @LastEditors: 地虎降天龙
* @LastEditTime: 2023-11-14 16:39:28
-->
<template>
<TresCanvas v-bind="state" window-size>
<TresPerspectiveCamera :position="[100, 400, 500]" :fov="45" :near="0.1" :far="10000" :look-at="[0, 0, 0]" />
<OrbitControls v-bind="controlsState" />
<TresAmbientLight :intensity="0.5" />
<TresGridHelper :args="[400, 10]" />
<TresGroup :position="[0, 120, 0]">
<cloudPoints v-if="cloudPointsState.show" :model="model" v-bind="cloudPointsState"></cloudPoints>
<Suspense>
<xRayEffect v-if="xRayState.show" :model="model" v-bind="xRayState" />
</Suspense>
</TresGroup>
</TresCanvas>
</template>
<script setup lang="ts">
import { SRGBColorSpace, BasicShadowMap, NoToneMapping } from 'three'
import { reactive } from 'vue'
import { TresCanvas } from '@tresjs/core'
import { OrbitControls } from '@tresjs/cientos'
import { OBJLoader } from 'three/addons/loaders/OBJLoader.js';
import { Pane } from 'tweakpane';
import { loadOBJ } from '../common/util'
import cloudPoints from '../components/cloudPoints.vue'
import xRayEffect from '../components/xRayEffect.vue'
const cloudPointsState = reactive({
color: '#fff',
show: true,
opacity: 1.0
})
const paneControl = new Pane({ title: '参数', });
paneControl.addBinding(cloudPointsState, 'show', { label: '点云显示' })
paneControl.addBinding(cloudPointsState, 'color', { label: '点云颜色' })
paneControl.addBinding(cloudPointsState, 'opacity', {
label: '点云透明度', min: 0,
max: 1,
step: 0.1,
})
const xRayState = reactive({
color: '#84ccff',
show: true,
opacity: 1.0
})
paneControl.addBinding(xRayState, 'show', { label: '脑组织显示' })
paneControl.addBinding(xRayState, 'color', { label: '脑组织颜色' })
paneControl.addBinding(xRayState, 'opacity', {
label: '脑组织透明度', min: 0,
max: 1,
step: 0.1,
})
const path = './plugins/medical/model/BrainUVs.obj';
const loader = new OBJLoader()
const model = await loadOBJ(path, loader)
const state = reactive({
clearColor: '#000',
shadows: true,
alpha: false,
shadowMapType: BasicShadowMap,
outputColorSpace: SRGBColorSpace,
toneMapping: NoToneMapping,
})
const controlsState = reactive({
autoRotate: true,
autoRotateSpeed: 2,
})
</script>

15
src/plugins/medical/shaders/xRay.frag Normal file
View File

@ -0,0 +1,15 @@
uniform vec3 glowColor;
uniform sampler2D lightningTexture;
varying float intensity;
varying vec2 vUv;
uniform float offsetY;
uniform float uTime;
void main(){
vec2 uv=vUv;
uv.y+=offsetY;
vec3 glow=glowColor*intensity;
vec3 color=vec3(step(.1,uv.y)-step(.2,uv.y))-vec3(texture2D(lightningTexture,uv));
float alpha=clamp(cos(uTime*3.),.5,1.);
gl_FragColor=vec4(glow+color,alpha);
}

14
src/plugins/medical/shaders/xRay.vert Normal file
View File

@ -0,0 +1,14 @@
uniform vec3 viewVector;
uniform float c;
uniform float p;
uniform float uTime;
varying float intensity;
varying vec2 vUv;
void main(){
vUv=uv;
vec3 vNormal=normalize(normalMatrix*normal);
vec3 vNormel=normalize(normalMatrix*viewVector);
intensity=pow(c-abs(dot(vNormal,vec3(0,0,1))),p);
gl_Position=projectionMatrix*modelViewMatrix*vec4(position,1.);
}

3
tsconfig.json
View File

@ -3,6 +3,9 @@
"outDir": "build/dist",
"module": "esnext",
"target": "esnext",
"types": [
"vite-plugin-glsl/ext"
],
"lib": [
"esnext",
"dom"

9
yarn.lock
View File

@ -1451,7 +1451,7 @@
estree-walker "^2.0.1"
picomatch "^2.2.2"
"@rollup/pluginutils@^5.0.4":
"@rollup/pluginutils@^5.0.2", "@rollup/pluginutils@^5.0.4":
version "5.0.5"
resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.0.5.tgz#bbb4c175e19ebfeeb8c132c2eea0ecb89941a66c"
integrity sha512-6aEYR910NyP73oHiJglti74iRyOwgFU4x3meH/H8OJx6Ry0j6cOVZ5X/wTvub7G7Ao6qaHBEaNsV3GLJkSsF+Q==
@ -5290,6 +5290,13 @@ vary@~1.1.2:
resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
integrity sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==
vite-plugin-glsl@^1.1.2:
version "1.1.2"
resolved "https://registry.yarnpkg.com/vite-plugin-glsl/-/vite-plugin-glsl-1.1.2.tgz#7f1750bb90f4e70b3459039e1b1d201bb099d519"
integrity sha512-zmXsfc1vn2MlYve9t3FAoWuhLyoCkNS1TuQL+TkXZL7tGmBjRErp10eNYxcse5tK9oUC5MyJpNc4ElpQnx8DoA==
dependencies:
"@rollup/pluginutils" "^5.0.2"
vite-plugin-html@^3.2.0:
version "3.2.0"
resolved "https://registry.yarnpkg.com/vite-plugin-html/-/vite-plugin-html-3.2.0.tgz#0d4df9900642a321a139f1c25c05195ba9d0ec79"