ThreeJS入门篇11—移动3D 控帧

 

渲染Render更像打印机,将我们前面“拍摄”的图像呈现在浏览器中,根据图像的拍摄方式不同,基于B/S的ThreeJS能够将不同的画面到PC/移动等设备,通过控制每秒帧的数量fbs保持流程的画面感,渲染器根据渲染的物体有不同的类型,多个类型可以组合使用:

  • WebGLRenderer:按照webGL的规范进行渲染显示场景,这种渲染方式最常用
  • CSS3DRenderer:通过CSS3转换属性将分层的3D应用到DOM元素中,这种渲染方式不支持材质和几何体,只适合普通的DOM元素
  • CSS2DRenderer: CSS3DRenderer 的简化版,各个DOM元素被包装到CSS2DObject的实例中,并添加到场景图中
  • SVGRenderer:使用SVG渲染几何数据,使用场景动画徽标或图标、交互式2D / 3D图表或图形、互动地图、复杂或动画的用户界面,不支持阴影和纹理

将需要实现的动画写入render函数,然后通过requestAnimationFrame函数实现动画的循环调用

function render(){
    //animateFunc();//其他动画场景
    //场景渲染
    renderer.render(scene, camera);
    //循环动画
    requestAnim
已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 书香水墨 设计师:CSDN官方博客 返回首页
实付 9.90元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值