可以放3d的网站源码分享(可以做3d的软件)

大家好,感谢邀请,今天来为大家分享一下可以放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的软件的问题到这里结束啦,希望可以解决您的问题哈!

Published by

风君子

独自遨游何稽首 揭天掀地慰生平