基于Three。js的vue3三维可视化库
《开源精选》是我们分享Github、Gitee等开源社区中优质项目的栏目,包括技术、学习、实用与各种有趣的内容。本期推荐的是一个vue3三维可视化库TroisJS。
TroisJS是一个基于Three。js的vue3三维可视化库,TroisJS对桌面和移动端都有良好的支持。使用TroisJS可以在网站上添加一个3D渲染器,并在你的vue文件的部分中使用预先建立的组件指定场景细节,如材料、照明、网格、阴影等。
演示
安装
1使用npm安装npminstallthree0。134troisjs
或者使用yarnyarnaddthree0。134troisjs
2添加到项目中import{TroisJSVuePlugin}fromtroisjs;app。use(TroisJSVuePlugin);
示例:templateRendererrefrendererCamera:position{z:10}ScenePointLight:position{y:50,z:50}Boxrefbox:rotation{y:Math。PI4,z:Math。PI4}LambertMaterialBoxSceneRenderertemplate
END
开源协议:MIT
开源地址:https:github。comtroisjstrois