Web-basedRacerGame/index.html at master · rayankhalilsebbar/Web-basedRacerGame · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>

<html>

<body>

    <canvas id="canvas" width="800" height="600" style="border:1px solid #d3d3d3;"> Your browser does not support the
        HTML5 canvas tag.</canvas>
    <script src="util.js"></script>
    <script src="gameConfig.js"></script>
    <script src="levelController.js"></script>
    <script src="collisionDetection.js"></script>
    <script src="obstacle.js"></script>
    <script src="car.js"></script>
    <script src="traffic.js"></script>
    <script src="tree.js"></script>
    <script src="scenario.js"></script>
    <script src="score.js"></script>
    <script src="game.js"></script>


    <script>
        Game.initialize();

        Game.run = (function () {
            var loops = 0;
            var maxFrameSkip = 10;
            var nextGameTick = (new Date).getTime();

            var points = 0.0;

            return function () {
                loops = 0;

                while ((new Date).getTime() > nextGameTick) {
                    Game.update();

                    nextGameTick += Game.skipTicks;

                    loops++;
                    points++;

                    if (Game.skipTicks > 0.8) {
                        Game.skipTicks = 1000 / Game.fps;
                    }

                }

                Game.draw(points);
            };
        })();

        (function () {
            var onEachFrame;
            if (window.webkitRequestAnimationFrame) {
                onEachFrame = function (cb) {
                    var _cb = function () {
                        cb();
                        webkitRequestAnimationFrame(_cb);
                    }
                    _cb();
                };
            }
            else if (window.mozRequestAnimationFrame) {
                onEachFrame = function (cb) {
                    var _cb = function () {
                        cb();
                        mozRequestAnimationFrame(_cb);
                    }
                    _cb();
                };
            }
            else {
                onEachFrame = function (cb) {
                    setInterval(cb, 1000 / 60);
                }
            }

            window.onEachFrame = onEachFrame;
        })();

        window.onEachFrame(Game.run);
    </script>

</body>

</html>