简介
- sandi-ui 是基于three 的vue3组件库,可以让你的用vue组件方式构建出3D世界。
- github 地址:github.com/MILIFIRE/sa… 可以给个小星星鼓励下吗
- 文档地址(科学上网):milifire.github.io/sandi-ui/
3D组件库和2D组件库如何结合
先看效果
三弟头上有个button 并且是动态的,那么他能点击吗?
而且 按钮 会追随 3D的物体移动
css2D 支持
使用 SDCSS2DObject 组件就可以在3D组件内和2D组件结合,position 来设置位置[x,y,z]
<SDCSS2DObject :style="{ background: 'gray' }" :position="[0, 10, 0]">
<el-button @click="
() => {
nextStep()
}
">{{ textAry[step] }}</el-button>
</SDCSS2DObject>
试玩地址:milifire.github.io/sandi-ui/ex…
你可以使用任意的vue3组件库,来结合