initial

guillaumeduhan · Jan 26, 2018 · 6162489 · 6162489
commit 6162489
Show file tree

Hide file tree

Showing 28 changed files with 1,324 additions and 0 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/index.html b/index.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <title>Apocalypse Dwarf, a Rambo.js game by Guillaume Duhan</title>
+  <link rel="stylesheet" href="src/css/master.css">
+  <link rel="icon" href="./medias/icon.png">
+</head>
+
+<body id="map">
+
+  <!-- Screen d'accueil -->
+  <!-- <div id="chargement">
+    <img id="gamelogo" src="./medias/logo.png" alt="">
+    <div class="boutons">
+      <button id="play">Start Game</button>
+      <button id="Cv">Télécharger mon CV</button>
+    </div>
+    <div class="footer">
+      <img id="moi" src="./medias/moi2.png" alt="">
+      <p> 2018, Guillaume Duhan, développeur fullstack JS.<br />Made in Paris with love. Les nains vaincront!</p>
+    </div>
+  </div> -->
+
+  <!-- Instructions -->
+  <!-- <div id="chargement_suite">
+    <div class="portraits">
+      <img id="rambo" src="./medias/rambo.png" alt="">
+      <img id="boss" src="./medias/moi2.png" alt="">
+      <p>En plein coeur de la guerre du Viêtnam, les services secrets militaires américains vous confient la mission de retrouver et d’exécuter le <span class='red'>Général Guillaume Duhan</span>, déserteur devenu gourou d'une secte de <span class='red'>nains kamikazes</span>.</p>
+      <div class="inline">
+        <p>Pour avancer:</p>
+        <img class="miniature" src="./medias/keys.png" alt="">
+      </div>
+      <div class="inline">
+        <p>Pour tirer:</p>
+        <img class="miniature" src="./medias/a.png" alt="">
+      </div>
+      <p><span class="red">Attention ! Vous ne pouvez éviter aucun nain.</span></p>
+      <button id="commencer">Commencer</button>
+    </div>
+  </div> -->
+
+  <!-- Start -->
+  <div class="score">
+    <span id="compteur">0</span>
+    <img src="./medias/icon.png" alt="dwarf">
+  </div>
+  <div id="container">
+    <img id="contenu" class="rambo" src="medias/rambo-sprite.png" />
+  </div>
+  <noscript>
+      Your browser does not support JavaScript!
+    </noscript>
+</body>
+<script type="text/javascript" src="src/js/Rambo.js"></script>
+<script src="src/js/jquery-3.2.1.min.js"></script>
+
+</html>
diff --git a/medias/.DS_Store b/medias/.DS_Store
diff --git a/medias/a.png b/medias/a.png
diff --git a/medias/angular.min.js b/medias/angular.min.js
diff --git a/medias/boom.mp3 b/medias/boom.mp3
diff --git a/medias/bullet.png b/medias/bullet.png
diff --git a/medias/bullet2.png b/medias/bullet2.png
diff --git a/medias/guillaume2-sprite.png b/medias/guillaume2-sprite.png
diff --git a/medias/gunshoot.mp3 b/medias/gunshoot.mp3
diff --git a/medias/home.mp3 b/medias/home.mp3
diff --git a/medias/icon.png b/medias/icon.png
diff --git a/medias/keys.png b/medias/keys.png
diff --git a/medias/logo.png b/medias/logo.png
diff --git a/medias/map.jpg b/medias/map.jpg
diff --git a/medias/minigun.mp3 b/medias/minigun.mp3
diff --git a/medias/moi2.png b/medias/moi2.png
diff --git a/medias/nain-sprite.png b/medias/nain-sprite.png
diff --git a/medias/rambo-sprite.png b/medias/rambo-sprite.png
diff --git a/medias/rambo.png b/medias/rambo.png
diff --git a/medias/texture1.jpg b/medias/texture1.jpg
diff --git a/medias/texture2.png b/medias/texture2.png
diff --git a/src/.DS_Store b/src/.DS_Store
diff --git a/src/css/master.css b/src/css/master.css
@@ -0,0 +1,297 @@
+/* FONTS FOR RAMBO.JS */
+
+/* Imports */
+
+@import url('https://fonts.googleapis.com/css?family=VT323');
+
+/* Body */
+
+body {
+  font-family: 'VT323', monospace;
+  margin:0px;
+  background-color: #2B3D15;
+  background-image:url(../../medias/map.jpg);
+  background-size: auto 900px;
+  background-repeat: repeat-x;
+  max-height:900px; 
+}
+
+/* Au chargement */
+
+#chargement {
+  width:100%;
+  height:100%;
+  margin:0 auto;
+  position: absolute;
+  text-align: center;
+  background-image: url(../../medias/texture2.png);
+  color:white;
+  z-index:10000;
+}
+
+#chargement #gamelogo {
+  height:300px;
+  margin:40px;
+  position:relative;
+}
+
+#chargement #moi {
+  height:50px;
+  margin:0px;
+  position:relative;
+  opacity:0.85;
+}
+
+#chargement button, #commencer {
+  display: block;
+  margin: 0 auto;
+  color:#a11432;
+  font-family: 'VT323', monospace;
+  font-size:3em;
+  background:transparent;
+  padding:15px;
+  border: none;
+}
+
+#chargement button:hover, #commencer:hover {
+  color:DARKGREEN;
+  font-size:3em;
+  transition:.2s;
+  cursor: pointer;
+}
+
+#chargement .footer {
+  margin:0 auto;
+  margin-top:25px;
+}
+
+#chargement .footer p {
+  font-size:1.2em;
+  color:black;
+}
+
+.red {
+  color:#a11432;
+}
+
+/* Suite du chargement */
+
+#chargement_suite {
+  width:100%;
+  height:100%;
+  margin:0 auto;
+  position: absolute;
+  text-align: center;
+  background-image: url(../../medias/texture2.png);
+  color:white;
+  z-index:9999;
+}
+
+#boss, #rambo {
+  height:200px;
+}
+
+#chargement_suite p {
+  font-size:1.75em;
+  margin: 0 auto;
+  margin-top:25px;
+  margin-bottom:25px;
+  max-width:800px;
+}
+
+#chargement_suite .portraits {
+  position: relative;
+  padding:25px;
+  /* top:50%; */
+}
+
+#chargement_suite .miniature {
+  height:100px;
+}
+
+#chargement_suite .inline {
+  display: inline-block;
+  margin: 25px;
+}
+
+#chargement_suite #commencer {
+  margin-top:25px;
+}
+
+
+/* Score */
+
+.score {
+  width:75px;
+  height:50px;
+  margin: 0 auto;
+  margin-bottom:15px;
+  padding:10px;
+  position:absolute;
+  left:15px;
+  bottom:15px;
+  text-align: center;
+  background-image:url(../../medias/texture1.jpg);
+  color:#a11432;
+  font-size:50px;
+  line-height:100%;
+  display: flex;
+  align-items: center;
+}
+
+.score img {
+  max-height:100%;
+}
+
+/* Rambo */
+
+#container {
+  position: absolute;
+  overflow: hidden;
+  width: 140px;
+  height: 195px;
+  top: 0px;
+  left: 0px;
+}
+
+.court {
+  position:absolute;
+  -webkit-animation: mouvement 0.5s steps(2) infinite;
+}
+
+.tir {
+  position:absolute;
+  -webkit-animation: tir 0.15s steps(2) infinite;
+}
+
+.fail { /* Rambo Meurt */
+  position:absolute;
+  top:-400px;
+}
+
+/* GUILLAUME BOSS */
+
+#container_boss {
+  position: absolute;
+  overflow: hidden;
+  width: 140px;
+  height: 195px;
+  z-index:2;
+}
+
+#guillaume {
+  -moz-transform: scaleX(1);
+  -o-transform: scaleX(1);
+  -webkit-transform: scaleX(1);
+  transform: scaleX(1);
+  left: -280px;
+  position: relative;
+}
+
+.marche { /* le boss marche */
+  position:absolute;
+  -webkit-animation: marche 0.5s steps(2) infinite;
+}
+
+.deferlante {
+  position:absolute;
+  -webkit-animation: defouraille 0.15s steps(2) infinite;
+}
+
+.win {
+  position:absolute;
+  top:-400px;
+}
+
+/* NAIN */ 
+
+.mob {
+  height:195px;
+  width: 140px;
+  overflow: hidden;
+  position: fixed; /* A l'origine en Absolute mais changée par ne pas scroller */
+  z-index: 10;
+  top: 0px;
+  left: -100%;
+}
+
+.nain {
+  position:absolute;
+  -webkit-animation: nain 0.25s steps(2) infinite;
+}
+
+.mort {  /* Nain Explose */
+  position:absolute;
+  -webkit-animation: dead 0.25s steps(2) infinite;
+}
+
+/* Balles */
+
+.bastos {
+  width:25px;
+  height:25px;
+  background-image:url(../../medias/bullet.png);
+  background-size:20px;
+  background-repeat:no-repeat;
+  position:absolute;
+  z-index:0;
+  top:60px;
+  left:120px;
+}
+
+/* Balles du boss */
+
+.salve {
+  width:100%;
+  height:5px;
+  z-index: 1;
+  background-image:url(../../medias/bullet2.png);
+  background-size:100% 100%;
+  background-repeat:no-repeat;
+  position:absolute;
+  -webkit-animation: light 0.15s steps(3) infinite;
+}
+
+/* Keyframes */
+
+@-webkit-keyframes mouvement {
+  from { left:-140px; }
+  to { left:-420px; }
+}
+
+@-webkit-keyframes tir {
+  from { top:-200px; }
+  to { top:-200px; left:-140px; }
+}
+
+@-webkit-keyframes marche {
+  from { left:0px; }
+  to { left:-280px; }
+}
+
+@-webkit-keyframes defouraille {
+  from { top:-195px; left: 0px; }
+  to { top:-195px; left:-280px; }
+}
+
+
+@-webkit-keyframes light {
+  0% { opacity:0; }
+  50% { opacity:1; }
+  100% { opacity:0; }
+}
+
+@-webkit-keyframes dead {
+  from { top:-200px; }
+  to { top:-200px; left:-140px; }
+}
+
+@-webkit-keyframes nain {
+  from { left:-140px; }
+  to { left:-420px; }
+}
+
+@-webkit-keyframes bg {
+  from { left:0%; }
+  to { left:100%: }
+}
diff --git a/src/js/.DS_Store b/src/js/.DS_Store