简介

• 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组件库,来结合