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/*"]
 }