小编use*_*696的帖子

Javascript游戏循环

我有一些关于JavaScript循环的问题.

问题:

  • 为什么JavaScript循环会冻结浏览器
  • 为什么绘图速度慢,即使每1毫秒绘制一次,也是最简单的事情!
  • 解决方案是什么?闪光灯即将消亡,我们现在做什么?

这是自己尝试的画布代码:

<!doctype html>
<html>
<head>
</head>
<body>
    <canvas id="c" width="400" height="400"></canvas>
    <script type="text/javascript">

        var c = document.getElementById( 'c' );

        ctx = c.getContext( '2d' );

        var x = 100;

        ctx.fillStyle= '#f00';

        function loop()
        {
            ctx.fillRect( x, 100, 20, 20 );

            ++x;
        }

        setInterval( loop, 1 );
    </script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

javascript html5 canvas game-loop

2
推荐指数
1
解决办法
4477
查看次数

标签 统计

canvas ×1

game-loop ×1

html5 ×1

javascript ×1