VUE3 3D组件库和2D组件库结合

1,471 阅读1分钟

简介

3D组件库和2D组件库如何结合

先看效果

boxrotat9.gif

三弟头上有个button 并且是动态的,那么他能点击吗?

boxrotat11.gif

而且 按钮 会追随 3D的物体移动

boxrotat11.gif

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