bare bones vignettes (scene manager) and scenes

Author: Ben Jack

src/index.js

@@ -10,15 +10,35 @@ window.setup = function() {
   let vignettes = new Vignettes();
   setup_window_variables(vignettes);
   setup_vignettes(vignettes);
-  setup_new_canvas(1280, 720);
+  setup_new_canvas(100, 100);
 }
 
 window.draw = function() {
   background(255);
-  vignettes.draw();
+//  vignettes.draw();
 }
 
 window.setup_new_canvas = function(width, height){
     createCanvas(width, height);
     setup_scenes(vignettes);
 }
+
+window.mouseClicked = function(){
+  vignettes.click();
+}
+
+window.mouseDragged = function(){
+  vignettes.mouse_dragged();
+}
+
+window.mouseMoved = function(){
+  vignettes.mouse_moved();
+}
+
+window.keyPressed = function(){
+  console.log(keyCode);
+}
+
+window.keyReleased = function(){
+  vignettes.key_released();
+}

src/vignettes.js

@@ -2,34 +2,55 @@ export default class Vignettes{
 
   constructor(){
     this._scenes = [];
+    this._current_scene = 0;
   }
 
   add_scene(scene){
     this._scenes.push(scene);
-    this.current_event
   }
 
   draw(){
+      if(this._scenes.length > 0){
+        this._scenes[this._current_scene].draw();
+      }
   }
 
   click(){
-
+    if(this._scenes.length > 0){
+      this._scenes[this._current_scene].click();
+    }
   }
 
   mouse_moved(){
-
+    if(this._scenes.length > 0){
+      this._scenes[this._current_scene].mouse_moved();
+    }
   }
 
   mouse_dragged(){
-
+    if(this._scenes.length > 0){
+      this._scenes[this._current_scene].mouse_dragged();
+    }
   }
 
   key_pressed(keyboard_event){
 
+    console.log(keyCode);
+    if(keyCode == 39){
+        this._current_scene = this._current_scene - 1;
+        this._current_scene = this._current_scene < 0 ? this._scenes.length - 1 : this._current_scene;
+    }else if(keyCode == 37){
+        this.current_scene = (this.current_scene + 1)%this._scenes.length;
+    }else if(this._scenes.length > 0){
+        this._scenes[this._current_scene].key_pressed();
+    }
+
+    console.log(this._current_scene);
+
   }
 
   key_released(keyboard_event){
-
+    this._scenes[this._current_scene].key_released();
   }
 
 }

src/windowVariables.js

@@ -1,4 +1,7 @@
+import Scene from "./scene.js"
+
 export const setup_window_variables = function(vignettes){
   window.vignettes = vignettes;
+  window.Scene     = Scene;
   window.ccapturer = new CCapture( { format: 'webm' } );
 }