Removal of hardcoded assets.

Removal of hardcoded assets such as.
-Models.
-Shaders.
-Textures.

.gitignore

@@ -0,0 +1,3 @@
+node_modules
+target
+dist

package.json

@@ -1,16 +1,23 @@
 {
   "name": "webgl3drenderer",
-  "version": "1.0.0",
-  "description": "3D PBR WIP renderer",
+  "version": "0.1.0",
+  "description": "3D Game engine on the web.",
   "private": true,
+
   "scripts": {
     "dev": "concurrently --kill-others \"webpack watch --dev\" \"tsc --watch\"",
     "build": "webpack --config webpack.config.js",
     "watchwp": "webpack --watch",
-    "watchts": "tsc --watch"
+    "watchts": "tsc --watch",
+    "serve": "webpack-dev-server",
+    "watch": "",
+    "clean": ""
   },
+
   "author": "Abdullah Amr",
+
   "license": "ISC",
+
   "devDependencies": {
     "@babel/core": "^7.11.6",
     "@babel/preset-env": "^7.11.5",
@@ -23,6 +30,7 @@
     "webpack-cli": "^3.3.12",
     "webpack-dev-server": "^3.11.0"
   },
+
   "dependencies": {
     "gl-matrix": "^3.1.0"
   }

scripts/build.js

@@ -0,0 +1 @@
+//todo.

scripts/clean.js

@@ -0,0 +1 @@
+//todo.

scripts/watch.js

@@ -0,0 +1 @@
+//todo.

src/CameraController.ts

@@ -8,6 +8,10 @@ export abstract class Projection {
     public abstract update(): void;
 }
 
+
+
+
+
 export namespace Projection {
     export class Prespective extends Projection { 
         constructor (
@@ -47,6 +51,13 @@ export namespace Projection {
     }
 }
 
+
+
+class KeyStateMap {
+    constructor(public name: string, public state: boolean) {}
+}
+
+
 export class CameraController implements IUpdatableSystem {
 
 
@@ -63,8 +74,26 @@ export class CameraController implements IUpdatableSystem {
             this.oriantation 
         );
 
+        console.log("camera controller init");
+        window.addEventListener("keydown", event => {
+            if ( event.key == "w") this.activeKeys[0].state = true;    
+            if ( event.key == "s") this.activeKeys[1].state = true;    
+            if ( event.key == "d") this.activeKeys[2].state = true;    
+            if ( event.key == "a") this.activeKeys[3].state = true;    
+        });
+
+        window.addEventListener("keyup", event => {
+            if ( event.key == "w") this.activeKeys[0].state = false;    
+            if ( event.key == "s") this.activeKeys[1].state = false;    
+            if ( event.key == "d") this.activeKeys[2].state = false;    
+            if ( event.key == "a") this.activeKeys[3].state = false;  
+        });
+
     }
 
+
+
+
     public updateCameraMatrix(timestep: number): void {
         this.viewMatrix = mat4.lookAt(
             this.viewMatrix,
@@ -75,8 +104,42 @@ export class CameraController implements IUpdatableSystem {
     }
 
     public update(timestep: number): void { 
-
+
+        if(this.activeKeys[0].state) this.moveForward();
+        if(this.activeKeys[1].state) this.moveBackward();
+        if(this.activeKeys[2].state) this.moveRight();
+        if(this.activeKeys[3].state) this.moveLeft();
+
+    }
+
+    private moveForward() : void {
+        console.log("moving forward");
+        vec3.add(this.position, this.position, this.forwardVector);
+    }
+
+    private moveBackward() : void {
+        vec3.add(this.position, this.position, vec3.scale(new vec3(), this.forwardVector, -1));
+    }
+
+    private moveRight() : void {
+        console.log("moving to the right");
     }
+
+    private moveLeft() : void {
+        console.log("moving to the left");
+    }
+
+
+
+    private activeKeys: Array<KeyStateMap> = [
+        new KeyStateMap("w", false),
+        new KeyStateMap("s", false),
+        new KeyStateMap("d", false),
+        new KeyStateMap("a", false),
+    ];
+
+    private forwardVector: vec3 = vec3.fromValues(0, 1, 0);
+    private rightVector: vec3 = vec3.fromValues(0, 0, 1);
 }
 
 export namespace CameraController { 

src/Engine.ts

@@ -1,15 +1,14 @@
 import { IUpdatableSystem } from "Engine/core/SystemsManager";
 
-
 export class Engine {
     private lastUpdate: number = 0;
-
     private runningSystems: IUpdatableSystem[] = [];
     private runningTasks: CallableFunction[] = [];
 
     constructor(renderingContext: WebGLRenderingContext) {
 
     }
+
     public onInit(context: WebGLRenderingContext): void {
 
     }
@@ -35,7 +34,6 @@ export class Engine {
         this.lastUpdate = Date.now();
     }
 
-
     public run(): void {
         let that = this;
         function loop() {