Priler · Misheus · Mar 5, 2020 · Mar 6, 2020 · Feb 27, 2023 · Aug 21, 2024
diff --git a/.gitignore b/.gitignore
@@ -3,8 +3,4 @@ node_modules/
 Godino.png
 offline-sprite-2x.png
 .htaccess
-package.json
-package-lock.json
-bot/
-debug.html
-js/config-debug.js
+bot/
diff --git a/README.md b/README.md
@@ -1,6 +1,6 @@
 # 🦖 T-Rex Run 3D
-Play the game here: http://priler.github.io/dino3d/low.html  
-Alt. version with best quality settings for high-end PCs: http://priler.github.io/dino3d/
+Play the game here: https://misheus.github.io/dino3d/low.html  
+Alt. version with best quality settings for high-end PCs: https://misheus.github.io/dino3d/
 
 # Description
 T-Rex Run 3D is a ThreeJS WebGL game made as an experiment.  
@@ -42,6 +42,12 @@ https://trello.com/b/Pt4FSqOi/t-rex-run-3d
   - Scores display fixed
   - Moving objects stuttering fixed (never use .splice() again :3)
 
+## Development
+- Use some webserver to serve this. It wouldn't work if you just open index.html from your filesystem.
+- First time run `npm install` to install dependencies.
+- Now you can run `npx gulp reload-js` to build js once, `npx gulp reload-css` to build scss once, or `npx gulp` to do those things automatically when you save a file.
+
+
 ## Credits
 https://threejs.org/ - WebGL 3D Library  
 https://ephtracy.github.io/ - Free lightweight 8-bit voxel art editor  

diff --git a/css/style.css b/css/style.css
diff --git a/css/style.min.css b/css/style.min.css
diff --git a/css/style.scss b/css/style.scss
diff --git a/gulpfile.js b/gulpfile.js
@@ -1,7 +1,7 @@
 var
 	gulp			= require("gulp"),
 	livereload		= require("gulp-livereload"),
-	sass			= require("gulp-sass"),
+	sass			= require("gulp-sass")(require("sass")),
 	autoprefixer	= require("gulp-autoprefixer"),
 	cleancss		= require("gulp-clean-css"),
 	rename			= require("gulp-rename"),

diff --git a/index.html b/index.html
@@ -2,6 +2,7 @@
 <html lang="en">
 <head>
 	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, user-scalable=no">
 	<title>T-Rex Run 3D</title>
 
 	<!-- Custom CSS -->

diff --git a/js/build.js b/js/build.js
@@ -80,15 +80,18 @@
       // addKey(39, 'right');
       // addKey(38, 'up');
       addKey(40, 'down'); // down
-      // addKey(83, 'down'); // s
+      addKey(83, 'down'); // s
       addKey(17, 'down'); // Ctrl
 
-      // addKey(87, 'space'); // w
+      addKey(87, 'space'); // w
       addKey(38, 'space'); // up
       addKey(32, 'space'); // space
 
       addKey(81, 'debug_speedup'); // q
 
+
+      //keyboard
+
       window.addEventListener('keydown', (e) => {
         // console.log(e.keyCode);
         setKeyFromKeyCode(e.keyCode, true);
@@ -97,6 +100,37 @@
       window.addEventListener('keyup', (e) => {
         setKeyFromKeyCode(e.keyCode, false);
       });
+
+
+      //mouse
+
+      window.addEventListener('mousedown', (e) => {
+        // console.log(e.keyCode);
+        if (e.pageY < document.documentElement.clientHeight/2) setKey('space', true);
+        else setKey('down', true);
+      });
+
+      window.addEventListener('mouseup', (e) => {
+        setKey('space', false);
+        setKey('down', false);
+      });
+
+      //touchscreen
+
+      window.addEventListener('touchstart', (e) => {
+        // console.log(e.keyCode);
+        if (e.touches[0].pageY < document.documentElement.clientHeight/2) setKey('space', true);
+        else setKey('down', true);
+      });
+
+      window.addEventListener('touchend', (e) => {
+        setKey('space', false);
+        setKey('down', false);
+      });
+
+
+
+
     }
 
     update() {

diff --git a/js/build.min.js b/js/build.min.js
diff --git a/js/config-high.js b/js/config-high.js
@@ -3,7 +3,7 @@
  * @type {Object}
  */
 const config = {
-	"base_path": "/dino3d/",
+	"base_path": location.pathname.replace(/[^\/]*\.html$/, ''),
 	"logs": true,
 	"debug": false,
 	"camera": {

diff --git a/js/config-low.js b/js/config-low.js
@@ -3,7 +3,7 @@
  * @type {Object}
  */
 const config = {
-	"base_path": "/dino3d/",
+	"base_path": location.pathname.replace(/[^\/]*\.html$/, ''),
 	"logs": true,
 	"debug": false,
 	"camera": {

diff --git a/js/src/input_manager.js b/js/src/input_manager.js
@@ -78,15 +78,18 @@
       // addKey(39, 'right');
       // addKey(38, 'up');
       addKey(40, 'down'); // down
-      // addKey(83, 'down'); // s
+      addKey(83, 'down'); // s
       addKey(17, 'down'); // Ctrl
 
-      // addKey(87, 'space'); // w
+      addKey(87, 'space'); // w
       addKey(38, 'space'); // up
       addKey(32, 'space'); // space
 
       addKey(81, 'debug_speedup'); // q
 
+
+      //keyboard
+
       window.addEventListener('keydown', (e) => {
         // console.log(e.keyCode);
         setKeyFromKeyCode(e.keyCode, true);
@@ -95,6 +98,37 @@
       window.addEventListener('keyup', (e) => {
         setKeyFromKeyCode(e.keyCode, false);
       });
+
+
+      //mouse
+
+      window.addEventListener('mousedown', (e) => {
+        // console.log(e.keyCode);
+        if (e.pageY < document.documentElement.clientHeight/2) setKey('space', true);
+        else setKey('down', true);
+      });
+
+      window.addEventListener('mouseup', (e) => {
+        setKey('space', false);
+        setKey('down', false);
+      });
+
+      //touchscreen
+
+      window.addEventListener('touchstart', (e) => {
+        // console.log(e.keyCode);
+        if (e.touches[0].pageY < document.documentElement.clientHeight/2) setKey('space', true);
+        else setKey('down', true);
+      });
+
+      window.addEventListener('touchend', (e) => {
+        setKey('space', false);
+        setKey('down', false);
+      });
+
+
+
+
     }
 
     update() {

diff --git a/low.html b/low.html
@@ -3,6 +3,7 @@
 <head>
 	<meta charset="UTF-8">
 	<title>T-Rex Run 3D</title>
+	<meta name="viewport" content="width=device-width, user-scalable=no">
 
 	<!-- Custom CSS -->
 	<link rel="stylesheet" href="css/style.min.css?patch=3x1">