大家好,感谢邀请,今天来为大家分享一下可以放3d的网站源码分享的问题,以及和可以做3d的软件的一些困惑,大家要是还不太明白的话,也没有关系,因为接下来将为大家分享,希望可以帮助到大家,解决大家的问题,下面就开始吧!
《开源精选》是我们分享Github、Gitee等开源社区中优质项目的栏目,包括技术、学习、实用与各种有趣的内容。本期推荐的是一个vue3三维可视化库——TroisJS。
TroisJS是一个基于Three.js的vue3三维可视化库,TroisJS对桌面和移动端都有良好的支持。使用TroisJS可以在网站上添加一个3D渲染器,并在你的vue文件的部分中使用预先建立的组件指定场景细节,如材料、照明、网格、阴影等。
演示
安装
1使用npm安装
npminstallthree@0.134troisjs
或者使用yarn
yarnaddthree@0.134troisjs
2添加到项目中
import{TroisJSVuePlugin}from&39;;\napp.use(TroisJSVuePlugin);
示例:
<template>\n<Rendererref=&34;>\n<Camera:position=&34;/>\n<Scene>\n<PointLight:position=&34;/>\n<Boxref=&34;:rotation=&34;>\n<LambertMaterial/>\n</Box>\n</Scene>\n</Renderer>\n</template>\n\n<script>\nexportdefault{\nmounted(){\nconstrenderer=this.$refs.renderer;\nconstbox=this.$refs.box.mesh;\nrenderer.onBeforeRender(()=>{\nbox.rotation.x+=0.01;\n});\n},\n};\n</script>
—END—
开源协议:MIT
开源地址:https://github.com/troisjs/trois
好了,关于可以放3d的网站源码分享和可以做3d的软件的问题到这里结束啦,希望可以解决您的问题哈!