代码改变世界

WebGL学习笔记(七):输入和动画

2019-08-21 21:22 阿诚de窝 阅读(...) 评论(...) 编辑 收藏

目前为止,我们绘制出来的3D物体都是静止的,接下来我们需要让桌面上的小盒子可以根据我们按键(上下键)前进后退;

输入方面,监听按键和鼠标消息直接在document上添加对应的监听就行了;

动画这块,我们引入了webgl-utils.js类库,其中的方法requestAnimFrame可以按60帧的帧率调用指定的方法,通过每帧调整桌面上的小盒子的矩阵位置,就可以实现动画了;

示例

https://hammerc.github.io/dou3d-ts/examples/learningNotes/lesson_5/index.html