自定义requestAnimationFrame帧频

requestAnimationFrame(callback)触发的callback方法会接受一个时间戳参数，所以如果不想直接跟随浏览器系统帧频的话，

就可以利用这个时间戳参数来做到自定义帧频，做法就是当前时间减去所记录的上一次的时间，如果超过自定义的帧频时间，就可以真正做渲染了

var fps = 60;

var frameDelay = 1 / fps * 1000;

var timeRecord = -frameDelay;

function render(time){

if(time - timeRecord >= frameDelay)

{

cube.rotation.x += 0.1;

cube.rotation.y += 0.1;

ballMesh.rotation.x += 0.1;

ballMesh.rotation.y += 0.1;

line.rotation.y += 0.1;

renderer.render(scene,camera);

timeRecord = time;

stats.update();

}

requestAnimationFrame(render);

}

render(0);

}

转载于:https://www.cnblogs.com/JD85/p/10112898.html

自定义requestAnimationFrame帧频相关推荐

指定FPS帧频，requestAnimationFrame播放动画
Flash制作动画,最基础的概念就是帧,但在Flash中,帧频的控制比较简单,只需要编译前指定一下目标帧频就可以了. 实际运行时,不需要我们关心定时器的问题,flash player会定时触发Ente ...
JS：指定FPS帧频，requestAnimationFrame播放动画
Flash制作动画,最基础的概念就是帧,但在Flash中,帧频的控制比较简单,只需要编译前指定一下目标帧频就可以了. 实际运行时,不需要我们关心定时器的问题,flash player会定时触发Ente ...
window.requestAnimationFrame
今天小猪在看一个html5的demo时一直在找他的动画是怎么实现的,按照我的理解就应该是调用setInterval来循环调用动画函数来实现.但是在Demo中就是找不到这个函数.干着急的小猪只好一步一步 ...
html5 制作风车,[网页设计]html5 requestAnimationFrame制作动画：旋转风车
详细内容请点击在以往,我们在网页上制作动画效果的时候,如果是用javascript实现,一般都是通过定时器和间隔来实现的,出现HTML5之后,我们还可以用CSS3 的transitions和anim ...
requestAnimationFrame制作动画：旋转风车
在以往,我们在网页上制作动画效果的时候,如果是用javascript实现,一般都是通过定时器和间隔来实现的,出现HTML5之后,我们还可以用CSS3 的transitions和animations很方 ...
Am3358增加Uboot的logo显示增加Uboot自定义命令控制LCD
本文的内容如下: 一．简单介绍一下AM335x的时钟域的概念,然后讲解如何配置LCDC的时钟二．讲解LCDC的寄存器的内容和如何根据所选的LCD屏的特性进行时序上的配置三．介绍用bmpToR ...
前端《优化改良》 - VUE高效开发 - div - 自定义div的load事件 - 戴向天
大家好!我叫戴向天 QQ群:602504799 QQ:809002582 不说废话了,看代码 ,该说的都下在注释里面了↓↓ getType的详情内容 ===>https://blog.csdn. ...
setInterval定时器封装(settimeout\requestAnimationFrame),代码抽离，浏览器切换后定时器停止执行
需求: 点击按钮,请求成功返回后,置灰60秒倒计时,不允许点击碰到问题: 1.页面有个loading,在loading为true时,加载超过1秒后,计数不连贯 2.代码写到一个文件中,耦合严重 3. ...
three、vue中使用three、three怎么加载obj模型和mtl文件、three自定义800*800大小怎么拾取/点击
以上都是这一个星期碰到的坑,找了很多很多资料,总结归纳一下,希望对你的项目有一点点帮助先说说需求 1.加载3D模型 2.点击模型的子模型会显示对于子模型名称 3.不全屏展示,还要点击子模型 4.创建 ...

自定义requestAnimationFrame帧频

自定义requestAnimationFrame帧频相关推荐

最新文章

热门文章