mirror of
https://gitee.com/ice-gl/icegl-three-vue-tres.git
synced 2025-04-05 06:22:43 +08:00
Merge branch 'master' into online
# Conflicts: # .fes.js
This commit is contained in:
hawk86104
commit
cc7a5a656a
3
.fes.js
3
.fes.js
@ -4,7 +4,7 @@
|
||||
* @Autor: 地虎降天龙
|
||||
* @Date: 2023-10-16 10:53:09
|
||||
* @LastEditors: 地虎降天龙
|
||||
* @LastEditTime: 2023-11-17 16:35:40
|
||||
* @LastEditTime: 2023-12-04 19:57:17
|
||||
*/
|
||||
// import { resolve } from 'path';
|
||||
import { join } from 'path';
|
||||
@ -14,6 +14,7 @@ import UnoCSS from 'unocss/vite';
|
||||
// import glsl from 'vite-plugin-glsl';
|
||||
|
||||
export default defineBuildConfig({
|
||||
title: 'TvT.js',
|
||||
publicPath: './',
|
||||
access: {
|
||||
roles: {
|
||||
|
||||
@ -4,13 +4,13 @@
|
||||
* @Autor: 地虎降天龙
|
||||
* @Date: 2023-10-16 10:53:09
|
||||
* @LastEditors: 地虎降天龙
|
||||
* @LastEditTime: 2023-11-16 15:22:17
|
||||
* @LastEditTime: 2023-12-04 19:54:44
|
||||
*/
|
||||
import { defineBuildConfig } from '@fesjs/fes';
|
||||
|
||||
export default defineBuildConfig({
|
||||
layout: {
|
||||
title: 'Icegl',
|
||||
title: 'TvT.js',
|
||||
navigation: 'top',
|
||||
multiTabs: false,
|
||||
isFixedHeader: true,
|
||||
@ -19,7 +19,58 @@ export default defineBuildConfig({
|
||||
{
|
||||
name: 'preview',
|
||||
path: '/',
|
||||
title: '开源框架展示'
|
||||
title: '📀 预览演示'
|
||||
},
|
||||
{
|
||||
// name: 'docs',
|
||||
// path: 'http://docs.icegl.cn',
|
||||
title: '📚 说明文档',
|
||||
children: [
|
||||
{
|
||||
path: 'http://docs.icegl.cn',
|
||||
title: '🧊 TvT框架文档'
|
||||
}, {
|
||||
path: 'https://threejs.org/docs/index.html#manual/zh/introduction/Creating-a-scene',
|
||||
title: '🎲 three.js'
|
||||
}, {
|
||||
path: 'https://tresjs.org/guide/',
|
||||
title: '⚡ tres.js'
|
||||
}, {
|
||||
path: 'https://fesjs.mumblefe.cn/',
|
||||
title: '💠 fes.js'
|
||||
},
|
||||
]
|
||||
},
|
||||
{
|
||||
path: 'https://icegl.cn/',
|
||||
title: '🧊 ICEGL官网'
|
||||
},
|
||||
{
|
||||
path: 'https://space.bilibili.com/410503457',
|
||||
title: '🅱️ B站主页'
|
||||
},
|
||||
{
|
||||
title: '👨🏫 课程中心',
|
||||
children: [
|
||||
{
|
||||
path: 'https://icegl.cn/courses',
|
||||
title: '🌁 WebGL初/中/高级教程'
|
||||
}, {
|
||||
path: 'https://www.bilibili.com/video/BV1iR4y1C7LQ/',
|
||||
title: '🏙 WebGL Shader初级教程'
|
||||
}, {
|
||||
path: 'https://study.163.com/course/introduction/1213599804.htm?inLoc=ss_ssjg_tjlb_webgl&share=1&shareId=1033552384',
|
||||
title: '🌇 WebGL Shader中级教程'
|
||||
},
|
||||
]
|
||||
},
|
||||
{
|
||||
path: 'https://icegl.cn/ask',
|
||||
title: '🙋♀️ 社区问答'
|
||||
},
|
||||
{
|
||||
path: 'https://icegl.cn/p/aboutus',
|
||||
title: '💫 关于我们'
|
||||
}
|
||||
],
|
||||
},
|
||||
|
||||
4
dist/index.html
vendored
4
dist/index.html
vendored
@ -1,7 +1,7 @@
|
||||
<!doctype html><html lang="en"><head><script type="module" crossorigin src="/icegl-three-vue-tres/static/polyfills-749f926d.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>var _hmt = _hmt || [];
|
||||
<!doctype html><html lang="en"><head><script type="module" crossorigin src="/icegl-three-vue-tres/static/polyfills-749f926d.js"></script><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>TvT.js</title><link rel="shortcut icon" type="image/x-icon" href="./logo.png"><script>var _hmt = _hmt || [];
|
||||
(function () {
|
||||
const hm = document.createElement("script");
|
||||
hm.src = "https://hm.baidu.com/hm.js?3c442b1ada04ec23771dfc94ea581c10";
|
||||
const s = document.getElementsByTagName("script")[0];
|
||||
s.parentNode.insertBefore(hm, s);
|
||||
})();</script><script type="module" crossorigin src="/icegl-three-vue-tres/static/index-791eef2f.js"></script><link rel="modulepreload" crossorigin href="/icegl-three-vue-tres/static/vendor-7c4537c1.js"><link rel="stylesheet" href="/icegl-three-vue-tres/static/vendor-28ba1523.css"><link rel="stylesheet" href="/icegl-three-vue-tres/static/index-202f55ea.css"></head><body><div id="app"></div></body></html>
|
||||
})();</script><script type="module" crossorigin src="/icegl-three-vue-tres/static/index-a082bc59.js"></script><link rel="modulepreload" crossorigin href="/icegl-three-vue-tres/static/vendor-76c85ed2.js"><link rel="stylesheet" href="/icegl-three-vue-tres/static/vendor-28ba1523.css"><link rel="stylesheet" href="/icegl-three-vue-tres/static/index-202f55ea.css"></head><body><div id="app"></div></body></html>
|
||||
@ -1 +1 @@
|
||||
import{aI as p,aJ as y}from"./vendor-7c4537c1.js";function E(i,c=!1){const l=i[0].index!==null,f=new Set(Object.keys(i[0].attributes)),m=new Set(Object.keys(i[0].morphAttributes)),a={},u={},h=i[0].morphTargetsRelative,o=new p;let n=0;for(let e=0;e<i.length;++e){const r=i[e];let s=0;if(l!==(r.index!==null))return console.error("THREE.BufferGeometryUtils: .mergeGeometries() failed with geometry at index "+e+". All geometries must have compatible attributes; make sure index attribute exists among all geometries, or in none of them."),null;for(const t in r.attributes){if(!f.has(t))return console.error("THREE.BufferGeometryUtils: .mergeGeometries() failed with geometry at index "+e+'. All geometries must have compatible attributes; make sure "'+t+'" attribute exists among all geometries, or in none of them.'),null;a[t]===void 0&&(a[t]=[]),a[t].push(r.attributes[t]),s++}if(s!==f.size)return console.error("THREE.BufferGeometryUtils: .mergeGeometries() failed with geometry at index "+e+". Make sure all geometries have the same number of attributes."),null;if(h!==r.morphTargetsRelative)return console.error("THREE.BufferGeometryUtils: .mergeGeometries() failed with geometry at index "+e+". .morphTargetsRelative must be consistent throughout all geometries."),null;for(const t in r.morphAttributes){if(!m.has(t))return console.error("THREE.BufferGeometryUtils: .mergeGeometries() failed with geometry at index "+e+". .morphAttributes must be consistent throughout all geometries."),null;u[t]===void 0&&(u[t]=[]),u[t].push(r.morphAttributes[t])}if(c){let t;if(l)t=r.index.count;else if(r.attributes.position!==void 0)t=r.attributes.position.count;else return console.error("THREE.BufferGeometryUtils: .mergeGeometries() failed with geometry at index "+e+". The geometry must have either an index or a position attribute"),null;o.addGroup(n,t,e),n+=t}}if(l){let e=0;const r=[];for(let s=0;s<i.length;++s){const t=i[s].index;for(let d=0;d<t.count;++d)r.push(t.getX(d)+e);e+=i[s].attributes.position.count}o.setIndex(r)}for(const e in a){const r=b(a[e]);if(!r)return console.error("THREE.BufferGeometryUtils: .mergeGeometries() failed while trying to merge the "+e+" attribute."),null;o.setAttribute(e,r)}for(const e in u){const r=u[e][0].length;if(r===0)break;o.morphAttributes=o.morphAttributes||{},o.morphAttributes[e]=[];for(let s=0;s<r;++s){const t=[];for(let g=0;g<u[e].length;++g)t.push(u[e][g][s]);const d=b(t);if(!d)return console.error("THREE.BufferGeometryUtils: .mergeGeometries() failed while trying to merge the "+e+" morphAttribute."),null;o.morphAttributes[e].push(d)}}return o}function b(i){let c,l,f,m=-1,a=0;for(let n=0;n<i.length;++n){const e=i[n];if(e.isInterleavedBufferAttribute)return console.error("THREE.BufferGeometryUtils: .mergeAttributes() failed. InterleavedBufferAttributes are not supported."),null;if(c===void 0&&(c=e.array.constructor),c!==e.array.constructor)return console.error("THREE.BufferGeometryUtils: .mergeAttributes() failed. BufferAttribute.array must be of consistent array types across matching attributes."),null;if(l===void 0&&(l=e.itemSize),l!==e.itemSize)return console.error("THREE.BufferGeometryUtils: .mergeAttributes() failed. BufferAttribute.itemSize must be consistent across matching attributes."),null;if(f===void 0&&(f=e.normalized),f!==e.normalized)return console.error("THREE.BufferGeometryUtils: .mergeAttributes() failed. BufferAttribute.normalized must be consistent across matching attributes."),null;if(m===-1&&(m=e.gpuType),m!==e.gpuType)return console.error("THREE.BufferGeometryUtils: .mergeAttributes() failed. BufferAttribute.gpuType must be consistent across matching attributes."),null;a+=e.array.length}const u=new c(a);let h=0;for(let n=0;n<i.length;++n)u.set(i[n].array,h),h+=i[n].array.length;const o=new y(u,l,f);return m!==void 0&&(o.gpuType=m),o}export{E as m};
|
||||
import{aI as p,aJ as y}from"./vendor-76c85ed2.js";function E(i,c=!1){const l=i[0].index!==null,f=new Set(Object.keys(i[0].attributes)),m=new Set(Object.keys(i[0].morphAttributes)),a={},u={},h=i[0].morphTargetsRelative,o=new p;let n=0;for(let e=0;e<i.length;++e){const r=i[e];let s=0;if(l!==(r.index!==null))return console.error("THREE.BufferGeometryUtils: .mergeGeometries() failed with geometry at index "+e+". All geometries must have compatible attributes; make sure index attribute exists among all geometries, or in none of them."),null;for(const t in r.attributes){if(!f.has(t))return console.error("THREE.BufferGeometryUtils: .mergeGeometries() failed with geometry at index "+e+'. All geometries must have compatible attributes; make sure "'+t+'" attribute exists among all geometries, or in none of them.'),null;a[t]===void 0&&(a[t]=[]),a[t].push(r.attributes[t]),s++}if(s!==f.size)return console.error("THREE.BufferGeometryUtils: .mergeGeometries() failed with geometry at index "+e+". Make sure all geometries have the same number of attributes."),null;if(h!==r.morphTargetsRelative)return console.error("THREE.BufferGeometryUtils: .mergeGeometries() failed with geometry at index "+e+". .morphTargetsRelative must be consistent throughout all geometries."),null;for(const t in r.morphAttributes){if(!m.has(t))return console.error("THREE.BufferGeometryUtils: .mergeGeometries() failed with geometry at index "+e+". .morphAttributes must be consistent throughout all geometries."),null;u[t]===void 0&&(u[t]=[]),u[t].push(r.morphAttributes[t])}if(c){let t;if(l)t=r.index.count;else if(r.attributes.position!==void 0)t=r.attributes.position.count;else return console.error("THREE.BufferGeometryUtils: .mergeGeometries() failed with geometry at index "+e+". The geometry must have either an index or a position attribute"),null;o.addGroup(n,t,e),n+=t}}if(l){let e=0;const r=[];for(let s=0;s<i.length;++s){const t=i[s].index;for(let d=0;d<t.count;++d)r.push(t.getX(d)+e);e+=i[s].attributes.position.count}o.setIndex(r)}for(const e in a){const r=b(a[e]);if(!r)return console.error("THREE.BufferGeometryUtils: .mergeGeometries() failed while trying to merge the "+e+" attribute."),null;o.setAttribute(e,r)}for(const e in u){const r=u[e][0].length;if(r===0)break;o.morphAttributes=o.morphAttributes||{},o.morphAttributes[e]=[];for(let s=0;s<r;++s){const t=[];for(let g=0;g<u[e].length;++g)t.push(u[e][g][s]);const d=b(t);if(!d)return console.error("THREE.BufferGeometryUtils: .mergeGeometries() failed while trying to merge the "+e+" morphAttribute."),null;o.morphAttributes[e].push(d)}}return o}function b(i){let c,l,f,m=-1,a=0;for(let n=0;n<i.length;++n){const e=i[n];if(e.isInterleavedBufferAttribute)return console.error("THREE.BufferGeometryUtils: .mergeAttributes() failed. InterleavedBufferAttributes are not supported."),null;if(c===void 0&&(c=e.array.constructor),c!==e.array.constructor)return console.error("THREE.BufferGeometryUtils: .mergeAttributes() failed. BufferAttribute.array must be of consistent array types across matching attributes."),null;if(l===void 0&&(l=e.itemSize),l!==e.itemSize)return console.error("THREE.BufferGeometryUtils: .mergeAttributes() failed. BufferAttribute.itemSize must be consistent across matching attributes."),null;if(f===void 0&&(f=e.normalized),f!==e.normalized)return console.error("THREE.BufferGeometryUtils: .mergeAttributes() failed. BufferAttribute.normalized must be consistent across matching attributes."),null;if(m===-1&&(m=e.gpuType),m!==e.gpuType)return console.error("THREE.BufferGeometryUtils: .mergeAttributes() failed. BufferAttribute.gpuType must be consistent across matching attributes."),null;a+=e.array.length}const u=new c(a);let h=0;for(let n=0;n<i.length;++n)u.set(i[n].array,h),h+=i[n].array.length;const o=new y(u,l,f);return m!==void 0&&(o.gpuType=m),o}export{E as m};
|
||||
@ -1 +1 @@
|
||||
import{Y as c,a2 as v,o as l,s as f,B as p,a5 as m,I as o,a6 as u,U as t,a as g,a7 as a,a8 as r,a9 as h,aE as _,ah as x}from"./vendor-7c4537c1.js";const T="varying vec2 vUv;\nvoid main(){\n vUv=uv;\n gl_Position=projectionMatrix*modelViewMatrix*vec4(position,1.);\n}",y="varying vec2 vUv;\nuniform float uTime;\nstruct VoronoiData{\n float dist;\n float edgedist;\n vec2 edgenormal;\n vec2 point;\n};\n\nvec2 hash22(vec2 p)\n{\n vec3 p3=fract(vec3(p.xyx)*vec3(.1031,.1030,.0973));\n p3+=dot(p3,p3.yzx+33.33);\n return fract((p3.xx+p3.yz)*p3.zy);\n}\nVoronoiData voronoi2dedges(vec2 uv){\n vec2 n=floor(uv);\n vec2 f=fract(uv);\n \n vec2 mg,mr;\n \n float md=8.;\n for(int j=-1;j<=1;j++)\n for(int i=-1;i<=1;i++){\n vec2 g=vec2(i,j);\n vec2 o=hash22(n+g);\n vec2 r=g+o-f;\n float d=dot(r,r);\n \n if(d<md){\n md=d;\n mr=g+o;\n }\n }\n \n float med=8.;\n vec2 men=vec2(0);\n for(int j=-2;j<=2;j++)\n for(int i=-2;i<=2;i++){\n vec2 g=vec2(i,j);\n g+=hash22(n+g);\n vec2 k=g-mr;\n \n float d=dot(k,k);\n if(d>0.){\n float l=dot(g+mr-2.*f,k)*.5/sqrt(d);\n if(l<med){\n men=k;\n med=l;\n }\n }\n }\n return VoronoiData(md,med,normalize(men),mr+n);\n}\n\nvoid main(){\n vec2 uv=vUv*10.+vec2(0.,uTime);\n vec2 p=voronoi2dedges(uv).point;\n VoronoiData v;\n for(int i=0;i<32;i++){\n VoronoiData v=voronoi2dedges(p);\n p+=-v.edgenormal*.2/float(i+1);\n }\n gl_FragColor=vec4(\n smoothstep(0.,.1,distance(uv,p))*\n smoothstep(0.,.01,voronoi2dedges(uv).edgedist)*\n smoothstep(0.,.01,abs(distance(uv,p)-voronoi2dedges(p).edgedist))\n );\n}",j={ref:"perspectiveCameraRef",position:[600,750,-1221],fov:45,near:1,far:1e4},V=t("TresAmbientLight",{color:"#ffffff"},null,-1),D=t("TresDirectionalLight",{position:[100,100,0],intensity:.5,color:"#ffffff"},null,-1),k=["rotation-x"],C=t("TresPlaneGeometry",{args:[400,400]},null,-1),M=t("TresAxesHelper",{args:[1e3],position:[0,19,0]},null,-1),P=t("TresGridHelper",{args:[6e3,100],position:[0,19,0]},null,-1),B=c({__name:"argestCircle",setup(z){const i={clearColor:"#000000",shadows:!0,alpha:!1,useLegacyLights:!0},s={autoRotate:!0,enableDamping:!0},e={uniforms:{uTime:{type:"f",value:0}},vertexShader:T,fragmentShader:y,side:_,blending:x,depthWrite:!1,transparent:!0},{onLoop:d}=v();return d(({delta:n})=>{e.uniforms.uTime.value+=n}),(n,b)=>(l(),f(o(u),m(i,{"window-size":""}),{default:p(()=>[t("TresPerspectiveCamera",j,null,512),g(o(h),a(r(s)),null,16),V,D,t("TresMesh",{ref:"quanMeshRef",position:[0,100,0],"rotation-x":2*Math.PI/360*90},[C,t("TresShaderMaterial",a(r(e)),null,16)],8,k),M,P]),_:1},16))}});export{B as default};
|
||||
import{Y as c,a2 as v,o as l,s as f,B as p,a5 as m,I as o,a6 as u,U as t,a as g,a7 as a,a8 as r,a9 as h,aE as _,ah as x}from"./vendor-76c85ed2.js";const T="varying vec2 vUv;\nvoid main(){\n vUv=uv;\n gl_Position=projectionMatrix*modelViewMatrix*vec4(position,1.);\n}",y="varying vec2 vUv;\nuniform float uTime;\nstruct VoronoiData{\n float dist;\n float edgedist;\n vec2 edgenormal;\n vec2 point;\n};\n\nvec2 hash22(vec2 p)\n{\n vec3 p3=fract(vec3(p.xyx)*vec3(.1031,.1030,.0973));\n p3+=dot(p3,p3.yzx+33.33);\n return fract((p3.xx+p3.yz)*p3.zy);\n}\nVoronoiData voronoi2dedges(vec2 uv){\n vec2 n=floor(uv);\n vec2 f=fract(uv);\n \n vec2 mg,mr;\n \n float md=8.;\n for(int j=-1;j<=1;j++)\n for(int i=-1;i<=1;i++){\n vec2 g=vec2(i,j);\n vec2 o=hash22(n+g);\n vec2 r=g+o-f;\n float d=dot(r,r);\n \n if(d<md){\n md=d;\n mr=g+o;\n }\n }\n \n float med=8.;\n vec2 men=vec2(0);\n for(int j=-2;j<=2;j++)\n for(int i=-2;i<=2;i++){\n vec2 g=vec2(i,j);\n g+=hash22(n+g);\n vec2 k=g-mr;\n \n float d=dot(k,k);\n if(d>0.){\n float l=dot(g+mr-2.*f,k)*.5/sqrt(d);\n if(l<med){\n men=k;\n med=l;\n }\n }\n }\n return VoronoiData(md,med,normalize(men),mr+n);\n}\n\nvoid main(){\n vec2 uv=vUv*10.+vec2(0.,uTime);\n vec2 p=voronoi2dedges(uv).point;\n VoronoiData v;\n for(int i=0;i<32;i++){\n VoronoiData v=voronoi2dedges(p);\n p+=-v.edgenormal*.2/float(i+1);\n }\n gl_FragColor=vec4(\n smoothstep(0.,.1,distance(uv,p))*\n smoothstep(0.,.01,voronoi2dedges(uv).edgedist)*\n smoothstep(0.,.01,abs(distance(uv,p)-voronoi2dedges(p).edgedist))\n );\n}",j={ref:"perspectiveCameraRef",position:[600,750,-1221],fov:45,near:1,far:1e4},V=t("TresAmbientLight",{color:"#ffffff"},null,-1),D=t("TresDirectionalLight",{position:[100,100,0],intensity:.5,color:"#ffffff"},null,-1),k=["rotation-x"],C=t("TresPlaneGeometry",{args:[400,400]},null,-1),M=t("TresAxesHelper",{args:[1e3],position:[0,19,0]},null,-1),P=t("TresGridHelper",{args:[6e3,100],position:[0,19,0]},null,-1),B=c({__name:"argestCircle",setup(z){const i={clearColor:"#000000",shadows:!0,alpha:!1,useLegacyLights:!0},s={autoRotate:!0,enableDamping:!0},e={uniforms:{uTime:{type:"f",value:0}},vertexShader:T,fragmentShader:y,side:_,blending:x,depthWrite:!1,transparent:!0},{onLoop:d}=v();return d(({delta:n})=>{e.uniforms.uTime.value+=n}),(n,b)=>(l(),f(o(u),m(i,{"window-size":""}),{default:p(()=>[t("TresPerspectiveCamera",j,null,512),g(o(h),a(r(s)),null,16),V,D,t("TresMesh",{ref:"quanMeshRef",position:[0,100,0],"rotation-x":2*Math.PI/360*90},[C,t("TresShaderMaterial",a(r(e)),null,16)],8,k),M,P]),_:1},16))}});export{B as default};
|
||||
@ -1 +1 @@
|
||||
import{Y as m,j as b,az as _,a4 as y,ae as w,Z as u,o as d,s,B as C,I as p,V as g}from"./vendor-7c4537c1.js";import{_ as f,l as h,a as B,b as x}from"./pagesShow.vue_vue_type_script_setup_true_lang-f6d8b3f7.js";import"./vanilla-307d3a93.esm-7222bf58.js";import"./_commonjsHelpers-725317a4.js";const S=m({__name:"buildings",async setup(k){let e,r;const n=b(!1),c=([e,r]=_(()=>h()),e=await e,r(),e);n.value=!0,y(()=>{const l=new w({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(f,{showBuildings:!1},{ability:C(()=>[a.show&&n.value?(d(),s(B,{key:0,model:p(c),bulidingsColor:a.bulidingsColor,landColor:a.landColor,gradient:a.gradient,opacity:a.opacity},null,8,["model","bulidingsColor","landColor","gradient","opacity"])):g("",!0),i.show&&n.value?(d(),s(x,{key:1,builds:p(c).city,width:i.width,color:i.color,opacity:i.opacity},null,8,["builds","width","color","opacity"])):g("",!0)]),_:1}))}});export{S as default};
|
||||
import{Y as m,j as b,az as _,a4 as y,ae as w,Z as u,o as d,s,B as C,I as p,V as g}from"./vendor-76c85ed2.js";import{_ as f,l as h,a as B,b as x}from"./pagesShow.vue_vue_type_script_setup_true_lang-35f3b154.js";import"./vanilla-307d3a93.esm-959fd761.js";import"./_commonjsHelpers-725317a4.js";const S=m({__name:"buildings",async setup(k){let e,r;const n=b(!1),c=([e,r]=_(()=>h()),e=await e,r(),e);n.value=!0,y(()=>{const l=new w({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(f,{showBuildings:!1},{ability:C(()=>[a.show&&n.value?(d(),s(B,{key:0,model:p(c),bulidingsColor:a.bulidingsColor,landColor:a.landColor,gradient:a.gradient,opacity:a.opacity},null,8,["model","bulidingsColor","landColor","gradient","opacity"])):g("",!0),i.show&&n.value?(d(),s(x,{key:1,builds:p(c).city,width:i.width,color:i.color,opacity:i.opacity},null,8,["builds","width","color","opacity"])):g("",!0)]),_:1}))}});export{S as default};
|
||||
@ -1 +1 @@
|
||||
import{Y as g,Z as x,aa as u,al as D,am as i,o as k,s as M,B as f,a5 as p,I as h,a6 as C,$ as F,a0 as T,a1 as w,a as y,an as b,U as o}from"./vendor-7c4537c1.js";const G=o("TresPerspectiveCamera",{position:[5,5,5]},null,-1),S=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],P=o("TresAmbientLight",{intensity:1},null,-1),H=g({__name:"cameraControls",setup(U){const m={clearColor:"#82DBC5",shadows:!0,alpha:!1,shadowMapType:F,outputColorSpace:T,toneMapping:w},l=x({distance:5,minDistance:0,maxDistance:100}),e=u(),r=u(),{pane:n}=D(),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)=>(k(),M(h(C),p(m,{"window-size":""}),{default:f(()=>[G,y(h(b),p(l,{ref_key:"controlsRef",ref:e,"make-default":"",onChange:_,onStart:B,onEnd:v}),null,16),S,o("TresMesh",{ref_key:"boxMeshRef",ref:r},N,512),P]),_:1},16))}});export{H as default};
|
||||
import{Y as g,Z as x,aa as u,al as D,am as i,o as k,s as M,B as f,a5 as p,I as h,a6 as C,$ as F,a0 as T,a1 as w,a as y,an as b,U as o}from"./vendor-76c85ed2.js";const G=o("TresPerspectiveCamera",{position:[5,5,5]},null,-1),S=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],P=o("TresAmbientLight",{intensity:1},null,-1),H=g({__name:"cameraControls",setup(U){const m={clearColor:"#82DBC5",shadows:!0,alpha:!1,shadowMapType:F,outputColorSpace:T,toneMapping:w},l=x({distance:5,minDistance:0,maxDistance:100}),e=u(),r=u(),{pane:n}=D(),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)=>(k(),M(h(C),p(m,{"window-size":""}),{default:f(()=>[G,y(h(b),p(l,{ref_key:"controlsRef",ref:e,"make-default":"",onChange:_,onStart:B,onEnd:v}),null,16),S,o("TresMesh",{ref_key:"boxMeshRef",ref:r},N,512),P]),_:1},16))}});export{H as default};
|
||||
File diff suppressed because one or more lines are too long
@ -1 +1 @@
|
||||
import{Y as P,az as E,aA as G,aM as V,bm as b,a3 as F,a2 as I,aL as O,o as m,c as Q,I as f,Z as p,$ as U,a0 as X,a1 as Y,ae as Z,s as w,B as C,a5 as q,a6 as H,a as x,a7 as k,a8 as S,a9 as J,aC as K,U as _}from"./vendor-7c4537c1.js";import{r as W,u as j}from"./device-e6f6b2e9.js";import"./BufferGeometryUtils-58c8fde2.js";const ee=["object"],te=P({__name:"device",props:{threshold:{default:0},strength:{default:.972},radius:{default:.21}},async setup(g){let r,n;const t=g,{nodes:a}=([r,n]=E(()=>G("./plugins/industry4/model/modelDraco.glb",{draco:!0})),r=await r,n(),r),v=W(a.Sketchfab_model),{camera:c,renderer:y,scene:l,sizes:B}=V();let d=null,u=null,s=null;const L=new b({color:"black"});F(()=>{if(c.value){l.value.add(v);const{finalComposer:e,effectComposer:o,bloomPass:D}=j(l.value,c.value,y.value,B.width.value,B.height.value);d=e,u=o,s=D,s.threshold=t.threshold,s.strength=t.strength,s.radius=t.radius}t.threshold&&(s.threshold=t.threshold),t.strength&&(s.strength=t.strength),t.radius&&(s.radius=t.radius)});const i={},N=e=>{e.isMesh&&(i[e.uuid]=e.material,e.material=L)},T=e=>{i[e.uuid]&&(e.material=i[e.uuid],delete i[e.uuid])},{onLoop:z,onAfterLoop:A}=I();let M=.03,h=a.Sketchfab_model.getObjectByName("canister_turbine_011_Nickel-Light-PBR_0"),R=h.material.clone(),$=new b({color:new O("red"),transparent:!0,opacity:1});return z(({elapsed:e})=>{a.hull_turbine&&(a.hull_turbine.rotation.x+=M,a.blades_turbine_003.rotation.x+=M),Math.floor(e)%2?h.material=R:h.material=$}),A(({elapsed:e})=>{u&&(l.value.traverse(o=>{N(o)}),u.render(e)),d&&(l.value.traverse(o=>{T(o)}),d.render(e))}),(e,o)=>(m(),Q("primitive",{object:f(a).Sketchfab_model},null,8,ee))}}),ae=_("TresPerspectiveCamera",{position:[5,5,5],fov:45,near:1,far:1e3},null,-1),se=_("TresAmbientLight",{color:"#ffffff",intensity:"40"},null,-1),re=_("TresDirectionalLight",{position:[0,2,-4],intensity:1},null,-1),ie=P({__name:"deviceLight",setup(g){const r=p({clearColor:"#000",shadows:!0,alpha:!1,shadowMapType:U,outputColorSpace:X,toneMapping:Y}),n=p({autoRotate:!0}),t=p({threshold:0,strength:.972,radius:.21}),a=new Z({title:"参数"});return a.addBinding(t,"threshold",{label:"阈值",min:0,max:1,step:.1}),a.addBinding(t,"strength",{label:"强度",min:0,max:3,step:.2}),a.addBinding(t,"radius",{label:"半径",min:0,max:1,step:.1}),(v,c)=>(m(),w(f(H),q(r,{"window-size":""}),{default:C(()=>[ae,x(f(J),k(S(n)),null,16),se,re,(m(),w(K,null,{default:C(()=>[x(te,k(S(t)),null,16)]),_:1}))]),_:1},16))}});export{ie as default};
|
||||
import{Y as P,az as E,aA as G,aM as V,bm as b,a3 as F,a2 as I,aL as O,o as m,c as Q,I as f,Z as p,$ as U,a0 as X,a1 as Y,ae as Z,s as w,B as C,a5 as q,a6 as H,a as x,a7 as k,a8 as S,a9 as J,aC as K,U as _}from"./vendor-76c85ed2.js";import{r as W,u as j}from"./device-c4862ebe.js";import"./BufferGeometryUtils-32c4c77a.js";const ee=["object"],te=P({__name:"device",props:{threshold:{default:0},strength:{default:.972},radius:{default:.21}},async setup(g){let r,n;const t=g,{nodes:a}=([r,n]=E(()=>G("./plugins/industry4/model/modelDraco.glb",{draco:!0})),r=await r,n(),r),v=W(a.Sketchfab_model),{camera:c,renderer:y,scene:l,sizes:B}=V();let d=null,u=null,s=null;const L=new b({color:"black"});F(()=>{if(c.value){l.value.add(v);const{finalComposer:e,effectComposer:o,bloomPass:D}=j(l.value,c.value,y.value,B.width.value,B.height.value);d=e,u=o,s=D,s.threshold=t.threshold,s.strength=t.strength,s.radius=t.radius}t.threshold&&(s.threshold=t.threshold),t.strength&&(s.strength=t.strength),t.radius&&(s.radius=t.radius)});const i={},N=e=>{e.isMesh&&(i[e.uuid]=e.material,e.material=L)},T=e=>{i[e.uuid]&&(e.material=i[e.uuid],delete i[e.uuid])},{onLoop:z,onAfterLoop:A}=I();let M=.03,h=a.Sketchfab_model.getObjectByName("canister_turbine_011_Nickel-Light-PBR_0"),R=h.material.clone(),$=new b({color:new O("red"),transparent:!0,opacity:1});return z(({elapsed:e})=>{a.hull_turbine&&(a.hull_turbine.rotation.x+=M,a.blades_turbine_003.rotation.x+=M),Math.floor(e)%2?h.material=R:h.material=$}),A(({elapsed:e})=>{u&&(l.value.traverse(o=>{N(o)}),u.render(e)),d&&(l.value.traverse(o=>{T(o)}),d.render(e))}),(e,o)=>(m(),Q("primitive",{object:f(a).Sketchfab_model},null,8,ee))}}),ae=_("TresPerspectiveCamera",{position:[5,5,5],fov:45,near:1,far:1e3},null,-1),se=_("TresAmbientLight",{color:"#ffffff",intensity:"40"},null,-1),re=_("TresDirectionalLight",{position:[0,2,-4],intensity:1},null,-1),ie=P({__name:"deviceLight",setup(g){const r=p({clearColor:"#000",shadows:!0,alpha:!1,shadowMapType:U,outputColorSpace:X,toneMapping:Y}),n=p({autoRotate:!0}),t=p({threshold:0,strength:.972,radius:.21}),a=new Z({title:"参数"});return a.addBinding(t,"threshold",{label:"阈值",min:0,max:1,step:.1}),a.addBinding(t,"strength",{label:"强度",min:0,max:3,step:.2}),a.addBinding(t,"radius",{label:"半径",min:0,max:1,step:.1}),(v,c)=>(m(),w(f(H),q(r,{"window-size":""}),{default:C(()=>[ae,x(f(J),k(S(n)),null,16),se,re,(m(),w(K,null,{default:C(()=>[x(te,k(S(t)),null,16)]),_:1}))]),_:1},16))}});export{ie as default};
|
||||
@ -1 +1 @@
|
||||
import{Y as y,az as E,aA as F,aM as G,bm as C,a3 as V,a2 as I,aL as O,o as g,c as Q,U as l,I as d,C as U,Z as _,$ as X,a0 as Y,a1 as Z,ae as j,s as M,B as w,a5 as q,a6 as H,a as x,a7 as S,a8 as k,a9 as J,aC as K}from"./vendor-7c4537c1.js";import{r as W,u as ee}from"./device-e6f6b2e9.js";import"./BufferGeometryUtils-58c8fde2.js";const te=["object"],ae=["object"],se=y({__name:"ByComposerTres",props:{threshold:{default:0},strength:{default:.972},radius:{default:.21}},async setup(v){let r,n;const t=v,{nodes:a}=([r,n]=E(()=>F("./plugins/industry4/model/modelDraco.glb",{draco:!0})),r=await r,n(),r),i=W(a.Sketchfab_model),{camera:u,renderer:P,scene:h,sizes:B}=G();let p=null,m=null,s=null;const L=new C({color:"black"});V(()=>{if(u.value){const{finalComposer:e,effectComposer:o,bloomPass:D}=ee(h.value,u.value,P.value,B.width.value,B.height.value);p=e,m=o,s=D,s.threshold=t.threshold,s.strength=t.strength,s.radius=t.radius}t.threshold&&(s.threshold=t.threshold),t.strength&&(s.strength=t.strength),t.radius&&(s.radius=t.radius)});const c={},T=e=>{e.isMesh&&(c[e.uuid]=e.material,e.material=L)},N=e=>{c[e.uuid]&&(e.material=c[e.uuid],delete c[e.uuid])},{onLoop:z,onAfterLoop:A}=I();let b=.03,f=a.Sketchfab_model.getObjectByName("canister_turbine_011_Nickel-Light-PBR_0"),R=f.material.clone(),$=new C({color:new O("red"),transparent:!0,opacity:1});return z(({elapsed:e})=>{a.hull_turbine&&(a.hull_turbine.rotation.x+=b,a.blades_turbine_003.rotation.x+=b),Math.floor(e)%2?f.material=R:f.material=$}),A(({elapsed:e})=>{m&&(h.value.traverse(o=>{T(o)}),m.render(e)),p&&(h.value.traverse(o=>{N(o)}),p.render(e))}),(e,o)=>(g(),Q(U,null,[l("primitive",{object:d(a).Sketchfab_model},null,8,te),l("primitive",{object:d(i)},null,8,ae)],64))}}),re=l("TresPerspectiveCamera",{position:[5,5,5],fov:45,near:1,far:1e3},null,-1),oe=l("TresAmbientLight",{color:"#ffffff",intensity:"40"},null,-1),le=l("TresDirectionalLight",{position:[0,2,-4],intensity:1},null,-1),de=y({__name:"deviceLightByComposerTres",setup(v){const r=_({clearColor:"#000",shadows:!0,alpha:!1,shadowMapType:X,outputColorSpace:Y,toneMapping:Z}),n=_({autoRotate:!0}),t=_({threshold:0,strength:.972,radius:.21}),a=new j({title:"参数"});return a.addBinding(t,"threshold",{label:"阈值",min:0,max:1,step:.1}),a.addBinding(t,"strength",{label:"强度",min:0,max:3,step:.2}),a.addBinding(t,"radius",{label:"半径",min:0,max:1,step:.1}),a.addBlade({view:"text",label:"post-processing",parse:i=>String(i),value:"未完成：等待Tresjs库更新"}),(i,u)=>(g(),M(d(H),q(r,{"window-size":""}),{default:w(()=>[re,x(d(J),S(k(n)),null,16),oe,le,(g(),M(K,null,{default:w(()=>[x(se,S(k(t)),null,16)]),_:1}))]),_:1},16))}});export{de as default};
|
||||
import{Y as y,az as E,aA as F,aM as G,bm as C,a3 as V,a2 as I,aL as O,o as g,c as Q,U as l,I as d,C as U,Z as _,$ as X,a0 as Y,a1 as Z,ae as j,s as M,B as w,a5 as q,a6 as H,a as x,a7 as S,a8 as k,a9 as J,aC as K}from"./vendor-76c85ed2.js";import{r as W,u as ee}from"./device-c4862ebe.js";import"./BufferGeometryUtils-32c4c77a.js";const te=["object"],ae=["object"],se=y({__name:"ByComposerTres",props:{threshold:{default:0},strength:{default:.972},radius:{default:.21}},async setup(v){let r,n;const t=v,{nodes:a}=([r,n]=E(()=>F("./plugins/industry4/model/modelDraco.glb",{draco:!0})),r=await r,n(),r),i=W(a.Sketchfab_model),{camera:u,renderer:P,scene:h,sizes:B}=G();let p=null,m=null,s=null;const L=new C({color:"black"});V(()=>{if(u.value){const{finalComposer:e,effectComposer:o,bloomPass:D}=ee(h.value,u.value,P.value,B.width.value,B.height.value);p=e,m=o,s=D,s.threshold=t.threshold,s.strength=t.strength,s.radius=t.radius}t.threshold&&(s.threshold=t.threshold),t.strength&&(s.strength=t.strength),t.radius&&(s.radius=t.radius)});const c={},T=e=>{e.isMesh&&(c[e.uuid]=e.material,e.material=L)},N=e=>{c[e.uuid]&&(e.material=c[e.uuid],delete c[e.uuid])},{onLoop:z,onAfterLoop:A}=I();let b=.03,f=a.Sketchfab_model.getObjectByName("canister_turbine_011_Nickel-Light-PBR_0"),R=f.material.clone(),$=new C({color:new O("red"),transparent:!0,opacity:1});return z(({elapsed:e})=>{a.hull_turbine&&(a.hull_turbine.rotation.x+=b,a.blades_turbine_003.rotation.x+=b),Math.floor(e)%2?f.material=R:f.material=$}),A(({elapsed:e})=>{m&&(h.value.traverse(o=>{T(o)}),m.render(e)),p&&(h.value.traverse(o=>{N(o)}),p.render(e))}),(e,o)=>(g(),Q(U,null,[l("primitive",{object:d(a).Sketchfab_model},null,8,te),l("primitive",{object:d(i)},null,8,ae)],64))}}),re=l("TresPerspectiveCamera",{position:[5,5,5],fov:45,near:1,far:1e3},null,-1),oe=l("TresAmbientLight",{color:"#ffffff",intensity:"40"},null,-1),le=l("TresDirectionalLight",{position:[0,2,-4],intensity:1},null,-1),de=y({__name:"deviceLightByComposerTres",setup(v){const r=_({clearColor:"#000",shadows:!0,alpha:!1,shadowMapType:X,outputColorSpace:Y,toneMapping:Z}),n=_({autoRotate:!0}),t=_({threshold:0,strength:.972,radius:.21}),a=new j({title:"参数"});return a.addBinding(t,"threshold",{label:"阈值",min:0,max:1,step:.1}),a.addBinding(t,"strength",{label:"强度",min:0,max:3,step:.2}),a.addBinding(t,"radius",{label:"半径",min:0,max:1,step:.1}),a.addBlade({view:"text",label:"post-processing",parse:i=>String(i),value:"未完成：等待Tresjs库更新"}),(i,u)=>(g(),M(d(H),q(r,{"window-size":""}),{default:w(()=>[re,x(d(J),S(k(n)),null,16),oe,le,(g(),M(K,null,{default:w(()=>[x(se,S(k(t)),null,16)]),_:1}))]),_:1},16))}});export{de as default};
|
||||
File diff suppressed because one or more lines are too long
@ -1,4 +1,4 @@
|
||||
import{Y as xe,a2 as ve,aa as Ki,j as hr,a4 as _r,o as bt,s as ae,I as D,av as Zi,az as lr,aP as cr,c as dr,U as A,ah as Nt,C as pr,ai as Ji,aG as tn,D as en,aE as Se,B as be,a5 as rn,a6 as nn,a0 as sn,ba as an,a as ne,a9 as on,aC as Ne}from"./vendor-7c4537c1.js";const un=xe({__name:"starts",setup(f){const{onLoop:t}=ve(),e=Ki(0);t(({delta:i})=>{e.value+=.02*i});const r=hr();return _r(()=>{r.value.value.material.color.setHex(5076687),r.value.value.scale.set(5,5,5)}),(i,n)=>(bt(),ae(D(Zi),{ref_key:"StarsREF",ref:r,rotation:[0,e.value,0],radius:100,depth:50,count:1e4,size:5,"size-attenuation":!0},null,8,["rotation"]))}}),fn={position:[0,0,0]},hn=A("TresSphereGeometry",{args:[50,32,32]},null,-1),_n=["map"],ln=A("TresSphereGeometry",{args:[53,32,32]},null,-1),cn=["map","alphaMap","blending"],dn={scale:[155,155,0]},pn=["map","blending"],mn={scale:[128,128,0]},gn=["map","blending"],yn=xe({__name:"earthmap",async setup(f){let t,e;const r=([t,e]=lr(()=>cr(["./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}=ve();return i(({delta:n})=>{}),_r(()=>{}),(n,s)=>(bt(),dr(pr,null,[A("TresMesh",fn,[hn,A("TresMeshBasicMaterial",{map:D(r)[0]},null,8,_n)]),A("TresMesh",null,[ln,A("TresMeshBasicMaterial",{map:D(r)[1],alphaMap:D(r)[1],blending:D(Nt),transparent:!0},null,8,cn)]),A("TresSprite",dn,[A("TresSpriteMaterial",{color:"#4d76cf",map:D(r)[2],blending:D(Nt),depthWrite:!1,depthTest:!1,transparent:!0},null,8,pn)]),A("TresSprite",mn,[A("TresSpriteMaterial",{color:"#4d76cf",map:D(r)[3],blending:D(Nt),depthWrite:!1,depthTest:!1,transparent:!0},null,8,gn)])],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{Y as xe,a2 as ve,aa as Ki,j as hr,a4 as _r,o as bt,s as ae,I as D,av as Zi,az as lr,aP as cr,c as dr,U as A,ah as Nt,C as pr,ai as Ji,aG as tn,D as en,aE as Se,B as be,a5 as rn,a6 as nn,a0 as sn,ba as an,a as ne,a9 as on,aC as Ne}from"./vendor-76c85ed2.js";const un=xe({__name:"starts",setup(f){const{onLoop:t}=ve(),e=Ki(0);t(({delta:i})=>{e.value+=.02*i});const r=hr();return _r(()=>{r.value.value.material.color.setHex(5076687),r.value.value.scale.set(5,5,5)}),(i,n)=>(bt(),ae(D(Zi),{ref_key:"StarsREF",ref:r,rotation:[0,e.value,0],radius:100,depth:50,count:1e4,size:5,"size-attenuation":!0},null,8,["rotation"]))}}),fn={position:[0,0,0]},hn=A("TresSphereGeometry",{args:[50,32,32]},null,-1),_n=["map"],ln=A("TresSphereGeometry",{args:[53,32,32]},null,-1),cn=["map","alphaMap","blending"],dn={scale:[155,155,0]},pn=["map","blending"],mn={scale:[128,128,0]},gn=["map","blending"],yn=xe({__name:"earthmap",async setup(f){let t,e;const r=([t,e]=lr(()=>cr(["./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}=ve();return i(({delta:n})=>{}),_r(()=>{}),(n,s)=>(bt(),dr(pr,null,[A("TresMesh",fn,[hn,A("TresMeshBasicMaterial",{map:D(r)[0]},null,8,_n)]),A("TresMesh",null,[ln,A("TresMeshBasicMaterial",{map:D(r)[1],alphaMap:D(r)[1],blending:D(Nt),transparent:!0},null,8,cn)]),A("TresSprite",dn,[A("TresSpriteMaterial",{color:"#4d76cf",map:D(r)[2],blending:D(Nt),depthWrite:!1,depthTest:!1,transparent:!0},null,8,pn)]),A("TresSprite",mn,[A("TresSpriteMaterial",{color:"#4d76cf",map:D(r)[3],blending:D(Nt),depthWrite:!1,depthTest:!1,transparent:!0},null,8,gn)])],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
|
||||
*
|
||||
File diff suppressed because one or more lines are too long
@ -1 +1 @@
|
||||
import{Y as p,o as l,s as c,B as d,a5 as _,I as e,a6 as u,$ as m,a1 as f,a as s,ao as h,ap as g,aq as w,U as a}from"./vendor-7c4537c1.js";const B=a("TresPerspectiveCamera",{position:[0,3,10]},null,-1),C=a("TresGridHelper",{args:[100,100]},null,-1),T=a("TresAmbientLight",{intensity:1},null,-1),M=p({__name:"firstPersonControls",setup(b){const n={clearColor:"#82DBC5",shadows:!0,alpha:!1,shadowMapType:m,toneMapping:f},r=o=>console.log(o);return(o,t)=>(l(),c(e(u),_(n,{"window-size":""}),{default:d(()=>[s(e(h)),B,s(e(g),{"make-default":"",onIsLock:t[0]||(t[0]=i=>r(i))}),s(e(w),{"head-bobbing":""}),C,T]),_:1},16))}});export{M as default};
|
||||
import{Y as p,o as l,s as c,B as d,a5 as _,I as e,a6 as u,$ as m,a1 as f,a as s,ao as h,ap as g,aq as w,U as a}from"./vendor-76c85ed2.js";const B=a("TresPerspectiveCamera",{position:[0,3,10]},null,-1),C=a("TresGridHelper",{args:[100,100]},null,-1),T=a("TresAmbientLight",{intensity:1},null,-1),M=p({__name:"firstPersonControls",setup(b){const n={clearColor:"#82DBC5",shadows:!0,alpha:!1,shadowMapType:m,toneMapping:f},r=o=>console.log(o);return(o,t)=>(l(),c(e(u),_(n,{"window-size":""}),{default:d(()=>[s(e(h)),B,s(e(g),{"make-default":"",onIsLock:t[0]||(t[0]=i=>r(i))}),s(e(w),{"head-bobbing":""}),C,T]),_:1},16))}});export{M as default};
|
||||
@ -1 +1 @@
|
||||
import{Y as _,j as u,aa as r,w as d,o as h,s as f,B as n,a5 as M,I as s,a6 as g,$ as m,a0 as T,a1 as x,U as e,a,aD as i,as as w,ax as y,aE as B,a9 as C}from"./vendor-7c4537c1.js";const R=e("TresPerspectiveCamera",{position:[3,3,3]},null,-1),k={"position-x":3},v=e("TresTorusKnotGeometry",{args:[1,.4,256,20]},null,-1),G={position:[0,0,-1]},S=e("TresPlaneGeometry",{args:[3,3]},null,-1),b=["side"],D=e("TresGridHelper",{args:[10,10]},null,-1),P=e("TresAmbientLight",{intensity:1},null,-1),N=e("TresDirectionalLight",{intensity:1,position:[2,2,2]},null,-1),V=_({__name:"glassMaterial",setup(z){const c={clearColor:"#82DBC5",shadows:!0,alpha:!1,shadowMapType:m,outputColorSpace:T,toneMapping:x},p=u(),t=r(),o=r();return d(t,l=>{o.value.value.material.dispose(),o.value.value.material=l.MeshGlassMaterialClass}),(l,I)=>(h(),f(s(g),M(c,{ref_key:"context",ref:p,"window-size":""}),{default:n(()=>[R,e("TresMesh",k,[v,a(s(i),{ref_key:"glassMaterialRef",ref:t},null,512)]),a(s(w),{scale:.5},{default:n(()=>[a(s(i))]),_:1}),a(s(y),{ref_key:"boxRef",ref:o,"position-x":-3},null,512),e("TresMesh",G,[S,e("TresMeshBasicMaterial",{side:s(B),color:16716049},null,8,b)]),D,P,N,a(s(C))]),_:1},16))}});export{V as default};
|
||||
import{Y as _,j as u,aa as r,w as d,o as h,s as f,B as n,a5 as M,I as s,a6 as g,$ as m,a0 as T,a1 as x,U as e,a,aD as i,as as w,ax as y,aE as B,a9 as C}from"./vendor-76c85ed2.js";const R=e("TresPerspectiveCamera",{position:[3,3,3]},null,-1),k={"position-x":3},v=e("TresTorusKnotGeometry",{args:[1,.4,256,20]},null,-1),G={position:[0,0,-1]},S=e("TresPlaneGeometry",{args:[3,3]},null,-1),b=["side"],D=e("TresGridHelper",{args:[10,10]},null,-1),P=e("TresAmbientLight",{intensity:1},null,-1),N=e("TresDirectionalLight",{intensity:1,position:[2,2,2]},null,-1),V=_({__name:"glassMaterial",setup(z){const c={clearColor:"#82DBC5",shadows:!0,alpha:!1,shadowMapType:m,outputColorSpace:T,toneMapping:x},p=u(),t=r(),o=r();return d(t,l=>{o.value.value.material.dispose(),o.value.value.material=l.MeshGlassMaterialClass}),(l,I)=>(h(),f(s(g),M(c,{ref_key:"context",ref:p,"window-size":""}),{default:n(()=>[R,e("TresMesh",k,[v,a(s(i),{ref_key:"glassMaterialRef",ref:t},null,512)]),a(s(w),{scale:.5},{default:n(()=>[a(s(i))]),_:1}),a(s(y),{ref_key:"boxRef",ref:o,"position-x":-3},null,512),e("TresMesh",G,[S,e("TresMeshBasicMaterial",{side:s(B),color:16716049},null,8,b)]),D,P,N,a(s(C))]),_:1},16))}});export{V as default};
|
||||
@ -1 +1 @@
|
||||
import{Y as n,Z as o,ae as s,o as i,c as r,a as e,B as m,C as p,a5 as l}from"./vendor-7c4537c1.js";import{_}from"./heatmapJS.vue_vue_type_script_setup_true_lang-c1a8528a.js";import{_ as c}from"./loading.vue_vue_type_script_setup_true_lang-181010c5.js";import{_ as d}from"./pagesShow.vue_vue_type_script_setup_true_lang-f6d8b3f7.js";import"./heatmap-d02141de.js";import"./_commonjsHelpers-725317a4.js";import"./vanilla-307d3a93.esm-7222bf58.js";const P=n({__name:"heatmap",setup(f){const a=o({show2dCanvas:!0,heightRatio:20,position:[0,20,0],Plane:[1e3,1e3,1e3,1e3]}),t=new s({title:"参数",expanded:!0});return t.addBinding(a,"show2dCanvas",{label:"显示二维图"}),t.addBinding(a,"heightRatio",{label:"高度",min:10,max:100,step:10}),(h,u)=>(i(),r(p,null,[e(c),e(d,null,{ability:m(()=>[e(_,l({ref:"heatmapJSRef"},a),null,16)]),_:1})],64))}});export{P as default};
|
||||
import{Y as n,Z as o,ae as s,o as i,c as r,a as e,B as m,C as p,a5 as l}from"./vendor-76c85ed2.js";import{_}from"./heatmapJS.vue_vue_type_script_setup_true_lang-e8cada9f.js";import{_ as c}from"./loading.vue_vue_type_script_setup_true_lang-43ced0f9.js";import{_ as d}from"./pagesShow.vue_vue_type_script_setup_true_lang-35f3b154.js";import"./heatmap-d02141de.js";import"./_commonjsHelpers-725317a4.js";import"./vanilla-307d3a93.esm-959fd761.js";const P=n({__name:"heatmap",setup(f){const a=o({show2dCanvas:!0,heightRatio:20,position:[0,20,0],Plane:[1e3,1e3,1e3,1e3]}),t=new s({title:"参数",expanded:!0});return t.addBinding(a,"show2dCanvas",{label:"显示二维图"}),t.addBinding(a,"heightRatio",{label:"高度",min:10,max:100,step:10}),(h,u)=>(i(),r(p,null,[e(c),e(d,null,{ability:m(()=>[e(_,l({ref:"heatmapJSRef"},a),null,16)]),_:1})],64))}});export{P as default};
|
||||
@ -1 +1 @@
|
||||
import{aJ as _,Y as y,aS as x,a3 as g,o as b,c as w,aE as B,j as C,az as A,Z as d,ae as M,s as S,B as U,a as h,a5 as v,I as f}from"./vendor-7c4537c1.js";import{_ as D,l as L,b as P}from"./pagesShow.vue_vue_type_script_setup_true_lang-f6d8b3f7.js";import{C as T}from"./vanilla-307d3a93.esm-7222bf58.js";import{h as X}from"./heatmap-d02141de.js";import"./_commonjsHelpers-725317a4.js";const p=(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:p(1,a._config.width),y:p(1,a._config.height),value:p(1,6)}),e++}a.setData({max:12,data:t})},E=(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),X.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))},k=(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=y({__name:"buildingsHeatmap",props:{model:{},opacity:{default:1}},setup(a){const t=a,o=E();Y(o);const e=new x(o._renderer.canvas);e.needsUpdate=!0;const n=(u,l)=>new T({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:B}),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;k(u,l);const m=n(i.material,e);i.material.dispose(),i.material=m};return r(),c(),g(()=>{t.opacity&&(s.material.uniforms.uOpacity.value=t.opacity)}),(u,l)=>(b(),w("primitive",{object:t.model.model.clone()},null,8,N))}}),R=y({__name:"heatmap2",async setup(a){let t,o;const e=C(!1),n=([t,o]=A(()=>L()),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 M({title:"参数",expanded:!0}).addBinding(s,"opacity",{label:"透明度",min:0,max:1,step:.1}),(c,u)=>(b(),S(D,{showBuildings:!1},{ability:U(()=>[h(O,v({model:f(n)},s),null,16,["model"]),h(P,v(i,{builds:f(n).city}),null,16,["builds"])]),_:1}))}});export{R as default};
|
||||
import{aJ as _,Y as y,aS as x,a3 as g,o as b,c as w,aE as B,j as C,az as A,Z as d,ae as M,s as S,B as U,a as h,a5 as v,I as f}from"./vendor-76c85ed2.js";import{_ as D,l as L,b as P}from"./pagesShow.vue_vue_type_script_setup_true_lang-35f3b154.js";import{C as T}from"./vanilla-307d3a93.esm-959fd761.js";import{h as X}from"./heatmap-d02141de.js";import"./_commonjsHelpers-725317a4.js";const p=(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:p(1,a._config.width),y:p(1,a._config.height),value:p(1,6)}),e++}a.setData({max:12,data:t})},E=(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),X.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))},k=(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=y({__name:"buildingsHeatmap",props:{model:{},opacity:{default:1}},setup(a){const t=a,o=E();Y(o);const e=new x(o._renderer.canvas);e.needsUpdate=!0;const n=(u,l)=>new T({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:B}),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;k(u,l);const m=n(i.material,e);i.material.dispose(),i.material=m};return r(),c(),g(()=>{t.opacity&&(s.material.uniforms.uOpacity.value=t.opacity)}),(u,l)=>(b(),w("primitive",{object:t.model.model.clone()},null,8,N))}}),R=y({__name:"heatmap2",async setup(a){let t,o;const e=C(!1),n=([t,o]=A(()=>L()),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 M({title:"参数",expanded:!0}).addBinding(s,"opacity",{label:"透明度",min:0,max:1,step:.1}),(c,u)=>(b(),S(D,{showBuildings:!1},{ability:U(()=>[h(O,v({model:f(n)},s),null,16,["model"]),h(P,v(i,{builds:f(n).city}),null,16,["builds"])]),_:1}))}});export{R as default};
|
||||
@ -1 +1 @@
|
||||
import{Y as c,j as f,a2 as u,Z as d,ae as h,o as _,s as m,B as g,a5 as r,I as i,a6 as C,a0 as w,ba as S,a as l,a9 as v,U as a}from"./vendor-7c4537c1.js";import{_ as x}from"./heatmapJS.vue_vue_type_script_setup_true_lang-c1a8528a.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),R=a("TresPointLight",{color:"#ffffff",intensity:.8},null,-1),L=a("TresGridHelper",{args:[50,25],position:[0,0,0]},null,-1),J=c({__name:"heatmapExample",setup(P){const p={clearColor:"#030311",shadows:!0,alpha:!1,outputColorSpace:w,shadowMapType:S,useLegacyLights:!0,antialias:!0},t=f();let e=!0;u().onLoop(({elapsed:s})=>{!e&&parseInt(s)%2==1&&(e=!0,t.value&&t.value.setData()),e&&parseInt(s)%2==0&&(e=!1)});const o=d({show2dCanvas:!0,heightRatio:6}),n=new h({title:"参数",expanded:!0});return n.addBinding(o,"show2dCanvas",{label:"显示二维图"}),n.addBinding(o,"heightRatio",{label:"高度",min:1,max:10,step:1}),(s,T)=>(_(),m(i(C),r(p,{"window-size":""}),{default:g(()=>[y,l(i(v),{autoRotate:!0,autoRotateSpeed:2}),B,R,L,l(x,r({ref_key:"heatmapJSRef",ref:t},o),null,16)]),_:1},16))}});export{J as default};
|
||||
import{Y as c,j as f,a2 as u,Z as d,ae as h,o as _,s as m,B as g,a5 as r,I as i,a6 as C,a0 as w,ba as S,a as l,a9 as v,U as a}from"./vendor-76c85ed2.js";import{_ as x}from"./heatmapJS.vue_vue_type_script_setup_true_lang-e8cada9f.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),R=a("TresPointLight",{color:"#ffffff",intensity:.8},null,-1),L=a("TresGridHelper",{args:[50,25],position:[0,0,0]},null,-1),J=c({__name:"heatmapExample",setup(P){const p={clearColor:"#030311",shadows:!0,alpha:!1,outputColorSpace:w,shadowMapType:S,useLegacyLights:!0,antialias:!0},t=f();let e=!0;u().onLoop(({elapsed:s})=>{!e&&parseInt(s)%2==1&&(e=!0,t.value&&t.value.setData()),e&&parseInt(s)%2==0&&(e=!1)});const o=d({show2dCanvas:!0,heightRatio:6}),n=new h({title:"参数",expanded:!0});return n.addBinding(o,"show2dCanvas",{label:"显示二维图"}),n.addBinding(o,"heightRatio",{label:"高度",min:1,max:10,step:1}),(s,T)=>(_(),m(i(C),r(p,{"window-size":""}),{default:g(()=>[y,l(i(v),{autoRotate:!0,autoRotateSpeed:2}),B,R,L,l(x,r({ref_key:"heatmapJSRef",ref:t},o),null,16)]),_:1},16))}});export{J as default};
|
||||
@ -1 +1 @@
|
||||
import{Y as d,aS as m,aE as g,a3 as f,o as y,c as x,U as u,a7 as _,a8 as M}from"./vendor-7c4537c1.js";import{h as R}from"./heatmap-d02141de.js";const w=["position"],b=["args","rotate-x"],C=d({__name:"heatmapJS",props:{position:{default:[0,0,0]},Plane:{default:[50,50,1e3,1e3]},show2dCanvas:{type:Boolean,default:!0},heightRatio:{default:6}},setup(p,{expose:c}){const a=p;let i=null;const s=(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=R.create({container:e,width:256,height:256,blur:".8",radius:10}),i),r=t=>{if(!t){let h=0;for(t=[];h<2e3;)t.push({x:s(1,256),y:s(1,256),value:s(1,6)}),h++}i.setData({max:12,data:t}),n.needsUpdate=!0},n=new m(v()._renderer.canvas);r();const l={transparent:!0,side:g,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 f(()=>{e.style.display="".concat(a.show2dCanvas?"block":"none"),a.heightRatio&&(l.uniforms.heightRatio.value=a.heightRatio)}),c({setData:r}),(t,o)=>(y(),x("TresMesh",{position:a.position},[u("TresPlaneGeometry",{args:a.Plane,"rotate-x":-Math.PI*.5},null,8,b),u("TresShaderMaterial",_(M(l)),null,16)],8,w))}});export{C as _};
|
||||
import{Y as d,aS as m,aE as g,a3 as f,o as y,c as x,U as u,a7 as _,a8 as M}from"./vendor-76c85ed2.js";import{h as R}from"./heatmap-d02141de.js";const w=["position"],b=["args","rotate-x"],C=d({__name:"heatmapJS",props:{position:{default:[0,0,0]},Plane:{default:[50,50,1e3,1e3]},show2dCanvas:{type:Boolean,default:!0},heightRatio:{default:6}},setup(p,{expose:c}){const a=p;let i=null;const s=(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=R.create({container:e,width:256,height:256,blur:".8",radius:10}),i),r=t=>{if(!t){let h=0;for(t=[];h<2e3;)t.push({x:s(1,256),y:s(1,256),value:s(1,6)}),h++}i.setData({max:12,data:t}),n.needsUpdate=!0},n=new m(v()._renderer.canvas);r();const l={transparent:!0,side:g,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 f(()=>{e.style.display="".concat(a.show2dCanvas?"block":"none"),a.heightRatio&&(l.uniforms.heightRatio.value=a.heightRatio)}),c({setData:r}),(t,o)=>(y(),x("TresMesh",{position:a.position},[u("TresPlaneGeometry",{args:a.Plane,"rotate-x":-Math.PI*.5},null,8,b),u("TresShaderMaterial",_(M(l)),null,16)],8,w))}});export{C as _};
|
||||
@ -1 +1 @@
|
||||
import{Y as u,j as c,Z as h,o as f,s as m,B as a,a5 as r,I as o,a6 as T,$ as M,a0 as x,a1 as w,a as l,a9 as y,U as e,af as p,at as B,au as S,_ as g}from"./vendor-7c4537c1.js";const s=t=>(B("data-v-f4d85785"),t=t(),S(),t),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)),P=s(()=>e("TresTorusGeometry",null,null,-1)),V=s(()=>e("TresMeshNormalMaterial",null,null,-1)),j=[P,V],z=s(()=>e("TresAmbientLight",{intensity:1},null,-1)),A=u({__name:"htmls",setup(t){const i={clearColor:"#82DBC5",shadows:!0,alpha:!1,shadowMapType:M,outputColorSpace:x,toneMapping:w},n=c(null),d=c(null),_=h({wrapperClass:"wrapper",as:"div",center:!0});return(D,L)=>(f(),m(o(T),r(i,{"window-size":""}),{default:a(()=>[v,l(o(y)),e("TresMesh",C,[I,N,l(o(p),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(o(p),r(_,{transform:""}),{default:a(()=>[b]),_:1},16)],512),e("TresMesh",{ref_key:"torusRef",ref:d,position:[7,1,1]},j,512),z]),_:1},16))}});const Y=g(A,[["__scopeId","data-v-f4d85785"]]);export{Y as default};
|
||||
import{Y as u,j as c,Z as h,o as f,s as m,B as a,a5 as r,I as o,a6 as T,$ as M,a0 as x,a1 as w,a as l,a9 as y,U as e,af as p,at as B,au as S,_ as g}from"./vendor-76c85ed2.js";const s=t=>(B("data-v-f4d85785"),t=t(),S(),t),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)),P=s(()=>e("TresTorusGeometry",null,null,-1)),V=s(()=>e("TresMeshNormalMaterial",null,null,-1)),j=[P,V],z=s(()=>e("TresAmbientLight",{intensity:1},null,-1)),A=u({__name:"htmls",setup(t){const i={clearColor:"#82DBC5",shadows:!0,alpha:!1,shadowMapType:M,outputColorSpace:x,toneMapping:w},n=c(null),d=c(null),_=h({wrapperClass:"wrapper",as:"div",center:!0});return(D,L)=>(f(),m(o(T),r(i,{"window-size":""}),{default:a(()=>[v,l(o(y)),e("TresMesh",C,[I,N,l(o(p),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(o(p),r(_,{transform:""}),{default:a(()=>[b]),_:1},16)],512),e("TresMesh",{ref_key:"torusRef",ref:d,position:[7,1,1]},j,512),z]),_:1},16))}});const Y=g(A,[["__scopeId","data-v-f4d85785"]]);export{Y as default};
|
||||
1
dist/static/index-791eef2f.js
vendored
1
dist/static/index-791eef2f.js
vendored
File diff suppressed because one or more lines are too long
1
dist/static/index-a082bc59.js
vendored
Normal file
1
dist/static/index-a082bc59.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@ -1 +1 @@
|
||||
import{Y as r,az as l,w as d,o as _,s as p,B as u,bb as y,bc as h,G as f,H as w,I as a,U as c,E as v,t as x,a as b,bd as g}from"./vendor-7c4537c1.js";const m={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"},k={class:"w-200px text-white"},N=r({__name:"loading",async setup(B){let t,e;const{hasFinishLoading:i,progress:s}=([t,e]=l(()=>h()),t=await t,e(),t);return d(()=>s.value,async(o,n)=>{console.log(o,n)}),(o,n)=>(_(),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(c("div",m,[c("div",k,[v(" 载入中... "+x(a(s))+" % ",1),b(a(g),{class:"text-yellow"})])],512),[[w,!a(i)]])]),_:1}))}});export{N as _};
|
||||
import{Y as r,az as l,w as d,o as _,s as p,B as u,bb as y,bc as h,G as f,H as w,I as a,U as c,E as v,t as x,a as b,bd as g}from"./vendor-76c85ed2.js";const m={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"},k={class:"w-200px text-white"},N=r({__name:"loading",async setup(B){let t,e;const{hasFinishLoading:i,progress:s}=([t,e]=l(()=>h()),t=await t,e(),t);return d(()=>s.value,async(o,n)=>{console.log(o,n)}),(o,n)=>(_(),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(c("div",m,[c("div",k,[v(" 载入中... "+x(a(s))+" % ",1),b(a(g),{class:"text-yellow"})])],512),[[w,!a(i)]])]),_:1}))}});export{N as _};
|
||||
File diff suppressed because one or more lines are too long
@ -1 +1 @@
|
||||
import{Y as M,az as S,aA as b,a2 as y,w as P,o as _,c as f,I as p,aa as v,U as w,a as u,C as x,D as L,B as z,a5 as B,a6 as k,a0 as $,ba as j,a9 as A,s as W,aC as F,av as I}from"./vendor-7c4537c1.js";import{_ as T}from"./loading.vue_vue_type_script_setup_true_lang-181010c5.js";const N=["object"],R=.2,D=M({__name:"airplane",props:{planet:{}},async setup(h){let e,i;const n=h,{scene:a}=([e,i]=S(()=>b("./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}=y();P(()=>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*R;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))}}),E=["object"],Q=M({__name:"cloud",props:{planet:{}},async setup(h){let e,i;const n=h,{scene:a}=([e,i]=S(()=>b("./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(),P(()=>n.planet,l=>{l&&(t.lookAt(l.position),t.updateMatrixWorld())});const{onLoop:s}=y();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),C=m*Math.sin(r);t.position.x=g,t.position.z=C,t.rotation.y=-r,t.lookAt(n.planet.position),t.updateMatrixWorld()}),(l,m)=>(_(),f("primitive",{object:p(a),"cast-shadow":""},null,8,E))}}),V=["object"],G=M({__name:"planet",async setup(h){let e,i;const{nodes:n}=([e,i]=S(()=>b("./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}=y();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(D,{planet:p(t)},null,8,["planet"]),(_(),f(x,null,L([1,2,3,4,5,6,7,8,9],r=>u(Q,{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),O=M({__name:"lowpolyPlanet",setup(h){const e={clearColor:"#11101B",shadows:!0,alpha:!1,outputColorSpace:$,shadowMapType:j,useLegacyLights:!0},i=v(0);return y().onLoop(({delta:n})=>{i.value+=.02*n}),(n,a)=>(_(),f(x,null,[u(T),u(p(k),B(e,{"window-size":""}),{default:z(()=>[U,u(p(A)),Y,(_(),W(F,null,{default:z(()=>[u(G)]),_:1})),u(p(I),{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{O as default};
|
||||
import{Y as M,az as S,aA as b,a2 as y,w as P,o as _,c as f,I as p,aa as v,U as w,a as u,C as x,D as L,B as z,a5 as B,a6 as k,a0 as $,ba as j,a9 as A,s as W,aC as F,av as I}from"./vendor-76c85ed2.js";import{_ as T}from"./loading.vue_vue_type_script_setup_true_lang-43ced0f9.js";const N=["object"],R=.2,D=M({__name:"airplane",props:{planet:{}},async setup(h){let e,i;const n=h,{scene:a}=([e,i]=S(()=>b("./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}=y();P(()=>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*R;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))}}),E=["object"],Q=M({__name:"cloud",props:{planet:{}},async setup(h){let e,i;const n=h,{scene:a}=([e,i]=S(()=>b("./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(),P(()=>n.planet,l=>{l&&(t.lookAt(l.position),t.updateMatrixWorld())});const{onLoop:s}=y();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),C=m*Math.sin(r);t.position.x=g,t.position.z=C,t.rotation.y=-r,t.lookAt(n.planet.position),t.updateMatrixWorld()}),(l,m)=>(_(),f("primitive",{object:p(a),"cast-shadow":""},null,8,E))}}),V=["object"],G=M({__name:"planet",async setup(h){let e,i;const{nodes:n}=([e,i]=S(()=>b("./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}=y();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(D,{planet:p(t)},null,8,["planet"]),(_(),f(x,null,L([1,2,3,4,5,6,7,8,9],r=>u(Q,{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),O=M({__name:"lowpolyPlanet",setup(h){const e={clearColor:"#11101B",shadows:!0,alpha:!1,outputColorSpace:$,shadowMapType:j,useLegacyLights:!0},i=v(0);return y().onLoop(({delta:n})=>{i.value+=.02*n}),(n,a)=>(_(),f(x,null,[u(T),u(p(k),B(e,{"window-size":""}),{default:z(()=>[U,u(p(A)),Y,(_(),W(F,null,{default:z(()=>[u(G)]),_:1})),u(p(I),{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{O as default};
|
||||
@ -1 +1 @@
|
||||
import{Y as r,o as n,s as l,B as s,a5 as p,I as a,a6 as i,a0 as c,a1 as _,a as o,ar as u,as as d,U as e}from"./vendor-7c4537c1.js";const m=e("TresPerspectiveCamera",{position:[3,3,3]},null,-1),h=e("TresMeshNormalMaterial",null,null,-1),f=e("TresGridHelper",{args:[10,10]},null,-1),C=e("TresAmbientLight",{intensity:1},null,-1),N=r({__name:"mapControls",setup(g){const t={clearColor:"#82DBC5",alpha:!1,outputColorSpace:c,toneMapping:_};return(B,T)=>(n(),l(a(i),p(t,{"window-size":""}),{default:s(()=>[m,o(a(u)),o(a(d),{scale:.5},{default:s(()=>[h]),_:1}),f,C]),_:1},16))}});export{N as default};
|
||||
import{Y as r,o as n,s as l,B as s,a5 as p,I as a,a6 as i,a0 as c,a1 as _,a as o,ar as u,as as d,U as e}from"./vendor-76c85ed2.js";const m=e("TresPerspectiveCamera",{position:[3,3,3]},null,-1),h=e("TresMeshNormalMaterial",null,null,-1),f=e("TresGridHelper",{args:[10,10]},null,-1),C=e("TresAmbientLight",{intensity:1},null,-1),N=r({__name:"mapControls",setup(g){const t={clearColor:"#82DBC5",alpha:!1,outputColorSpace:c,toneMapping:_};return(B,T)=>(n(),l(a(i),p(t,{"window-size":""}),{default:s(()=>[m,o(a(u)),o(a(d),{scale:.5},{default:s(()=>[h]),_:1}),f,C]),_:1},16))}});export{N as default};
|
||||
File diff suppressed because one or more lines are too long
@ -1 +1 @@
|
||||
import{Y as b,Z as h,al as x,r as B,o as _,c as P,a as o,B as A,a5 as s,I as m,a6 as M,C as f,$ as C,a0 as S,a1 as F,a9 as I,U as i}from"./vendor-7c4537c1.js";const z=i("TresPerspectiveCamera",{position:[3,3,3]},null,-1),Z=i("TresGridHelper",null,null,-1),D=i("TresAmbientLight",{intensity:1},null,-1),L=b({__name:"orbitControls",setup(T){const r={clearColor:"#82DBC5",shadows:!0,alpha:!1,shadowMapType:C,outputColorSpace:S,toneMapping:F},a=h({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}=x();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=B("TresLeches");return _(),P(f,null,[o(u),o(m(M),s(r,{"window-size":""}),{default:A(()=>[z,o(m(I),s(a,{onChange:p,onStart:c,onEnd:g}),null,16),Z,D]),_:1},16)],64)}}});export{L as default};
|
||||
import{Y as b,Z as h,al as x,r as B,o as _,c as P,a as o,B as A,a5 as s,I as m,a6 as M,C as f,$ as C,a0 as S,a1 as F,a9 as I,U as i}from"./vendor-76c85ed2.js";const z=i("TresPerspectiveCamera",{position:[3,3,3]},null,-1),Z=i("TresGridHelper",null,null,-1),D=i("TresAmbientLight",{intensity:1},null,-1),L=b({__name:"orbitControls",setup(T){const r={clearColor:"#82DBC5",shadows:!0,alpha:!1,shadowMapType:C,outputColorSpace:S,toneMapping:F},a=h({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}=x();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=B("TresLeches");return _(),P(f,null,[o(u),o(m(M),s(r,{"window-size":""}),{default:A(()=>[z,o(m(I),s(a,{onChange:p,onStart:c,onEnd:g}),null,16),Z,D]),_:1},16)],64)}}});export{L as default};
|
||||
File diff suppressed because one or more lines are too long
@ -1 +1 @@
|
||||
import{Y as i,j as _,ae as c,o as d,s as u,B as a,I as t,a6 as p,U as e,a as l,af as h,a9 as m,ag as x}from"./vendor-7c4537c1.js";const f=e("TresPerspectiveCamera",{"look-at":[0,4,0]},null,-1),B=["blocks-pointer-events"],g=e("TresBoxGeometry",{args:[1,1,1]},null,-1),T=e("TresMeshNormalMaterial",null,null,-1),v=[g,T],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),E=i({__name:"penetrateEvent",setup(N){const r=s=>{console.log(s),x.info(s)},o=_(!0);return new c({title:"穿透事件",expanded:!0}).addBinding(o,"value",{label:"Box2📦可点"}),(s,n)=>(d(),u(t(p),{"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]=G=>r("点击了 Box2 📦"))},[b,k,l(t(h),{center:!0,transform:""},{default:a(()=>[M]),_:1})]),l(t(m)),w,C]),_:1}))}});export{E as default};
|
||||
import{Y as i,j as _,ae as c,o as d,s as u,B as a,I as t,a6 as p,U as e,a as l,af as h,a9 as m,ag as x}from"./vendor-76c85ed2.js";const f=e("TresPerspectiveCamera",{"look-at":[0,4,0]},null,-1),B=["blocks-pointer-events"],g=e("TresBoxGeometry",{args:[1,1,1]},null,-1),T=e("TresMeshNormalMaterial",null,null,-1),v=[g,T],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),E=i({__name:"penetrateEvent",setup(N){const r=s=>{console.log(s),x.info(s)},o=_(!0);return new c({title:"穿透事件",expanded:!0}).addBinding(o,"value",{label:"Box2📦可点"}),(s,n)=>(d(),u(t(p),{"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]=G=>r("点击了 Box2 📦"))},[b,k,l(t(h),{center:!0,transform:""},{default:a(()=>[M]),_:1})]),l(t(m)),w,C]),_:1}))}});export{E as default};
|
||||
1
dist/static/preview-07487fce.js
vendored
Normal file
1
dist/static/preview-07487fce.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/static/preview-6af5d8e1.css
vendored
1
dist/static/preview-6af5d8e1.css
vendored
@ -1 +0,0 @@
|
||||
.fes-divider:not(.is-vertical) .fes-divider-text{font-size:1.2em;background-color:#0f1222;font-weight:bolder;color:#fff}.fes-divider{background-color:#0f1222;margin:0 10px;width:95%}.article-text[data-v-513cf3f8]{line-height:30px;margin-bottom:15px;padding:0 20px}.article-text p[data-v-513cf3f8]{text-indent:2em}.article-text img[data-v-513cf3f8]{margin:10px auto;display:block;max-width:100%;height:auto;cursor:zoom-in;-webkit-border-radius:2px;-webkit-background-clip:padding-box;-moz-border-radius:2px;-moz-background-clip:padding;border-radius:2px;background-clip:padding-box}.layout-logo{width:12.5rem!important;padding:0!important;justify-content:center!important;margin:0!important}.fes-menu.is-vertical.is-inverted .fes-menu-item,.fes-menu.is-horizontal.is-inverted .fes-menu-item{font-size:.93em;font-weight:100}
|
||||
1
dist/static/preview-c9164ba2.css
vendored
Normal file
1
dist/static/preview-c9164ba2.css
vendored
Normal file
@ -0,0 +1 @@
|
||||
.fes-divider:not(.is-vertical) .fes-divider-text{font-size:1.2em;background-color:#0f1222;font-weight:bolder;color:#fff}.fes-divider{background-color:#0f1222;margin:0 10px;width:95%}.layout-logo{width:12.5rem!important;padding:0!important;justify-content:center!important;margin:0!important}.fes-menu.is-vertical.is-inverted .fes-menu-item,.fes-menu.is-horizontal.is-inverted .fes-menu-item{font-size:.93em;font-weight:100}
|
||||
1
dist/static/preview-f9639e55.js
vendored
1
dist/static/preview-f9639e55.js
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +1 @@
|
||||
import{Y as v,j as n,a3 as m,a2 as h,o as g,c as C,a,B as p,a5 as x,I as s,a6 as R,C as S,a0 as w,a1 as y,at as I,au as k,U as e,av as B,aw as V,as as N,ax as T,_ as b}from"./vendor-7c4537c1.js";const c=l=>(I("data-v-3a9657c1"),l=l(),k(),l),j=c(()=>e("TresPerspectiveCamera",{position:[0,2,5]},null,-1)),z=c(()=>e("TresGridHelper",{args:[10,10]},null,-1)),E=c(()=>e("main",null,[e("section",null,[e("h1",null,"First section")]),e("section",null,[e("h2",null,"Second section")])],-1)),F=v({__name:"scrollControls",setup(l){const u=n(),i=n(),t=n(),o=n(0);m(()=>{console.log("jaime ~ progress:",o.value)});const _={clearColor:"#333",alpha:!0,outputColorSpace:w,toneMapping:y},{onLoop:d}=h();return d(()=>{t.value&&(t.value.value.rotation.x=o.value*10,t.value.value.rotation.y=o.value*2)}),(G,r)=>(g(),C(S,null,[a(s(R),x(_,{"window-size":"",class:"canvas-class"}),{default:p(()=>[j,a(s(B),{radius:1}),z,a(s(V),{ref_key:"scRef",ref:u,modelValue:o.value,"onUpdate:modelValue":r[0]||(r[0]=f=>o.value=f),distance:10,"smooth-scroll":.1,"html-scroll":""},{default:p(()=>[a(s(N),{ref_key:"sphereRef",ref:i,scale:.1,position:[1,2,0]},null,512),a(s(T),{ref_key:"boxRef",ref:t,scale:.5,color:16711935,position:[-1,1,0]},null,512)]),_:1},8,["modelValue"])]),_:1},16),E],64))}});const P=b(F,[["__scopeId","data-v-3a9657c1"]]);export{P as default};
|
||||
import{Y as v,j as n,a3 as m,a2 as h,o as g,c as C,a,B as p,a5 as x,I as s,a6 as R,C as S,a0 as w,a1 as y,at as I,au as k,U as e,av as B,aw as V,as as N,ax as T,_ as b}from"./vendor-76c85ed2.js";const c=l=>(I("data-v-3a9657c1"),l=l(),k(),l),j=c(()=>e("TresPerspectiveCamera",{position:[0,2,5]},null,-1)),z=c(()=>e("TresGridHelper",{args:[10,10]},null,-1)),E=c(()=>e("main",null,[e("section",null,[e("h1",null,"First section")]),e("section",null,[e("h2",null,"Second section")])],-1)),F=v({__name:"scrollControls",setup(l){const u=n(),i=n(),t=n(),o=n(0);m(()=>{console.log("jaime ~ progress:",o.value)});const _={clearColor:"#333",alpha:!0,outputColorSpace:w,toneMapping:y},{onLoop:d}=h();return d(()=>{t.value&&(t.value.value.rotation.x=o.value*10,t.value.value.rotation.y=o.value*2)}),(G,r)=>(g(),C(S,null,[a(s(R),x(_,{"window-size":"",class:"canvas-class"}),{default:p(()=>[j,a(s(B),{radius:1}),z,a(s(V),{ref_key:"scRef",ref:u,modelValue:o.value,"onUpdate:modelValue":r[0]||(r[0]=f=>o.value=f),distance:10,"smooth-scroll":.1,"html-scroll":""},{default:p(()=>[a(s(N),{ref_key:"sphereRef",ref:i,scale:.1,position:[1,2,0]},null,512),a(s(T),{ref_key:"boxRef",ref:t,scale:.5,color:16711935,position:[-1,1,0]},null,512)]),_:1},8,["modelValue"])]),_:1},16),E],64))}});const P=b(F,[["__scopeId","data-v-3a9657c1"]]);export{P as default};
|
||||
@ -1,4 +1,4 @@
|
||||
import{aG as M,aH as Se,aI as ce,aJ as ee,Y as we,aK as ge,ah as pe,j as se,aL as be,a3 as Be,w as le,a2 as Te,aM as xe,o as Ae,c as Me,U as V,a7 as ze,a8 as $e,az as Ce,Z as Ee,ae as Ge,aN as Ie,aE as Ne,aO as ke,s as Re,B as ye,a5 as ne,I as te,a6 as Ve,aP as Pe,a as oe,a9 as je,ax as Le}from"./vendor-7c4537c1.js";/**
|
||||
import{aG as M,aH as Se,aI as ce,aJ as ee,Y as we,aK as ge,ah as pe,j as se,aL as be,a3 as Be,w as le,a2 as Te,aM as xe,o as Ae,c as Me,U as V,a7 as ze,a8 as $e,az as Ce,Z as Ee,ae as Ge,aN as Ie,aE as Ne,aO as ke,s as Re,B as ye,a5 as ne,I as te,a6 as Ve,aP as Pe,a as oe,a9 as je,ax as Le}from"./vendor-76c85ed2.js";/**
|
||||
* @description Loop Subdivision Surface
|
||||
* @about Smooth subdivision surface modifier for use with three.js BufferGeometry.
|
||||
* @author Stephens Nunnally <@stevinz>
|
||||
@ -1 +1 @@
|
||||
import{Y as c,Z as d,a2 as u,o as m,s as f,B as h,a5 as p,I as t,a6 as _,a as v,a9 as P,U as o,a7 as g,a8 as w,ah as x}from"./vendor-7c4537c1.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,b=c({__name:"shaderParticles",setup(A){const r=d({clearColor:"black",shadows:!0,alpha:!1}),n={transparent:!0,blending:x,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}=u();return l(({elapsed:e})=>{n.uniforms.uTime.value=e}),(e,B)=>(m(),f(t(_),p(r,{"window-size":""}),{default:h(()=>[T,v(t(P)),S,o("TresPoints",C,[o("TresBufferGeometry",{position:[t(i),3],"a-scale":[t(s),1]},null,8,M),o("TresShaderMaterial",g(w(n)),null,16)]),y,z]),_:1},16))}});export{b as default};
|
||||
import{Y as c,Z as d,a2 as u,o as m,s as f,B as h,a5 as p,I as t,a6 as _,a as v,a9 as P,U as o,a7 as g,a8 as w,ah as x}from"./vendor-76c85ed2.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,b=c({__name:"shaderParticles",setup(A){const r=d({clearColor:"black",shadows:!0,alpha:!1}),n={transparent:!0,blending:x,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}=u();return l(({elapsed:e})=>{n.uniforms.uTime.value=e}),(e,B)=>(m(),f(t(_),p(r,{"window-size":""}),{default:h(()=>[T,v(t(P)),S,o("TresPoints",C,[o("TresBufferGeometry",{position:[t(i),3],"a-scale":[t(s),1]},null,8,M),o("TresShaderMaterial",g(w(n)),null,16)]),y,z]),_:1},16))}});export{b as default};
|
||||
File diff suppressed because one or more lines are too long
@ -1 +1 @@
|
||||
import{aS as d,bs as h,Y as u,a2 as m,aE as f,o as g,s as v,B as y,a5 as S,I as c,a6 as C,a0 as w,ba as M,a as _,a9 as x,U as i,a7 as b,a8 as P}from"./vendor-7c4537c1.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},L=()=>{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},R=i("TresPerspectiveCamera",{position:[0,0,3e3],fov:40,near:.1,far:1e4},null,-1),A=i("TresAmbientLight",{color:"#eef0ff",intensity:1},null,-1),B=i("TresPlaneGeometry",{args:[1500,1500]},null,-1),E=u({__name:"simpleExample",setup(e){const o={clearColor:"#030311",shadows:!0,alpha:!1,outputColorSpace:w,shadowMapType:M,useLegacyLights:!0};m().onLoop(({delta:a})=>{});const r={transparent:!0,side:f,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:L()},paletteMap:{type:"t",value:U()}}};function t(a){a&&console.log(a)}return(a,n)=>(g(),v(c(C),S(o,{"window-size":""}),{default:y(()=>[R,_(c(x),{autoRotate:!0,autoRotateSpeed:2}),A,i("TresMesh",{position:[0,0,10],onPointerMove:t},[B,i("TresShaderMaterial",b(P(r)),null,16)],32)]),_:1},16))}});export{E as default};
|
||||
import{aS as d,bs as h,Y as u,a2 as m,aE as f,o as g,s as v,B as y,a5 as S,I as c,a6 as C,a0 as w,ba as M,a as _,a9 as x,U as i,a7 as b,a8 as P}from"./vendor-76c85ed2.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},L=()=>{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},R=i("TresPerspectiveCamera",{position:[0,0,3e3],fov:40,near:.1,far:1e4},null,-1),A=i("TresAmbientLight",{color:"#eef0ff",intensity:1},null,-1),B=i("TresPlaneGeometry",{args:[1500,1500]},null,-1),E=u({__name:"simpleExample",setup(e){const o={clearColor:"#030311",shadows:!0,alpha:!1,outputColorSpace:w,shadowMapType:M,useLegacyLights:!0};m().onLoop(({delta:a})=>{});const r={transparent:!0,side:f,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:L()},paletteMap:{type:"t",value:U()}}};function t(a){a&&console.log(a)}return(a,n)=>(g(),v(c(C),S(o,{"window-size":""}),{default:y(()=>[R,_(c(x),{autoRotate:!0,autoRotateSpeed:2}),A,i("TresMesh",{position:[0,0,10],onPointerMove:t},[B,i("TresShaderMaterial",b(P(r)),null,16)],32)]),_:1},16))}});export{E as default};
|
||||
@ -1 +1 @@
|
||||
import{Y as d,Z as _,az as m,ae as h,r as u,o as g,s as f,B as x,a5 as b,I as t,a6 as B,aP as T,a as l,a9 as w,U as s,ah as C}from"./vendor-7c4537c1.js";const M=s("TresPerspectiveCamera",{position:[3,3,3]},null,-1),S=s("TresAmbientLight",{intensity:1},null,-1),v=s("TresGridHelper",{args:[10,10]},null,-1),y=["scale"],P=s("TresSphereGeometry",{args:[.3,32,16]},null,-1),A=["color"],k=["scale"],L=d({__name:"spriteImage",async setup(z){let a,n;const i={clearColor:"#222"},e=_({color:"#ffff00",scale:1}),{map:c}=([a,n]=m(()=>T({map:"./plugins/basic/shine/image/round.png"})),a=await a,n(),a),o=new h({title:"参数",expanded:!0});return o.addBinding(e,"color",{label:"颜色"}),o.addBinding(e,"scale",{label:"大小",min:1,max:10,step:1}),o.addBlade({view:"text",label:"问题",parse:r=>String(r),value:"Mesh移动到摄像头偏远处 物体产生变形，而本身精灵不会。 解决方法 Mesh也换成 Sprite 后 用shader画圆可解决"}),(r,G)=>{const p=u("SpriteMaterial");return g(),f(t(B),b(i,{"window-size":""}),{default:x(()=>[M,S,l(t(w)),v,s("TresMesh",{position:[0,1,0],scale:e.scale},[P,s("TresMeshLambertMaterial",{color:e.color},null,8,A)],8,y),s("TresSprite",{position:[0,1,0],scale:[e.scale,e.scale,1]},[l(p,{color:e.color,blending:t(C),map:t(c)},null,8,["color","blending","map"])],8,k)]),_:1},16)}}});export{L as default};
|
||||
import{Y as d,Z as _,az as m,ae as h,r as u,o as g,s as f,B as x,a5 as b,I as t,a6 as B,aP as T,a as l,a9 as w,U as s,ah as C}from"./vendor-76c85ed2.js";const M=s("TresPerspectiveCamera",{position:[3,3,3]},null,-1),S=s("TresAmbientLight",{intensity:1},null,-1),v=s("TresGridHelper",{args:[10,10]},null,-1),y=["scale"],P=s("TresSphereGeometry",{args:[.3,32,16]},null,-1),A=["color"],k=["scale"],L=d({__name:"spriteImage",async setup(z){let a,n;const i={clearColor:"#222"},e=_({color:"#ffff00",scale:1}),{map:c}=([a,n]=m(()=>T({map:"./plugins/basic/shine/image/round.png"})),a=await a,n(),a),o=new h({title:"参数",expanded:!0});return o.addBinding(e,"color",{label:"颜色"}),o.addBinding(e,"scale",{label:"大小",min:1,max:10,step:1}),o.addBlade({view:"text",label:"问题",parse:r=>String(r),value:"Mesh移动到摄像头偏远处 物体产生变形，而本身精灵不会。 解决方法 Mesh也换成 Sprite 后 用shader画圆可解决"}),(r,G)=>{const p=u("SpriteMaterial");return g(),f(t(B),b(i,{"window-size":""}),{default:x(()=>[M,S,l(t(w)),v,s("TresMesh",{position:[0,1,0],scale:e.scale},[P,s("TresMeshLambertMaterial",{color:e.color},null,8,A)],8,y),s("TresSprite",{position:[0,1,0],scale:[e.scale,e.scale,1]},[l(p,{color:e.color,blending:t(C),map:t(c)},null,8,["color","blending","map"])],8,k)]),_:1},16)}}});export{L as default};
|
||||
@ -1 +1 @@
|
||||
import{_ as o,r as s,o as t,s as r,B as a,aC as n,a as c}from"./vendor-7c4537c1.js";const _={};function u(p,f){const e=s("router-view");return t(),r(n,null,{default:a(()=>[c(e)]),_:1})}const i=o(_,[["render",u]]);export{i as default};
|
||||
import{_ as o,r as s,o as t,s as r,B as a,aC as n,a as c}from"./vendor-76c85ed2.js";const _={};function u(p,f){const e=s("router-view");return t(),r(n,null,{default:a(()=>[c(e)]),_:1})}const i=o(_,[["render",u]]);export{i as default};
|
||||
@ -1 +1 @@
|
||||
import{Y as d,Z as i,$ as _,a0 as m,a1 as f,j as l,aa as T,a2 as M,a3 as g,a4 as w,o as P,s as v,B as y,a5 as S,I as c,a6 as R,a as x,a7 as D,a8 as b,a9 as k,U as e}from"./vendor-7c4537c1.js";const A=e("TresPerspectiveCamera",{position:[15,15,15],fov:45,near:.1,far:1e3,"look-at":[0,0,0]},null,-1),B=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],Z=["rotation"],N=e("TresPlaneGeometry",{args:[20,20,20,20]},null,-1),j=e("TresMeshToonMaterial",null,null,-1),E=[N,j],V=e("TresDirectionalLight",{position:[10,2,4],intensity:1,"cast-shadow":""},null,-1),H=e("TresGridHelper",null,null,-1),q=d({__name:"theBasic",setup(U){const h=i({clearColor:"#201919",shadows:!0,alpha:!1,shadowMapType:_,outputColorSpace:m,toneMapping:f}),u=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(),o=T(),{onLoop:p}=M();p(({elapsed:a})=>{t.value&&(t.value.position.y+=Math.sin(a)*.01,s.value.position.y+=Math.sin(a)*.01)});function n(a){a&&a.object.material.color.set("#DFFF45")}function r(a){a&&a.material.color.set("#006060")}return g(()=>{o.value&&(o.value.shadow.mapSize.set(1e3,1e3),o.value.shadow.camera.near=.5,o.value.shadow.camera.top=20,o.value.shadow.camera.right=20,o.value.shadow.camera.left=-20,o.value.shadow.camera.bottom=-20)}),w(()=>{}),(a,Y)=>(P(),v(c(R),S(h,{"window-size":""}),{default:y(()=>[A,x(c(k),D(b(u)),null,16),B,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,Z),e("TresDirectionalLight",{ref_key:"TDirectionalLight",ref:o,position:[10,8,4],intensity:1,"cast-shadow":""},null,512),V,H]),_:1},16))}});export{q as default};
|
||||
import{Y as d,Z as i,$ as _,a0 as m,a1 as f,j as l,aa as T,a2 as M,a3 as g,a4 as w,o as P,s as v,B as y,a5 as S,I as c,a6 as R,a as x,a7 as D,a8 as b,a9 as k,U as e}from"./vendor-76c85ed2.js";const A=e("TresPerspectiveCamera",{position:[15,15,15],fov:45,near:.1,far:1e3,"look-at":[0,0,0]},null,-1),B=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],Z=["rotation"],N=e("TresPlaneGeometry",{args:[20,20,20,20]},null,-1),j=e("TresMeshToonMaterial",null,null,-1),E=[N,j],V=e("TresDirectionalLight",{position:[10,2,4],intensity:1,"cast-shadow":""},null,-1),H=e("TresGridHelper",null,null,-1),q=d({__name:"theBasic",setup(U){const h=i({clearColor:"#201919",shadows:!0,alpha:!1,shadowMapType:_,outputColorSpace:m,toneMapping:f}),u=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(),o=T(),{onLoop:p}=M();p(({elapsed:a})=>{t.value&&(t.value.position.y+=Math.sin(a)*.01,s.value.position.y+=Math.sin(a)*.01)});function n(a){a&&a.object.material.color.set("#DFFF45")}function r(a){a&&a.material.color.set("#006060")}return g(()=>{o.value&&(o.value.shadow.mapSize.set(1e3,1e3),o.value.shadow.camera.near=.5,o.value.shadow.camera.top=20,o.value.shadow.camera.right=20,o.value.shadow.camera.left=-20,o.value.shadow.camera.bottom=-20)}),w(()=>{}),(a,Y)=>(P(),v(c(R),S(h,{"window-size":""}),{default:y(()=>[A,x(c(k),D(b(u)),null,16),B,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,Z),e("TresDirectionalLight",{ref_key:"TDirectionalLight",ref:o,position:[10,8,4],intensity:1,"cast-shadow":""},null,512),V,H]),_:1},16))}});export{q as default};
|
||||
@ -1 +1 @@
|
||||
import{Y as f,Z as M,$ as T,a0 as b,a1 as m,j as a,a4 as x,ae as g,ai as B,aj as y,w as V,ak as v,o as t,s as w,B as k,a5 as C,I as i,a6 as G,U as e,c as r,V as n,a as P,a9 as L}from"./vendor-7c4537c1.js";const N=e("TresPerspectiveCamera",{position:[11,11,11],fov:45,near:.1,far:1e3,"look-at":[-8,3,-3]},null,-1),R=e("TresDirectionalLight",{position:[0,8,4],intensity:.2,"cast-shadow":""},null,-1),S=["material"],j=e("TresBoxGeometry",{args:[1,1,1]},null,-1),E=[j],I={key:0,position:[4,0,0]},U=e("TresBoxGeometry",{args:[1,1,1]},null,-1),$=e("TresMeshToonMaterial",{color:"#efefef"},null,-1),z=[U,$],A={key:1,position:[4,1,0]},D=e("TresBoxGeometry",{args:[1,1,1]},null,-1),Y=e("TresMeshToonMaterial",{color:"#efefef"},null,-1),Z=[D,Y],q={key:2,position:[0,-4,-5]},F=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),H=[F],J=e("TresAmbientLight",{intensity:.5},null,-1),Q=f({__name:"theConditional",setup(K){const p=M({clearColor:"#000000",shadows:!0,alpha:!1,shadowMapType:T,outputColorSpace:b,toneMapping:m,useLegacyLights:!1}),s=a({groupVisible:!0,boxPropMaterialVisible:!0}),_=a(null),l=a(!0);let o=null,c=null;x(()=>{o||(o=new g({title:"显隐参数",expanded:!0}),o.addBinding(l,"value",{label:"boxVisible"}),o.addBinding(s.value,"boxPropMaterialVisible"),o.addBinding(s.value,"groupVisible")),c=B().proxy}),y(()=>{o&&(o.dispose(),o=null)}),V(()=>l,(u,d)=>{d!==void 0&&(c.$refs.boxRef.visible=u.value)},{deep:!0});const h=new v({color:"#ff0000"});return(u,d)=>(t(),w(i(G),C(p,{"window-size":""}),{default:k(()=>[N,R,e("TresMesh",{ref_key:"boxRef",ref:_,position:[0,0,0],material:i(h)},E,8,S),s.value.boxPropMaterialVisible?(t(),r("TresMesh",I,z)):n("",!0),s.value.boxPropMaterialVisible?(t(),r("TresMesh",A,Z)):n("",!0),s.value.groupVisible?(t(),r("TresGroup",q,H)):n("",!0),P(i(L)),J]),_:1},16))}});export{Q as default};
|
||||
import{Y as f,Z as M,$ as T,a0 as b,a1 as m,j as a,a4 as x,ae as g,ai as B,aj as y,w as V,ak as v,o as t,s as w,B as k,a5 as C,I as i,a6 as G,U as e,c as r,V as n,a as P,a9 as L}from"./vendor-76c85ed2.js";const N=e("TresPerspectiveCamera",{position:[11,11,11],fov:45,near:.1,far:1e3,"look-at":[-8,3,-3]},null,-1),R=e("TresDirectionalLight",{position:[0,8,4],intensity:.2,"cast-shadow":""},null,-1),S=["material"],j=e("TresBoxGeometry",{args:[1,1,1]},null,-1),E=[j],I={key:0,position:[4,0,0]},U=e("TresBoxGeometry",{args:[1,1,1]},null,-1),$=e("TresMeshToonMaterial",{color:"#efefef"},null,-1),z=[U,$],A={key:1,position:[4,1,0]},D=e("TresBoxGeometry",{args:[1,1,1]},null,-1),Y=e("TresMeshToonMaterial",{color:"#efefef"},null,-1),Z=[D,Y],q={key:2,position:[0,-4,-5]},F=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),H=[F],J=e("TresAmbientLight",{intensity:.5},null,-1),Q=f({__name:"theConditional",setup(K){const p=M({clearColor:"#000000",shadows:!0,alpha:!1,shadowMapType:T,outputColorSpace:b,toneMapping:m,useLegacyLights:!1}),s=a({groupVisible:!0,boxPropMaterialVisible:!0}),_=a(null),l=a(!0);let o=null,c=null;x(()=>{o||(o=new g({title:"显隐参数",expanded:!0}),o.addBinding(l,"value",{label:"boxVisible"}),o.addBinding(s.value,"boxPropMaterialVisible"),o.addBinding(s.value,"groupVisible")),c=B().proxy}),y(()=>{o&&(o.dispose(),o=null)}),V(()=>l,(u,d)=>{d!==void 0&&(c.$refs.boxRef.visible=u.value)},{deep:!0});const h=new v({color:"#ff0000"});return(u,d)=>(t(),w(i(G),C(p,{"window-size":""}),{default:k(()=>[N,R,e("TresMesh",{ref_key:"boxRef",ref:_,position:[0,0,0],material:i(h)},E,8,S),s.value.boxPropMaterialVisible?(t(),r("TresMesh",I,z)):n("",!0),s.value.boxPropMaterialVisible?(t(),r("TresMesh",A,Z)):n("",!0),s.value.groupVisible?(t(),r("TresGroup",q,H)):n("",!0),P(i(L)),J]),_:1},16))}});export{Q as default};
|
||||
@ -1 +1 @@
|
||||
import{Y as d,o,s as m,B as C,a5 as g,I as c,a6 as T,$ as B,a0 as M,a1 as k,a as w,a9 as P,c as n,D as a,C as s,U as t}from"./vendor-7c4537c1.js";const x=t("TresPerspectiveCamera",{position:[11,11,11],"look-at":[0,0,0]},null,-1),y=["position"],L=t("TresBoxGeometry",{args:[1,1,1]},null,-1),S=t("TresMeshToonMaterial",{color:"#efefef"},null,-1),b=[L,S],E=t("TresDirectionalLight",{intensity:1},null,-1),F=t("TresAmbientLight",{intensity:1},null,-1),G=d({__name:"theEvents",setup(N){const u={clearColor:"#202020",shadows:!0,alpha:!1,shadowMapType:B,outputColorSpace:M,toneMapping:k};function p(e){e&&e.object.material.color.set("#008080")}function _(e){e&&e.object.material.color.set("#CCFF03")}function f(e){e&&e.material.color.set("#efefef")}function h(e){e&&console.log(e)}return(e,j)=>(o(),m(c(T),g(u,{"window-size":""}),{default:C(()=>[x,w(c(P)),(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:p,onPointerEnter:_,onPointerLeave:f,onPointerMove:h},b,40,y)),64))],64))),64))],64))),64)),E,F]),_:1},16))}});export{G as default};
|
||||
import{Y as d,o,s as m,B as C,a5 as g,I as c,a6 as T,$ as B,a0 as M,a1 as k,a as w,a9 as P,c as n,D as a,C as s,U as t}from"./vendor-76c85ed2.js";const x=t("TresPerspectiveCamera",{position:[11,11,11],"look-at":[0,0,0]},null,-1),y=["position"],L=t("TresBoxGeometry",{args:[1,1,1]},null,-1),S=t("TresMeshToonMaterial",{color:"#efefef"},null,-1),b=[L,S],E=t("TresDirectionalLight",{intensity:1},null,-1),F=t("TresAmbientLight",{intensity:1},null,-1),G=d({__name:"theEvents",setup(N){const u={clearColor:"#202020",shadows:!0,alpha:!1,shadowMapType:B,outputColorSpace:M,toneMapping:k};function p(e){e&&e.object.material.color.set("#008080")}function _(e){e&&e.object.material.color.set("#CCFF03")}function f(e){e&&e.material.color.set("#efefef")}function h(e){e&&console.log(e)}return(e,j)=>(o(),m(c(T),g(u,{"window-size":""}),{default:C(()=>[x,w(c(P)),(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:p,onPointerEnter:_,onPointerLeave:f,onPointerMove:h},b,40,y)),64))],64))),64))],64))),64)),E,F]),_:1},16))}});export{G as default};
|
||||
@ -1 +1 @@
|
||||
import{Y as a,a2 as r,j as n,o as i,s as c,B as l,I as o,a6 as _,a as p,a9 as h,U as e}from"./vendor-7c4537c1.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),v=a({__name:"theGroups",setup(w){const{onLoop:t}=r(),s=n();return t(()=>{s.value&&(s.value.rotation.y+=.01)}),(y,M)=>(i(),c(o(_),{clearColor:"#000000","window-size":""},{default:l(()=>[u,p(o(h)),d,e("TresGroup",{ref_key:"groupRef",ref:s,position:[0,-4,-5]},m,512),B,g]),_:1}))}});export{v as default};
|
||||
import{Y as a,a2 as r,j as n,o as i,s as c,B as l,I as o,a6 as _,a as p,a9 as h,U as e}from"./vendor-76c85ed2.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),v=a({__name:"theGroups",setup(w){const{onLoop:t}=r(),s=n();return t(()=>{s.value&&(s.value.rotation.y+=.01)}),(y,M)=>(i(),c(o(_),{clearColor:"#000000","window-size":""},{default:l(()=>[u,p(o(h)),d,e("TresGroup",{ref_key:"groupRef",ref:s,position:[0,-4,-5]},m,512),B,g]),_:1}))}});export{v as default};
|
||||
@ -1 +1 @@
|
||||
var h=Object.defineProperty;var i=Object.getOwnPropertySymbols;var _=Object.prototype.hasOwnProperty,b=Object.prototype.propertyIsEnumerable;var l=(n,t,e)=>t in n?h(n,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[t]=e,c=(n,t)=>{for(var e in t||(t={}))_.call(t,e)&&l(n,e,t[e]);if(i)for(var e of i(t))b.call(t,e)&&l(n,e,t[e]);return n};import{Y as u,aL as r,aE as x,a2 as y,w,o as f,c as T,U as a,a7 as v,a8 as m,Z as C,ae as S,s as k,B,a5 as A,I as d,a6 as M,a as p,a9 as P}from"./vendor-7c4537c1.js";const U="// Examples of variables passed from vertex to fragment shader\nvarying vec2 vUv;\n\nvoid main(){\n // To pass variables to the fragment shader, you assign them here in the\n // main function. Traditionally you name the varying with vAttributeName\n vUv=uv;\n \n // This sets the position of the vertex in 3d space. The correct math is\n // provided below to take into account camera and object data.\n gl_Position=projectionMatrix*modelViewMatrix*vec4(position,1.);\n}",E="#define TAU 6.28318530718\n#define MAX_ITER 5\n\nuniform vec2 resolution;\nuniform vec3 backgroundColor;\nuniform vec3 color;\nuniform float speed;\nuniform vec2 flowSpeed;\nuniform float brightness;\nuniform float time;\n\nvarying vec2 vUv;\n\nvoid main(){\n vec2 uv=(vUv.xy+(time*flowSpeed))*resolution;\n \n vec2 p=mod(uv*TAU,TAU)-250.;\n vec2 i=vec2(p);\n \n float c=1.;\n float inten=.005;\n \n for(int n=0;n<MAX_ITER;n++){\n float t=time*speed*(1.-(3.5/float(n+1)));\n i=p+vec2(cos(t-i.x)+sin(t+i.y),sin(t-i.y)+cos(t+i.x));\n c+=1./length(vec2(p.x/(sin(i.x+t)/inten),p.y/(cos(i.y+t)/inten)));\n }\n \n c/=float(MAX_ITER);\n c=1.17-pow(c,brightness);\n \n vec3 rgb=vec3(pow(abs(c),8.));\n \n gl_FragColor=vec4(rgb*color+backgroundColor,length(rgb)+.1);\n}",I=["rotation-x"],R=a("TresPlaneGeometry",{args:[10,10]},null,-1),L=u({__name:"tilingCaustics",props:{speed:{default:.478},backgroundColor:{},color:{default:"#fff"},flowSpeed:{default:{x:.01,y:.01}},brightness:{default:1.5}},setup(n){const t=n,e={uniforms:{resolution:{type:"v2",value:{x:2,y:2}},backgroundColor:{type:"c",value:new r(t.color)},color:{type:"c",value:new r("#fff")},speed:{type:"f",value:t.speed},flowSpeed:{type:"v2",value:t.flowSpeed},brightness:{type:"f",value:t.brightness},time:{type:"f",value:.1}},vertexShader:U,fragmentShader:E,side:x,transparent:!0,depthWrite:!1,depthTest:!0},{onLoop:o}=y();return o(({delta:s})=>{e.uniforms.time.value+=s}),w(()=>t,()=>{e.uniforms.speed.value=t.speed,e.uniforms.brightness.value=t.brightness,e.uniforms.backgroundColor.value=new r(t.color)},{deep:!0}),(s,g)=>(f(),T("TresMesh",{"rotation-x":-Math.PI/2,"position-y":1},[R,a("TresShaderMaterial",v(m(e)),null,16)],8,I))}}),N=a("TresPerspectiveCamera",{position:[10,10,10]},null,-1),V=a("TresAmbientLight",{intensity:1},null,-1),X=a("TresGridHelper",{args:[10,10]},null,-1),z=u({__name:"tilingCaustics",setup(n){const t={clearColor:"#222"},e=C({color:"#fff",speed:.1,brightness:1.5,flowSpeed:{x:.01,y:.01}}),o=new S({title:"参数",expanded:!0});return o.addBinding(e,"color",{label:"颜色"}),o.addBinding(e,"speed",{label:"速度",min:.1,max:1,step:.1}),o.addBinding(e,"brightness",{label:"亮度",min:.1,max:2,step:.1}),o.addBinding(e,"flowSpeed",{label:"流动速度",picker:"inline",expanded:!0,x:{min:.01,step:.02,max:.6,inverted:!0},y:{min:.01,step:.02,max:.6,inverted:!0}}),(s,g)=>(f(),k(d(M),A(t,{"window-size":""}),{default:B(()=>[N,V,p(d(P)),X,p(L,v(m(c({},e))),null,16)]),_:1},16))}});export{z as default};
|
||||
var h=Object.defineProperty;var i=Object.getOwnPropertySymbols;var _=Object.prototype.hasOwnProperty,b=Object.prototype.propertyIsEnumerable;var l=(n,t,e)=>t in n?h(n,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[t]=e,c=(n,t)=>{for(var e in t||(t={}))_.call(t,e)&&l(n,e,t[e]);if(i)for(var e of i(t))b.call(t,e)&&l(n,e,t[e]);return n};import{Y as u,aL as r,aE as x,a2 as y,w,o as f,c as T,U as a,a7 as v,a8 as m,Z as C,ae as S,s as k,B,a5 as A,I as d,a6 as M,a as p,a9 as P}from"./vendor-76c85ed2.js";const U="// Examples of variables passed from vertex to fragment shader\nvarying vec2 vUv;\n\nvoid main(){\n // To pass variables to the fragment shader, you assign them here in the\n // main function. Traditionally you name the varying with vAttributeName\n vUv=uv;\n \n // This sets the position of the vertex in 3d space. The correct math is\n // provided below to take into account camera and object data.\n gl_Position=projectionMatrix*modelViewMatrix*vec4(position,1.);\n}",E="#define TAU 6.28318530718\n#define MAX_ITER 5\n\nuniform vec2 resolution;\nuniform vec3 backgroundColor;\nuniform vec3 color;\nuniform float speed;\nuniform vec2 flowSpeed;\nuniform float brightness;\nuniform float time;\n\nvarying vec2 vUv;\n\nvoid main(){\n vec2 uv=(vUv.xy+(time*flowSpeed))*resolution;\n \n vec2 p=mod(uv*TAU,TAU)-250.;\n vec2 i=vec2(p);\n \n float c=1.;\n float inten=.005;\n \n for(int n=0;n<MAX_ITER;n++){\n float t=time*speed*(1.-(3.5/float(n+1)));\n i=p+vec2(cos(t-i.x)+sin(t+i.y),sin(t-i.y)+cos(t+i.x));\n c+=1./length(vec2(p.x/(sin(i.x+t)/inten),p.y/(cos(i.y+t)/inten)));\n }\n \n c/=float(MAX_ITER);\n c=1.17-pow(c,brightness);\n \n vec3 rgb=vec3(pow(abs(c),8.));\n \n gl_FragColor=vec4(rgb*color+backgroundColor,length(rgb)+.1);\n}",I=["rotation-x"],R=a("TresPlaneGeometry",{args:[10,10]},null,-1),L=u({__name:"tilingCaustics",props:{speed:{default:.478},backgroundColor:{},color:{default:"#fff"},flowSpeed:{default:{x:.01,y:.01}},brightness:{default:1.5}},setup(n){const t=n,e={uniforms:{resolution:{type:"v2",value:{x:1,y:1}},backgroundColor:{type:"c",value:new r(t.color)},color:{type:"c",value:new r("#fff")},speed:{type:"f",value:t.speed},flowSpeed:{type:"v2",value:t.flowSpeed},brightness:{type:"f",value:t.brightness},time:{type:"f",value:.1}},vertexShader:U,fragmentShader:E,side:x,transparent:!0,depthWrite:!1,depthTest:!0},{onLoop:o}=y();return o(({delta:s})=>{e.uniforms.time.value+=s}),w(()=>t,()=>{e.uniforms.speed.value=t.speed,e.uniforms.brightness.value=t.brightness,e.uniforms.backgroundColor.value=new r(t.color)},{deep:!0}),(s,g)=>(f(),T("TresMesh",{"rotation-x":-Math.PI/2,"position-y":1},[R,a("TresShaderMaterial",v(m(e)),null,16)],8,I))}}),N=a("TresPerspectiveCamera",{position:[10,10,10]},null,-1),V=a("TresAmbientLight",{intensity:1},null,-1),X=a("TresGridHelper",{args:[10,10]},null,-1),z=u({__name:"tilingCaustics",setup(n){const t={clearColor:"#222"},e=C({color:"#fff",speed:.1,brightness:1.5,flowSpeed:{x:.01,y:.01}}),o=new S({title:"参数",expanded:!0});return o.addBinding(e,"color",{label:"颜色"}),o.addBinding(e,"speed",{label:"速度",min:.1,max:1,step:.1}),o.addBinding(e,"brightness",{label:"亮度",min:.1,max:2,step:.1}),o.addBinding(e,"flowSpeed",{label:"流动速度",picker:"inline",expanded:!0,x:{min:.01,step:.02,max:.6,inverted:!0},y:{min:.01,step:.02,max:.6,inverted:!0}}),(s,g)=>(f(),k(d(M),A(t,{"window-size":""}),{default:B(()=>[N,V,p(d(P)),X,p(L,v(m(c({},e))),null,16)]),_:1},16))}});export{z as default};
|
||||
@ -1 +1 @@
|
||||
import{Y as f,j as o,Z as m,al as b,o as c,s as p,B as w,a5 as v,I as r,a6 as B,$ as g,a0 as Y,a1 as Z,a as X,a9 as C,U as a,ay as T,V as M}from"./vendor-7c4537c1.js";const k=a("TresPerspectiveCamera",{position:[3,3,3]},null,-1),y=a("TresBoxGeometry",null,null,-1),S=a("TresMeshNormalMaterial",null,null,-1),N=[y,S],R=a("TresSphereGeometry",null,null,-1),j=a("TresMeshNormalMaterial",null,null,-1),G=[R,j],V=a("TresAmbientLight",{intensity:1},null,-1),z=a("TresGridHelper",null,null,-1),A=f({__name:"transformControls",setup($){const h={clearColor:"#82DBC5",shadows:!0,alpha:!1,shadowMapType:g,outputColorSpace:Y,toneMapping:Z},i=o(),d=o(),n=o();function u(s){n.value=s}const _=o(),e=m({mode:"translate",enabled:!0,space:"world",axis:"XYZ",size:1,showX:!0,showY:!0,showZ:!0}),{pane:t}=b();return t.addBlade({view:"list",label:"模式",options:[{text:"移动",value:"translate"},{text:"旋转",value:"rotate"},{text:"缩放",value:"scale"}],value:e.mode}).on("change",s=>{e.mode=s.value}),t.addBinding(e,"enabled",{label:"开启"}),t.addBlade({view:"list",label:"Space",options:[{text:"世界坐标",value:"world"},{text:"本地坐标",value:"local"}],value:e.space}).on("change",s=>{e.space=s.value}),t.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}),t.addBinding(e,"size",{label:"大小",step:.01,min:0,max:10}),t.addBinding(e,"showX",{label:"显示X轴"}),t.addBinding(e,"showY",{label:"显示Y轴"}),t.addBinding(e,"showZ",{label:"显示Z轴"}),(s,l)=>(c(),p(r(B),v(h,{ref_key:"context",ref:_,"window-size":""}),{default:w(()=>[k,X(r(C),{"make-default":""}),a("TresMesh",{ref_key:"boxRef",ref:i,position:[-2,1,0],onClick:l[0]||(l[0]=x=>u(i.value))},N,512),n.value?(c(),p(r(T),v({key:0,object:n.value},e),null,16,["object"])):M("",!0),a("TresMesh",{ref_key:"sphereRef",ref:d,position:[2,1,0],onClick:l[1]||(l[1]=x=>u(d.value))},G,512),V,z]),_:1},16))}});export{A as default};
|
||||
import{Y as f,j as o,Z as m,al as b,o as c,s as p,B as w,a5 as v,I as r,a6 as B,$ as g,a0 as Y,a1 as Z,a as X,a9 as C,U as a,ay as T,V as M}from"./vendor-76c85ed2.js";const k=a("TresPerspectiveCamera",{position:[3,3,3]},null,-1),y=a("TresBoxGeometry",null,null,-1),S=a("TresMeshNormalMaterial",null,null,-1),N=[y,S],R=a("TresSphereGeometry",null,null,-1),j=a("TresMeshNormalMaterial",null,null,-1),G=[R,j],V=a("TresAmbientLight",{intensity:1},null,-1),z=a("TresGridHelper",null,null,-1),A=f({__name:"transformControls",setup($){const h={clearColor:"#82DBC5",shadows:!0,alpha:!1,shadowMapType:g,outputColorSpace:Y,toneMapping:Z},i=o(),d=o(),n=o();function u(s){n.value=s}const _=o(),e=m({mode:"translate",enabled:!0,space:"world",axis:"XYZ",size:1,showX:!0,showY:!0,showZ:!0}),{pane:t}=b();return t.addBlade({view:"list",label:"模式",options:[{text:"移动",value:"translate"},{text:"旋转",value:"rotate"},{text:"缩放",value:"scale"}],value:e.mode}).on("change",s=>{e.mode=s.value}),t.addBinding(e,"enabled",{label:"开启"}),t.addBlade({view:"list",label:"Space",options:[{text:"世界坐标",value:"world"},{text:"本地坐标",value:"local"}],value:e.space}).on("change",s=>{e.space=s.value}),t.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}),t.addBinding(e,"size",{label:"大小",step:.01,min:0,max:10}),t.addBinding(e,"showX",{label:"显示X轴"}),t.addBinding(e,"showY",{label:"显示Y轴"}),t.addBinding(e,"showZ",{label:"显示Z轴"}),(s,l)=>(c(),p(r(B),v(h,{ref_key:"context",ref:_,"window-size":""}),{default:w(()=>[k,X(r(C),{"make-default":""}),a("TresMesh",{ref_key:"boxRef",ref:i,position:[-2,1,0],onClick:l[0]||(l[0]=x=>u(i.value))},N,512),n.value?(c(),p(r(T),v({key:0,object:n.value},e),null,16,["object"])):M("",!0),a("TresMesh",{ref_key:"sphereRef",ref:d,position:[2,1,0],onClick:l[1]||(l[1]=x=>u(d.value))},G,512),V,z]),_:1},16))}});export{A as default};
|
||||
File diff suppressed because one or more lines are too long
14
dist/static/vendor-76c85ed2.js
vendored
Normal file
14
dist/static/vendor-76c85ed2.js
vendored
Normal file
File diff suppressed because one or more lines are too long
14
dist/static/vendor-7c4537c1.js
vendored
14
dist/static/vendor-7c4537c1.js
vendored
File diff suppressed because one or more lines are too long
1
dist/static/waterGlass-36f521e6.js
vendored
Normal file
1
dist/static/waterGlass-36f521e6.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@ -1 +1 @@
|
||||
var B=Object.defineProperty;var m=Object.getOwnPropertySymbols;var R=Object.prototype.hasOwnProperty,z=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))z.call(a,e)&&_(s,e,a[e]);return s};import{Y as h,Z as r,az as b,aP as g,j as v,a3 as x,w as Y,o as u,s as C,I as k,aU as S,aV as y,ae as Z,c as $,a as d,B as w,C as P,a7 as X,a8 as E,aC as F}from"./vendor-7c4537c1.js";import{_ as M}from"./pagesShow.vue_vue_type_script_setup_true_lang-f6d8b3f7.js";import{_ as V}from"./loading.vue_vue_type_script_setup_true_lang-181010c5.js";import"./vanilla-307d3a93.esm-7222bf58.js";import"./_commonjsHelpers-725317a4.js";const j=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=r({});n[t.type]&&(i.value=([a,e]=b(()=>g({map:n[t.type]})),a=await a,e(),a));const o=v();return x(async()=>{}),Y(()=>t.type,async(p,l)=>{var f;p!=l&&((f=i.value)!=null&&f.map&&i.value.map.dispose(),i.value=await g({map:n[p]?n[p]:n.cilcle}))}),(p,l)=>(u(),C(k(S),{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"]))}}),W=h({__name:"weather",setup(s){const a=v();x(()=>{a.value&&a.value.$refs.perspectiveCameraRef.position.set(750,500,800)});const e=r({speed:12,size:10,count:6e3,color:"#fff",type:"snow"}),t=r({areaX:1500,areaY:1e3,areaZ:1500}),n=r(c(c({},y(e)),y(t))),o=new Z({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"}]}),(p,l)=>(u(),$(P,null,[d(V),d(M,{ref_key:"pagesShowRef",ref:a,autoRotate:!1},{ability:w(()=>[(u(),C(F,null,{default:w(()=>[d(j,X(E(n)),null,16)]),_:1}))]),_:1},512)],64))}});export{W as default};
|
||||
var B=Object.defineProperty;var m=Object.getOwnPropertySymbols;var R=Object.prototype.hasOwnProperty,z=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))z.call(a,e)&&_(s,e,a[e]);return s};import{Y as h,Z as r,az as b,aP as g,j as v,a3 as x,w as Y,o as u,s as C,I as k,aU as S,aV as y,ae as Z,c as $,a as d,B as w,C as P,a7 as X,a8 as E,aC as F}from"./vendor-76c85ed2.js";import{_ as M}from"./pagesShow.vue_vue_type_script_setup_true_lang-35f3b154.js";import{_ as V}from"./loading.vue_vue_type_script_setup_true_lang-43ced0f9.js";import"./vanilla-307d3a93.esm-959fd761.js";import"./_commonjsHelpers-725317a4.js";const j=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=r({});n[t.type]&&(i.value=([a,e]=b(()=>g({map:n[t.type]})),a=await a,e(),a));const o=v();return x(async()=>{}),Y(()=>t.type,async(p,l)=>{var f;p!=l&&((f=i.value)!=null&&f.map&&i.value.map.dispose(),i.value=await g({map:n[p]?n[p]:n.cilcle}))}),(p,l)=>(u(),C(k(S),{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"]))}}),W=h({__name:"weather",setup(s){const a=v();x(()=>{a.value&&a.value.$refs.perspectiveCameraRef.position.set(750,500,800)});const e=r({speed:12,size:10,count:6e3,color:"#fff",type:"snow"}),t=r({areaX:1500,areaY:1e3,areaZ:1500}),n=r(c(c({},y(e)),y(t))),o=new Z({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"}]}),(p,l)=>(u(),$(P,null,[d(V),d(M,{ref_key:"pagesShowRef",ref:a,autoRotate:!1},{ability:w(()=>[(u(),C(F,null,{default:w(()=>[d(j,X(E(n)),null,16)]),_:1}))]),_:1},512)],64))}});export{W as default};
|
||||
@ -1 +1 @@
|
||||
import{Y as p,j as d,az as u,aA as m,o as r,s as n,B as t,U as s,a as c,I as e,af as h,aB as f,a5 as w,a6 as g,$ as b,a0 as x,a1 as C,a9 as B,aC as y}from"./vendor-7c4537c1.js";const M=["object"],S=s("iframe",{class:"rounded-lg w-[1024px] h-[670px]",src:"https://www.icegl.cn",frameborder:"0"},null,-1),T=p({__name:"laptop",async setup(l){let a,o;const i=d(),{nodes:_}=([a,o]=u(()=>m("./plugins/basic/htmls/model/model.gltf",{draco:!0})),a=await a,o(),a);return(j,A)=>(r(),n(e(f),null,{default:t(()=>[s("primitive",{ref_key:"primitiveref",ref:i,object:e(_).Macbook},[c(e(h),{transform:"","wrapper-class":"webpage","distance-factor":11,position:[0,10.5,-13.6],occlude:"","rotation-x":-.256},{default:t(()=>[S]),_:1})],8,M)]),_:1}))}}),k=s("TresPerspectiveCamera",{position:[-5,4,3]},null,-1),v=s("TresAmbientLight",{intensity:1},null,-1),$=s("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),z=p({__name:"website",setup(l){const a={clearColor:"#241a1a",shadows:!0,alpha:!1,shadowMapType:b,outputColorSpace:x,toneMapping:C};return(o,i)=>(r(),n(e(g),w(a,{"window-size":""}),{default:t(()=>[k,c(e(B)),(r(),n(y,null,{default:t(()=>[c(T)]),_:1})),v,$]),_:1},16))}});export{z as default};
|
||||
import{Y as p,j as d,az as u,aA as m,o as r,s as n,B as t,U as s,a as c,I as e,af as h,aB as f,a5 as w,a6 as g,$ as b,a0 as x,a1 as C,a9 as B,aC as y}from"./vendor-76c85ed2.js";const M=["object"],S=s("iframe",{class:"rounded-lg w-[1024px] h-[670px]",src:"https://www.icegl.cn",frameborder:"0"},null,-1),T=p({__name:"laptop",async setup(l){let a,o;const i=d(),{nodes:_}=([a,o]=u(()=>m("./plugins/basic/htmls/model/model.gltf",{draco:!0})),a=await a,o(),a);return(j,A)=>(r(),n(e(f),null,{default:t(()=>[s("primitive",{ref_key:"primitiveref",ref:i,object:e(_).Macbook},[c(e(h),{transform:"","wrapper-class":"webpage","distance-factor":11,position:[0,10.5,-13.6],occlude:"","rotation-x":-.256},{default:t(()=>[S]),_:1})],8,M)]),_:1}))}}),k=s("TresPerspectiveCamera",{position:[-5,4,3]},null,-1),v=s("TresAmbientLight",{intensity:1},null,-1),$=s("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),z=p({__name:"website",setup(l){const a={clearColor:"#241a1a",shadows:!0,alpha:!1,shadowMapType:b,outputColorSpace:x,toneMapping:C};return(o,i)=>(r(),n(e(g),w(a,{"window-size":""}),{default:t(()=>[k,c(e(B)),(r(),n(y,null,{default:t(()=>[c(T)]),_:1})),v,$]),_:1},16))}});export{z as default};
|
||||
@ -1 +1 @@
|
||||
import{Y as l,j as s,ae as i,o as c,s as p,B as d,a5 as u,I as a,a6 as _,$ as h,a0 as f,a1 as m,U as e,a as t,aF as C,a9 as T}from"./vendor-7c4537c1.js";const g=e("TresPerspectiveCamera",{position:[3,3,3]},null,-1),w=e("TresTorusGeometry",null,null,-1),B=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=l({__name:"wobbleMaterial",setup(y){const n={clearColor:"#82DBC5",shadows:!0,alpha:!1,shadowMapType:h,outputColorSpace:f,toneMapping:m},r=s(),o=s("#5384ff");return new i({title:"流体波动",expanded:!0}).addBinding(o,"value",{label:"颜色"}),(S,k)=>(c(),p(a(_),u(n,{ref_key:"context",ref:r,"window-size":""}),{default:d(()=>[g,e("TresMesh",null,[w,t(a(C),{color:o.value,speed:3,factor:8},null,8,["color"])]),B,x,M,t(a(T))]),_:1},16))}});export{G as default};
|
||||
import{Y as l,j as s,ae as i,o as c,s as p,B as d,a5 as u,I as a,a6 as _,$ as h,a0 as f,a1 as m,U as e,a as t,aF as C,a9 as T}from"./vendor-76c85ed2.js";const g=e("TresPerspectiveCamera",{position:[3,3,3]},null,-1),w=e("TresTorusGeometry",null,null,-1),B=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=l({__name:"wobbleMaterial",setup(y){const n={clearColor:"#82DBC5",shadows:!0,alpha:!1,shadowMapType:h,outputColorSpace:f,toneMapping:m},r=s(),o=s("#5384ff");return new i({title:"流体波动",expanded:!0}).addBinding(o,"value",{label:"颜色"}),(S,k)=>(c(),p(a(_),u(n,{ref_key:"context",ref:r,"window-size":""}),{default:d(()=>[g,e("TresMesh",null,[w,t(a(C),{color:o.value,speed:3,factor:8},null,8,["color"])]),B,x,M,t(a(T))]),_:1},16))}});export{G as default};
|
||||
@ -4,7 +4,7 @@
|
||||
* @Autor: 地虎降天龙
|
||||
* @Date: 2023-10-21 15:34:19
|
||||
* @LastEditors: 地虎降天龙
|
||||
* @LastEditTime: 2023-10-23 09:51:35
|
||||
* @LastEditTime: 2023-12-04 19:35:08
|
||||
*/
|
||||
import { reactive } from 'vue';
|
||||
import { access } from '@fesjs/fes';
|
||||
@ -15,7 +15,7 @@ export default function userModel () {
|
||||
const signin = () => {
|
||||
// todo
|
||||
const { setRole } = access;
|
||||
user.userName = '地虎降天龙';
|
||||
user.userName = '';
|
||||
setRole('admin');
|
||||
};
|
||||
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
* @Autor: 地虎降天龙
|
||||
* @Date: 2023-11-18 22:17:49
|
||||
* @LastEditors: 地虎降天龙
|
||||
* @LastEditTime: 2023-11-29 08:54:48
|
||||
* @LastEditTime: 2023-12-04 19:34:10
|
||||
-->
|
||||
<template>
|
||||
<div class="flex h-full">
|
||||
@ -32,7 +32,7 @@
|
||||
</f-menu-item>
|
||||
</template>
|
||||
</f-sub-menu>
|
||||
<f-sub-menu value="8">
|
||||
<!-- <f-sub-menu value="8">
|
||||
<template #icon>
|
||||
<ClusterOutlined />
|
||||
</template>
|
||||
@ -40,7 +40,7 @@
|
||||
<f-menu-item value="abus">
|
||||
<template #label>关于我们</template>
|
||||
</f-menu-item>
|
||||
</f-sub-menu>
|
||||
</f-sub-menu> -->
|
||||
</f-menu>
|
||||
</div>
|
||||
<div class="flex-1 overflow-scroll" style="height: calc(100vh - 54px);">
|
||||
@ -55,9 +55,9 @@
|
||||
</div>
|
||||
</template>
|
||||
</template>
|
||||
<div style="background-color: #f1f1f2;" :ref="el => tabListRef.abus = el">
|
||||
<!-- <div style="background-color: #f1f1f2;" :ref="el => tabListRef.abus = el">
|
||||
<aboutUs />
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -38,7 +38,7 @@ const props = withDefaults(
|
||||
|
||||
const smState = {
|
||||
uniforms: {
|
||||
resolution: { type: "v2", value: { x: 2, y: 2 } },
|
||||
resolution: { type: "v2", value: { x: 1, y: 1 } },
|
||||
backgroundColor: { type: "c", value: new THREE.Color(props.color) },
|
||||
color: { type: "c", value: new THREE.Color('#fff') },
|
||||
speed: { type: "f", value: props.speed },
|
||||
|
||||
52
src/plugins/water/components/waterGlass.vue
Normal file
52
src/plugins/water/components/waterGlass.vue
Normal file
@ -0,0 +1,52 @@
|
||||
<!--
|
||||
* @Description:
|
||||
* @Version: 1.668
|
||||
* @Autor: 地虎降天龙
|
||||
* @Date: 2023-12-01 14:04:27
|
||||
* @LastEditors: 地虎降天龙
|
||||
* @LastEditTime: 2023-12-01 19:24:26
|
||||
-->
|
||||
|
||||
<template>
|
||||
<TresMesh :rotation-x="-Math.PI / 2" :position-y="1">
|
||||
<TresPlaneGeometry :args="[10, 10, 20, 20]"></TresPlaneGeometry>
|
||||
<CustomShaderMaterial v-bind="smState" :baseMaterial="THREE.MeshPhysicalMaterial" :vertexShader="vertexShader"
|
||||
:uniforms="uniforms" silent />
|
||||
</TresMesh>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import * as THREE from 'three'
|
||||
import { useRenderLoop } from '@tresjs/core'
|
||||
import { CustomShaderMaterial } from '@tresjs/cientos'
|
||||
import vertexShader from '../shaders/waterGlass.vert?raw'
|
||||
|
||||
const uniforms = {
|
||||
time: { type: "f", value: 0.1 },
|
||||
amplitude: { type: "f", value: 0.366 },
|
||||
speed: { type: "f", value: 0.277 },
|
||||
frequency: { type: "f", value: 15.0 },
|
||||
}
|
||||
const smState = {
|
||||
side: THREE.DoubleSide,
|
||||
// ior: 1.0,
|
||||
// reflectivity: 1.0,
|
||||
// sheen: 0.1,
|
||||
// sheenColor: new THREE.Color('#346DB7'),
|
||||
// transparent: true,
|
||||
// opacity: 0.9,
|
||||
// depthWrite: false,
|
||||
// depthTest: true,
|
||||
color: new THREE.Color('#346DB7'),
|
||||
metalness: 0.087,
|
||||
roughness: 0.0,
|
||||
transmission: 1,
|
||||
thickness: 1.5,
|
||||
refractionRatio: 1.5
|
||||
}
|
||||
const { onLoop } = useRenderLoop()
|
||||
onLoop(({ delta }) => {
|
||||
uniforms.time.value += delta;
|
||||
})
|
||||
|
||||
</script>
|
||||
@ -4,7 +4,7 @@
|
||||
* @Autor: 地虎降天龙
|
||||
* @Date: 2023-11-10 16:11:27
|
||||
* @LastEditors: 地虎降天龙
|
||||
* @LastEditTime: 2023-12-01 15:10:24
|
||||
* @LastEditTime: 2023-12-04 19:32:07
|
||||
*/
|
||||
|
||||
export default {
|
||||
@ -18,5 +18,6 @@ export default {
|
||||
"require": [],
|
||||
"preview": [
|
||||
{ "src": "plugins/water/preview/tilingCaustics.png", "type": "img", "name": "tilingCaustics", "title": "波纹A" },
|
||||
// { "src": "plugins/water/preview/tilingCaustics.png", "type": "img", "name": "waterGlass", "title": "波浪A" },
|
||||
]
|
||||
}
|
||||
61
src/plugins/water/pages/waterGlass.vue
Normal file
61
src/plugins/water/pages/waterGlass.vue
Normal file
@ -0,0 +1,61 @@
|
||||
<!--
|
||||
* @Description:
|
||||
* @Version: 1.668
|
||||
* @Autor: 地虎降天龙
|
||||
* @Date: 2023-12-01 17:21:26
|
||||
* @LastEditors: 地虎降天龙
|
||||
* @LastEditTime: 2023-12-01 19:23:19
|
||||
-->
|
||||
|
||||
<template>
|
||||
<TresCanvas v-bind="gl" window-size>
|
||||
<TresPerspectiveCamera :position="[10, 10, 10]" />
|
||||
<TresAmbientLight :intensity="1" />
|
||||
<!-- <TresDirectionalLight :args="[0xffffff, 9.0]" v-light-helper /> -->
|
||||
<TresPointLight :args="[0xffffff, 100.0, 0, 0.1]" :position="[0, 3, 0]" v-light-helper />
|
||||
<TresPointLight :args="[0xffffff, 100.0, 0, 0.1]" :position="[1, 3, 1]" v-light-helper />
|
||||
<TresPointLight :args="[0xffffff, 100.0, 0, 0.1]" :position="[-1, 3, -1]" v-light-helper />
|
||||
<OrbitControls />
|
||||
<TresGridHelper :args="[10, 10]" />
|
||||
<waterGlass />
|
||||
</TresCanvas>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { TresCanvas } from '@tresjs/core'
|
||||
import { OrbitControls, vLightHelper } from '@tresjs/cientos'
|
||||
import waterGlass from '../components/waterGlass.vue'
|
||||
import { reactive } from 'vue';
|
||||
import * as THREE from 'three'
|
||||
// import { Pane } from 'tweakpane';
|
||||
const gl = {
|
||||
clearColor: '#222',
|
||||
shadows: true,
|
||||
alpha: false,
|
||||
|
||||
shadowMapType: THREE.BasicShadowMap,
|
||||
outputColorSpace: THREE.SRGBColorSpace,
|
||||
toneMapping: THREE.NoToneMapping,
|
||||
useLegacyLights: true,
|
||||
antialias: true, //开启锯齿
|
||||
logarithmicDepthBuffer: true,
|
||||
}
|
||||
// const typeState = reactive({
|
||||
// color: "#fff",
|
||||
// speed: 0.1,
|
||||
// brightness: 1.5,
|
||||
// flowSpeed: { x: 0.01, y: 0.01 }
|
||||
// })
|
||||
// const paneControl = new Pane({
|
||||
// title: '参数',
|
||||
// expanded: true
|
||||
// });
|
||||
// paneControl.addBinding(typeState, 'color', {
|
||||
// label: '颜色'
|
||||
// })
|
||||
// paneControl.addBinding(typeState, 'speed', {
|
||||
// label: '速度', min: 0.1,
|
||||
// max: 1,
|
||||
// step: 0.1,
|
||||
// })
|
||||
</script>
|
||||
4
src/plugins/water/shaders/waterGlass.frag
Normal file
4
src/plugins/water/shaders/waterGlass.frag
Normal file
@ -0,0 +1,4 @@
|
||||
|
||||
void main(){
|
||||
csm_FragColor=vec4(0.,0.,0.,1.);
|
||||
}
|
||||
141
src/plugins/water/shaders/waterGlass.vert
Normal file
141
src/plugins/water/shaders/waterGlass.vert
Normal file
@ -0,0 +1,141 @@
|
||||
uniform float time;
|
||||
uniform float amplitude;
|
||||
uniform float speed;
|
||||
uniform float frequency;
|
||||
|
||||
// Description : Array and textureless GLSL 2D/3D/4D simplex
|
||||
// noise functions.
|
||||
// Author : Ian McEwan, Ashima Arts.
|
||||
// Maintainer : ijm
|
||||
// Lastmod : 20110822 (ijm)
|
||||
// License : Copyright (C) 2011 Ashima Arts. All rights reserved.
|
||||
// Distributed under the MIT License. See LICENSE file.
|
||||
// https://github.com/ashima/webgl-noise
|
||||
//
|
||||
|
||||
vec3 mod289(vec3 x){
|
||||
return x-floor(x*(1./289.))*289.;
|
||||
}
|
||||
|
||||
vec4 mod289(vec4 x){
|
||||
return x-floor(x*(1./289.))*289.;
|
||||
}
|
||||
|
||||
vec4 permute(vec4 x){
|
||||
return mod289(((x*34.)+1.)*x);
|
||||
}
|
||||
|
||||
vec4 taylorInvSqrt(vec4 r){
|
||||
return 1.79284291400159-.85373472095314*r;
|
||||
}
|
||||
|
||||
float noise(vec3 v){
|
||||
const vec2 C=vec2(1./6.,1./3.);
|
||||
const vec4 D=vec4(0.,.5,1.,2.);
|
||||
|
||||
// First corner
|
||||
vec3 i=floor(v+dot(v,C.yyy));
|
||||
vec3 x0=v-i+dot(i,C.xxx);
|
||||
|
||||
// Other corners
|
||||
vec3 g=step(x0.yzx,x0.xyz);
|
||||
vec3 l=1.-g;
|
||||
vec3 i1=min(g.xyz,l.zxy);
|
||||
vec3 i2=max(g.xyz,l.zxy);
|
||||
|
||||
// x0 = x0 - 0.0 + 0.0 * C.xxx;
|
||||
// x1 = x0 - i1 + 1.0 * C.xxx;
|
||||
// x2 = x0 - i2 + 2.0 * C.xxx;
|
||||
// x3 = x0 - 1.0 + 3.0 * C.xxx;
|
||||
vec3 x1=x0-i1+C.xxx;
|
||||
vec3 x2=x0-i2+C.yyy;// 2.0*C.x = 1/3 = C.y
|
||||
vec3 x3=x0-D.yyy;// -1.0+3.0*C.x = -0.5 = -D.y
|
||||
|
||||
// Permutations
|
||||
i=mod289(i);
|
||||
vec4 p=permute(permute(permute(
|
||||
i.z+vec4(0.,i1.z,i2.z,1.))
|
||||
+i.y+vec4(0.,i1.y,i2.y,1.))
|
||||
+i.x+vec4(0.,i1.x,i2.x,1.));
|
||||
|
||||
// Gradients: 7x7 points over a square, mapped onto an octahedron.
|
||||
// The ring size 17*17 = 289 is close to a multiple of 49 (49*6 = 294)
|
||||
float n_=.142857142857;// 1.0/7.0
|
||||
vec3 ns=n_*D.wyz-D.xzx;
|
||||
|
||||
vec4 j=p-49.*floor(p*ns.z*ns.z);// mod(p,7*7)
|
||||
|
||||
vec4 x_=floor(j*ns.z);
|
||||
vec4 y_=floor(j-7.*x_);// mod(j,N)
|
||||
|
||||
vec4 x=x_*ns.x+ns.yyyy;
|
||||
vec4 y=y_*ns.x+ns.yyyy;
|
||||
vec4 h=1.-abs(x)-abs(y);
|
||||
|
||||
vec4 b0=vec4(x.xy,y.xy);
|
||||
vec4 b1=vec4(x.zw,y.zw);
|
||||
|
||||
//vec4 s0 = vec4(lessThan(b0,0.0))*2.0 - 1.0;
|
||||
//vec4 s1 = vec4(lessThan(b1,0.0))*2.0 - 1.0;
|
||||
vec4 s0=floor(b0)*2.+1.;
|
||||
vec4 s1=floor(b1)*2.+1.;
|
||||
vec4 sh=-step(h,vec4(0.));
|
||||
|
||||
vec4 a0=b0.xzyw+s0.xzyw*sh.xxyy;
|
||||
vec4 a1=b1.xzyw+s1.xzyw*sh.zzww;
|
||||
|
||||
vec3 p0=vec3(a0.xy,h.x);
|
||||
vec3 p1=vec3(a0.zw,h.y);
|
||||
vec3 p2=vec3(a1.xy,h.z);
|
||||
vec3 p3=vec3(a1.zw,h.w);
|
||||
|
||||
//Normalise gradients
|
||||
vec4 norm=taylorInvSqrt(vec4(dot(p0,p0),dot(p1,p1),dot(p2,p2),dot(p3,p3)));
|
||||
p0*=norm.x;
|
||||
p1*=norm.y;
|
||||
p2*=norm.z;
|
||||
p3*=norm.w;
|
||||
|
||||
// Mix final noise value
|
||||
vec4 m=max(.6-vec4(dot(x0,x0),dot(x1,x1),dot(x2,x2),dot(x3,x3)),0.);
|
||||
m=m*m;
|
||||
return 42.*dot(m*m,vec4(dot(p0,x0),dot(p1,x1),
|
||||
dot(p2,x2),dot(p3,x3)));
|
||||
}
|
||||
|
||||
// the function which defines the displacement
|
||||
float displace(vec3 point){
|
||||
return noise(vec3(point.x*frequency,point.y*frequency,time*speed))*amplitude;
|
||||
}
|
||||
|
||||
// http://lolengine.net/blog/2013/09/21/picking-orthogonal-vector-combing-coconuts
|
||||
vec3 orthogonal(vec3 v){
|
||||
return normalize(abs(v.x)>abs(v.z)
|
||||
?vec3(-v.y,v.x,0.)
|
||||
:vec3(0.,-v.z,v.y));
|
||||
}
|
||||
|
||||
void main(){
|
||||
vec3 displacedPosition=position+normal*displace(position);
|
||||
|
||||
float offset=.0001;
|
||||
vec3 tangent=orthogonal(normal);
|
||||
vec3 bitangent=normalize(cross(normal,tangent));
|
||||
vec3 neighbour1=position+tangent*offset;
|
||||
vec3 neighbour2=position+bitangent*offset;
|
||||
vec3 displacedNeighbour1=neighbour1+normal*displace(neighbour1);
|
||||
vec3 displacedNeighbour2=neighbour2+normal*displace(neighbour2);
|
||||
|
||||
// https://i.ya-webdesign.com/images/vector-normals-tangent-16.png
|
||||
vec3 displacedTangent=displacedNeighbour1-displacedPosition;
|
||||
vec3 displacedBitangent=displacedNeighbour2-displacedPosition;
|
||||
|
||||
// https://upload.wikimedia.org/wikipedia/commons/d/d2/Right_hand_rule_cross_product.svg
|
||||
vec3 displacedNormal=normalize(cross(displacedTangent,displacedBitangent));
|
||||
|
||||
// vNormal=normalMatrix*displacedNormal;
|
||||
//vNormal = normal;
|
||||
csm_Normal=normalMatrix*displacedNormal;
|
||||
// gl_Position=projectionMatrix*modelViewMatrix*vec4(displacedPosition,1.);
|
||||
csm_Position=displacedPosition;
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user