babylongjs如何实现720度旋转

JavaScript03

babylongjs如何实现720度旋转,第1张

Babylon.js可以使用以下函数来实现720度旋转:

scene.beginAnimation(mesh, 0, 720, true)

其中,mesh是要旋转的物体,0是起始角度,720是结束角度,true表示循环动画。

首先使用iconfont增加一个spin图标

将iconfont.css改成iconfont.js注意:

1、使用style-components

2、 <span ref={(icon)=>{this.spinIcon = icon}} className="iconfont spin"></span>

使用了ref参数来获取dom、增加className=spin以区别SearchWrapper下的iconfont绝对布局样式

将spinIcon传入到handleChangePage函数中

我们想通过dom操作获取动画样式 spin.style.transform,由于style-component并不支持直接获取,我们直接在函数中定义该属性:

每次点击都旋转360度。

注意增加过渡动画transition: