最终效果录屏

开关按下动画.mp4

开关模型

第一步：在sketchUp Pro 3D Warehouse中找一个好看的Switch模型
image.png
第二步：把原来模型的底座部分留下，开关部分删掉
image.png
第三步：画一个有一定厚度的立方体，大小和原来模型的开关部分一样
image.png
第四步：使用SketchUp Pro将底座模型对照现实放在济南研究院室内模型墙上
第五步：使用SketchUp Pro导出新版室内模型
第六步：使用SketchUp Pro导出立方体模型

数据处理

使用CesiumLab v2.3.4处理新版室内模型和立方体模型，转成3dTiles数据，并添加至图层中

获取tiles json数据

使用CesiumLab v2.3.4：瓦片-编辑-移动、瓦片-编辑-旋转工具调整立方体模型的position和rotation,
通过修改立方体模型的xbsjScale属性，调整立方体模型的大小
image.png
将立方体模型调整至合适位置、合适角度之后，右键查看加载代码，获取立方体模型的节点数据，并将节点数据push到sceneTree中
image.png

动画实现

获取立方体模型对象，添加点击事件，通过修改立方体模型对象的rotation和position实现效果：
点击按钮-> 按钮旋转->0.5s后，按钮回到初始位置
image.png