was mucking about with trying to integerate the game but will leave that for some other time

2022-12-09 02:23:58 +01:00
parent c777fb3592
commit 999b40430d
38 changed files with 107 additions and 1 deletions
--- a/srcs/requirements/svelte/api_front/public/fonts/Bit5x3.woff
+++ b/srcs/requirements/svelte/api_front/public/fonts/Bit5x3.woff
--- a/srcs/requirements/svelte/api_front/public/fonts/Bit5x3.woff2
+++ b/srcs/requirements/svelte/api_front/public/fonts/Bit5x3.woff2
--- a/srcs/requirements/svelte/api_front/public/sound/pong/0.ogg
+++ b/srcs/requirements/svelte/api_front/public/sound/pong/0.ogg
--- a/srcs/requirements/svelte/api_front/public/sound/pong/1.ogg
+++ b/srcs/requirements/svelte/api_front/public/sound/pong/1.ogg
--- a/srcs/requirements/svelte/api_front/public/sound/pong/10.ogg
+++ b/srcs/requirements/svelte/api_front/public/sound/pong/10.ogg
--- a/srcs/requirements/svelte/api_front/public/sound/pong/11.ogg
+++ b/srcs/requirements/svelte/api_front/public/sound/pong/11.ogg
--- a/srcs/requirements/svelte/api_front/public/sound/pong/12.ogg
+++ b/srcs/requirements/svelte/api_front/public/sound/pong/12.ogg
--- a/srcs/requirements/svelte/api_front/public/sound/pong/13.ogg
+++ b/srcs/requirements/svelte/api_front/public/sound/pong/13.ogg
--- a/srcs/requirements/svelte/api_front/public/sound/pong/14.ogg
+++ b/srcs/requirements/svelte/api_front/public/sound/pong/14.ogg
--- a/srcs/requirements/svelte/api_front/public/sound/pong/15.ogg
+++ b/srcs/requirements/svelte/api_front/public/sound/pong/15.ogg
--- a/srcs/requirements/svelte/api_front/public/sound/pong/16.ogg
+++ b/srcs/requirements/svelte/api_front/public/sound/pong/16.ogg
--- a/srcs/requirements/svelte/api_front/public/sound/pong/17.ogg
+++ b/srcs/requirements/svelte/api_front/public/sound/pong/17.ogg
--- a/srcs/requirements/svelte/api_front/public/sound/pong/18.ogg
+++ b/srcs/requirements/svelte/api_front/public/sound/pong/18.ogg
--- a/srcs/requirements/svelte/api_front/public/sound/pong/19.ogg
+++ b/srcs/requirements/svelte/api_front/public/sound/pong/19.ogg
--- a/srcs/requirements/svelte/api_front/public/sound/pong/2.ogg
+++ b/srcs/requirements/svelte/api_front/public/sound/pong/2.ogg
--- a/srcs/requirements/svelte/api_front/public/sound/pong/20.ogg
+++ b/srcs/requirements/svelte/api_front/public/sound/pong/20.ogg
--- a/srcs/requirements/svelte/api_front/public/sound/pong/21.ogg
+++ b/srcs/requirements/svelte/api_front/public/sound/pong/21.ogg
--- a/srcs/requirements/svelte/api_front/public/sound/pong/22.ogg
+++ b/srcs/requirements/svelte/api_front/public/sound/pong/22.ogg
--- a/srcs/requirements/svelte/api_front/public/sound/pong/23.ogg
+++ b/srcs/requirements/svelte/api_front/public/sound/pong/23.ogg
--- a/srcs/requirements/svelte/api_front/public/sound/pong/24.ogg
+++ b/srcs/requirements/svelte/api_front/public/sound/pong/24.ogg
--- a/srcs/requirements/svelte/api_front/public/sound/pong/25.ogg
+++ b/srcs/requirements/svelte/api_front/public/sound/pong/25.ogg
--- a/srcs/requirements/svelte/api_front/public/sound/pong/26.ogg
+++ b/srcs/requirements/svelte/api_front/public/sound/pong/26.ogg
--- a/srcs/requirements/svelte/api_front/public/sound/pong/27.ogg
+++ b/srcs/requirements/svelte/api_front/public/sound/pong/27.ogg
--- a/srcs/requirements/svelte/api_front/public/sound/pong/28.ogg
+++ b/srcs/requirements/svelte/api_front/public/sound/pong/28.ogg
--- a/srcs/requirements/svelte/api_front/public/sound/pong/29.ogg
+++ b/srcs/requirements/svelte/api_front/public/sound/pong/29.ogg
--- a/srcs/requirements/svelte/api_front/public/sound/pong/3.ogg
+++ b/srcs/requirements/svelte/api_front/public/sound/pong/3.ogg
--- a/srcs/requirements/svelte/api_front/public/sound/pong/30.ogg
+++ b/srcs/requirements/svelte/api_front/public/sound/pong/30.ogg
--- a/srcs/requirements/svelte/api_front/public/sound/pong/31.ogg
+++ b/srcs/requirements/svelte/api_front/public/sound/pong/31.ogg
--- a/srcs/requirements/svelte/api_front/public/sound/pong/32.ogg
+++ b/srcs/requirements/svelte/api_front/public/sound/pong/32.ogg
--- a/srcs/requirements/svelte/api_front/public/sound/pong/4.ogg
+++ b/srcs/requirements/svelte/api_front/public/sound/pong/4.ogg
--- a/srcs/requirements/svelte/api_front/public/sound/pong/5.ogg
+++ b/srcs/requirements/svelte/api_front/public/sound/pong/5.ogg
--- a/srcs/requirements/svelte/api_front/public/sound/pong/6.ogg
+++ b/srcs/requirements/svelte/api_front/public/sound/pong/6.ogg
--- a/srcs/requirements/svelte/api_front/public/sound/pong/7.ogg
+++ b/srcs/requirements/svelte/api_front/public/sound/pong/7.ogg
--- a/srcs/requirements/svelte/api_front/public/sound/pong/8.ogg
+++ b/srcs/requirements/svelte/api_front/public/sound/pong/8.ogg
--- a/srcs/requirements/svelte/api_front/public/sound/pong/9.ogg
+++ b/srcs/requirements/svelte/api_front/public/sound/pong/9.ogg
--- a/srcs/requirements/svelte/api_front/public/sound/roblox-oof.ogg
+++ b/srcs/requirements/svelte/api_front/public/sound/roblox-oof.ogg
--- a/srcs/requirements/svelte/api_front/src/pages/GamePage.svelte
+++ b/srcs/requirements/svelte/api_front/src/pages/GamePage.svelte
@@ -0,0 +1,106 @@
+<script lang="ts">
+
+  import { initDom } from "../game/client/pong.js";
+  import {onMount} from 'svelte';
+
+  onMount(() => {
+    initDom();
+  })
+
+
+</script>
+
+<body>
+	<div id="div_game_options">
+		<fieldset>
+			<legend>game options</legend>
+			<div>
+				<input type="checkbox" id="multi_balls" name="multi_balls">
+				<label for="multi_balls">multiples balls</label>
+			</div>
+			<div>
+				<input type="checkbox" id="moving_walls" name="moving_walls">
+				<label for="moving_walls">moving walls</label>
+			</div>
+			<div>
+				<label>sound :</label>
+				<input type="radio" id="sound_on" name="sound_selector" checked>
+				<label for="sound_on">on</label>
+				<input type="radio" id="sound_off" name="sound_selector">
+				<label for="sound_off">off</label>
+			</div>
+			<div>
+				<button id="play_pong_button">PLAY</button>
+			</div>
+		</fieldset>
+	</div>
+
+	<div id="div_game_instructions">
+		<h2>--- keys ---</h2>
+		<p>move up: 'w' or 'up arrow'</p>
+		<p>move down: 's' OR 'down arrow'</p>
+		<p>grid on/off: 'g'</p>
+	</div>
+
+	<div id="canvas_container">
+		<!-- <p> =) </p> -->
+	</div>
+
+	<!-- <script src="http://localhost:8080/js/pong.js" type="module" defer></script> -->
+</body>
+
+<style>
+  @font-face {
+    font-family: "Bit5x3";
+    src: url("/fonts/Bit5x3.woff2") format("woff2"),
+      url("/fonts/Bit5x3.woff") format("woff");
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+  }
+  body {
+    margin: 0;
+    background-color: #222425;
+  }
+  #canvas_container {
+    margin-top: 20px;
+    text-align: center;
+    /* border: dashed rgb(245, 245, 245) 5px; */
+    /* max-height: 80vh; */
+    /* overflow: hidden; */
+  }
+  #div_game_instructions {
+    text-align: center;
+    font-family: "Bit5x3";
+    color: rgb(245, 245, 245);
+    font-size: large;
+  }
+  #div_game_options {
+    margin-top: 20px;
+    text-align: center;
+    font-family: "Bit5x3";
+    color: rgb(245, 245, 245);
+    font-size: x-large;
+  }
+  #div_game_options fieldset {
+    max-width: 50vw;
+    width: auto;
+    margin: 0 auto;
+  }
+  #div_game_options fieldset div {
+    padding: 10px;
+  }
+  #play_pong_button {
+    font-family: "Bit5x3";
+    color: rgb(245, 245, 245);
+    background-color: #333333;
+    font-size: x-large;
+    padding: 10px;
+  }
+  canvas {
+    background-color: #333333;
+    max-width: 75vw;
+    /* max-height: 100vh; */
+    width: 80%;
+  }
+</style>
--- a/srcs/requirements/svelte/api_front/tsconfig.json
+++ b/srcs/requirements/svelte/api_front/tsconfig.json
@@ -1,6 +1,6 @@
 {
  "extends": "@tsconfig/svelte/tsconfig.json",

-  "include": ["src/**/*"],
+  "include": ["src/**/*", "src/**/*.ts", "src/**/*.tsx"],
  "exclude": ["node_modules/*", "__sapper__/*", "public/*"]
 }