基于vue3+threejs实现三维可视化大屏

上传者: cui137610 | 上传时间: 2024-09-06 18:06:32 | 文件大小: 24.17MB | 文件类型: RAR
项目,包含了一些常用的功能,场景、灯光、摄像机初始化,模型、天空盒的加载,以及鼠标点击和悬浮的事件交互。 cnpm/npm install 下载依赖 npm run dev  启动项目后就可以运行了。

文件下载

资源详情

[{"title":"( 74 个子文件 24.17MB ) 基于vue3+threejs实现三维可视化大屏","children":[{"title":"threejs-demo-main","children":[{"title":"tsconfig.node.json <span style='color:#111;'> 219B </span>","children":null,"spread":false},{"title":".github","children":[{"title":"workflows","children":[{"title":"alibabacloud.yml <span style='color:#111;'> 2.42KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"src","children":[{"title":"main.ts <span style='color:#111;'> 515B </span>","children":null,"spread":false},{"title":"App.vue <span style='color:#111;'> 830B </span>","children":null,"spread":false},{"title":"assets","children":[{"title":"styles","children":[{"title":"index.css <span style='color:#111;'> 295B </span>","children":null,"spread":false}],"spread":true},{"title":"images","children":[{"title":"header_bg.png <span style='color:#111;'> 371.46KB </span>","children":null,"spread":false}],"spread":true},{"title":"fonts","children":[{"title":"DingTalkJinBuTi.woff2 <span style='color:#111;'> 984.41KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"modules","children":[{"title":"type.ts <span style='color:#111;'> 84B </span>","children":null,"spread":false},{"title":"Lights","children":[{"title":"DirectionalLight.ts <span style='color:#111;'> 487B </span>","children":null,"spread":false},{"title":"index.ts <span style='color:#111;'> 295B </span>","children":null,"spread":false}],"spread":true},{"title":"BoxHelperWrap","children":[{"title":"index.ts <span style='color:#111;'> 1.06KB </span>","children":null,"spread":false}],"spread":true},{"title":"BaseModel","children":[{"title":"index.ts <span style='color:#111;'> 3.89KB </span>","children":null,"spread":false}],"spread":true},{"title":"ModelLoder","children":[{"title":"index.ts <span style='color:#111;'> 1.32KB </span>","children":null,"spread":false}],"spread":true},{"title":"SkyBoxs","children":[{"title":"index.ts <span style='color:#111;'> 1.43KB </span>","children":null,"spread":false}],"spread":true},{"title":"Viewer","children":[{"title":"Events.ts <span style='color:#111;'> 380B </span>","children":null,"spread":false},{"title":"index.ts <span style='color:#111;'> 7.41KB </span>","children":null,"spread":false}],"spread":false},{"title":"Floors","children":[{"title":"index.ts <span style='color:#111;'> 935B </span>","children":null,"spread":false}],"spread":false}],"spread":true},{"title":"utils","children":[{"title":"index.ts <span style='color:#111;'> 1.07KB </span>","children":null,"spread":false}],"spread":true},{"title":"components","children":[{"title":"Popover","children":[{"title":"index.vue <span style='color:#111;'> 1.05KB </span>","children":null,"spread":false}],"spread":true},{"title":"Sence.vue <span style='color:#111;'> 10.13KB </span>","children":null,"spread":false},{"title":"Panel","children":[{"title":"index.vue <span style='color:#111;'> 1.30KB </span>","children":null,"spread":false}],"spread":true},{"title":"Charts","children":[{"title":"LineChart.vue <span style='color:#111;'> 4.80KB </span>","children":null,"spread":false},{"title":"PieChart.vue <span style='color:#111;'> 1.58KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"types","children":[{"title":"index.d.ts <span style='color:#111;'> 185B </span>","children":null,"spread":false}],"spread":true},{"title":"hooks","children":[{"title":"useChart.ts <span style='color:#111;'> 1.00KB </span>","children":null,"spread":false},{"title":"useResize.ts <span style='color:#111;'> 480B </span>","children":null,"spread":false}],"spread":true},{"title":"layout","children":[{"title":"Header.vue <span style='color:#111;'> 481B </span>","children":null,"spread":false},{"title":"index.vue <span style='color:#111;'> 1.30KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"package.json <span style='color:#111;'> 1.19KB </span>","children":null,"spread":false},{"title":"public","children":[{"title":"skybox","children":[{"title":"daytime","children":[{"title":"negx.jpg <span style='color:#111;'> 23.17KB </span>","children":null,"spread":false},{"title":"posz.jpg <span style='color:#111;'> 69.08KB </span>","children":null,"spread":false},{"title":"negy.jpg <span style='color:#111;'> 18.19KB </span>","children":null,"spread":false},{"title":"posy.jpg <span style='color:#111;'> 97.37KB </span>","children":null,"spread":false},{"title":"posx.jpg <span style='color:#111;'> 67.76KB </span>","children":null,"spread":false},{"title":"negz.jpg <span style='color:#111;'> 59.14KB </span>","children":null,"spread":false}],"spread":true},{"title":"dusk","children":[{"title":"posY.jpg <span style='color:#111;'> 119.35KB </span>","children":null,"spread":false},{"title":"posZ.jpg <span style='color:#111;'> 77.64KB </span>","children":null,"spread":false},{"title":"negZ.jpg <span style='color:#111;'> 66.76KB </span>","children":null,"spread":false},{"title":"posX.jpg <span style='color:#111;'> 65.82KB </span>","children":null,"spread":false},{"title":"negX.jpg <span style='color:#111;'> 62.68KB </span>","children":null,"spread":false},{"title":"negY.jpg <span style='color:#111;'> 17.55KB </span>","children":null,"spread":false}],"spread":true},{"title":"night","children":[{"title":"negx.jpg <span style='color:#111;'> 46.81KB </span>","children":null,"spread":false},{"title":"posz.jpg <span style='color:#111;'> 54.75KB </span>","children":null,"spread":false},{"title":"negy.jpg <span style='color:#111;'> 15.34KB </span>","children":null,"spread":false},{"title":"posy.jpg <span style='color:#111;'> 63.71KB </span>","children":null,"spread":false},{"title":"posx.jpg <span style='color:#111;'> 44.86KB </span>","children":null,"spread":false},{"title":"negz.jpg <span style='color:#111;'> 179.31KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"项目截图.gif <span style='color:#111;'> 4.54MB </span>","children":null,"spread":false},{"title":"draco","children":[{"title":"draco_wasm_wrapper.js <span style='color:#111;'> 57.39KB </span>","children":null,"spread":false},{"title":"gltf","children":[{"title":"draco_wasm_wrapper.js <span style='color:#111;'> 57.09KB </span>","children":null,"spread":false},{"title":"draco_encoder.js <span style='color:#111;'> 931.99KB </span>","children":null,"spread":false},{"title":"draco_decoder.wasm <span style='color:#111;'> 187.91KB </span>","children":null,"spread":false},{"title":"draco_decoder.js <span style='color:#111;'> 500.45KB </span>","children":null,"spread":false}],"spread":true},{"title":"draco_encoder.js <span style='color:#111;'> 906.95KB </span>","children":null,"spread":false},{"title":"draco_decoder.wasm <span style='color:#111;'> 279.05KB </span>","children":null,"spread":false},{"title":"draco_decoder.js <span style='color:#111;'> 702.55KB </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 1.47KB </span>","children":null,"spread":false}],"spread":true},{"title":"models","children":[{"title":"zuo.glb <span style='color:#111;'> 15.73MB </span>","children":null,"spread":false},{"title":"scene.glb <span style='color:#111;'> 234.20KB </span>","children":null,"spread":false},{"title":"plane.glb <span style='color:#111;'> 25.24KB </span>","children":null,"spread":false},{"title":"ren.glb <span style='color:#111;'> 2.79MB </span>","children":null,"spread":false},{"title":"datacenter.glb <span style='color:#111;'> 392.64KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"Dockerfile <span style='color:#111;'> 94B </span>","children":null,"spread":false},{"title":"package-lock.json <span style='color:#111;'> 287.47KB </span>","children":null,"spread":false},{"title":".prettierrc.json <span style='color:#111;'> 163B </span>","children":null,"spread":false},{"title":"env.d.ts <span style='color:#111;'> 38B </span>","children":null,"spread":false},{"title":".eslintrc.cjs <span style='color:#111;'> 1.38KB </span>","children":null,"spread":false},{"title":"vite.config.ts <span style='color:#111;'> 354B </span>","children":null,"spread":false},{"title":"index.html <span style='color:#111;'> 333B </span>","children":null,"spread":false},{"title":".gitignore <span style='color:#111;'> 302B </span>","children":null,"spread":false},{"title":"tsconfig.json <span style='color:#111;'> 354B </span>","children":null,"spread":false},{"title":".dockerignore <span style='color:#111;'> 333B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 236B </span>","children":null,"spread":false},{"title":"nginx.conf <span style='color:#111;'> 356B </span>","children":null,"spread":false}],"spread":false}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明