Astron-Game/index.html at master · DamienDrozd/Astron-Game · 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
88
89
90
91
92
93
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    <title>Astron</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link rel="shortcut icon" type="image/png" href="sprite\favicon\ms-icon-150x150.png"/>

</head>


<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link rel="stylesheet" href="main.css"/>
    <title>Astron</title>

</head>


<!--------------------------------------------Chargement des modules--------------------------------------->
<script type="module" src="player.js"></script>
<script type="module" src="weapon.js"></script>
<script type="module" src="ennemi.js"></script>
<script type="module" src="player.js"></script>
<script type="module" src="collide.js"></script>
<script type="module" src="object.js"></script>
<body >


    <div class="titre">
        <h1>Astron</h1>
    </div>

    <div class="commandes">
            <img src="sprite\WebSite\controlwhite.png" width="960" height="540">
    </div>


    <!------------------------------------ chargement des images ------------------------------------------------>
    <img id="level1" width="0" height="0" src="sprite\Map\MapFinale.png">
    <img id="level2" width="0" height="0" src="sprite\Map\MapFinale2.png">
    <img id="PlayerJumpRight" width="0" height="0" src="sprite\Character\PlayerJump.png">
    <img id="PlayerRunningRight" width="0" height="0" src="sprite\Character\PlayerRunning.png">
    <img id="PlayerJumpLeft" width="0" height="0" src="sprite\Character\PlayerJumpReverted.png">
    <img id="PlayerRunningLeft" width="0" height="0" src="sprite\Character\PlayerRunningReverted.png">
    <img id="PlayerStandingFace" width="0" height="0" src="sprite\Character\PlayerStandingFace.png">
    <img id="PlayerDead" width="0" height="0" src="sprite\Character\PlayerDead.png">
    <img id="PauseMenu" width="0" height="0" src="sprite\UI\PauseMenu.png">
    <img id="ScoreBoard" width="0" height="0" src="sprite\UI\Scoreboard.png">


    <img id="Bullet" width="0" height="0" src="sprite\Bullet\BalleDroite.png">
    <img id="BulletRight" width="0" height="0" src="sprite\Bullet\BalleDroite.png">
    <img id="BulletLeft" width="0" height="0" src="sprite\Bullet\BalleGauche.png">
    <img id="BulletUpRight" width="0" height="0" src="sprite\Bullet\BalleHautDroit.png">
    <img id="BulletUpLeft" width="0" height="0" src="sprite\Bullet\BalleHautGauche.png">
    <img id="Ennemi1" width="0" height="0" src="sprite\Ennemies\Enemy1Idle.png">
    <img id="Ennemi2" width="0" height="0" src="sprite\Ennemies\Enemy2Idle.png">
    <img id="Ennemi3" width="0" height="0" src="sprite\Ennemies\Enemy3Idle.png">
    <img id="EnnemiFlying" width="0" height="0" src="sprite\Ennemies\Flying2-1.png">
    <img id="CoinLarge" width="0" height="0" src="sprite\Coin\CoinLarge.png">
    <img id="CoinSmall" width="0" height="0" src="sprite\Coin\CoinSmall.png">
    <img id="EndGame" width="0" height="0" src="sprite\EndGameSprite.png">


    <script type="module" >


        import {startGame} from './main.js';


        startGame();//game start


    </script>

    <canvas id="canvas" ></canvas>


</body>


</html>