From a05b5e1812c5e0b4d4e5e1c07101ae00fadf878e Mon Sep 17 00:00:00 2001
From: Hunter Loftis <hunter.loftis+github@gmail.com>
Date: Wed, 23 Mar 2011 11:52:46 -0400
Subject: [PATCH] Added 'drawing' adapter for future recording and playback,
 created rgb images and dom objects, having issues with mouseover because of
 z-index

---
 css/images/blue.png    | Bin 0 -> 5499 bytes
 css/images/green.png   | Bin 0 -> 5711 bytes
 css/images/red.png     | Bin 0 -> 5134 bytes
 css/main.css           |  30 ++++++++++++++++++++++++++++++
 js/drawing.js          |  13 +++++++++++++
 js/main.js             |  19 ++++++++++++++++---
 js/viewmodels/brush.js |  12 ++++++++----
 scene1.html            |  15 ++++++++++++---
 8 files changed, 79 insertions(+), 10 deletions(-)
 create mode 100644 css/images/blue.png
 create mode 100644 css/images/green.png
 create mode 100644 css/images/red.png
 create mode 100644 js/drawing.js

diff --git a/css/images/blue.png b/css/images/blue.png
new file mode 100644
index 0000000000000000000000000000000000000000..9aa3e911c36a9af63e9ab7e68d7bffa4e61d2bd5
GIT binary patch
literal 5499
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

literal 0
HcmV?d00001

diff --git a/css/images/green.png b/css/images/green.png
new file mode 100644
index 0000000000000000000000000000000000000000..e1431e3fe94be06c16af8a695b0c5ca73577de9b
GIT binary patch
literal 5711
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
B;t2o%

literal 0
HcmV?d00001

diff --git a/css/images/red.png b/css/images/red.png
new file mode 100644
index 0000000000000000000000000000000000000000..0074890c7847542092fdc0a2a39b5ed3b4f763bf
GIT binary patch
literal 5134
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

literal 0
HcmV?d00001

diff --git a/css/main.css b/css/main.css
index bcf791a..4d46f6c 100644
--- a/css/main.css
+++ b/css/main.css
@@ -89,6 +89,36 @@ body.brushy {
   cursor: pointer !important;
 }
 
+/* Palette */
+
+#palette {
+  position: absolute;
+  left: -30px;
+  bottom: -40px;
+}
+
+#palette ul {
+  list-style: none;
+}
+
+.colors li {
+  width: 64px;
+  height: 63px;
+  cursor: pointer !important;
+}
+
+#red {
+  background: transparent url(images/red.png) center no-repeat;
+}
+
+#green {
+  background: transparent url(images/green.png) center no-repeat;
+}
+
+#blue {
+  background: transparent url(images/blue.png) center no-repeat;
+}
+
 /* Brushes */
 
 /* Pen */
diff --git a/js/drawing.js b/js/drawing.js
new file mode 100644
index 0000000..b6bdeb8
--- /dev/null
+++ b/js/drawing.js
@@ -0,0 +1,13 @@
+(function($, ko) {
+
+  function Drawing() {}
+  
+  Drawing.prototype = {
+    event: function(name, args) {
+      $(document).trigger(name, args);
+    }
+  };
+  
+  window.Drawing = Drawing;
+
+})(jQuery, ko);
\ No newline at end of file
diff --git a/js/main.js b/js/main.js
index 2dceb60..ab8c07b 100644
--- a/js/main.js
+++ b/js/main.js
@@ -1,12 +1,16 @@
 (function() {
 
+  // Create Drawing instance
+  
+  var drawing = new Drawing();
+  
   // Create VM instances
   
   var mouse         = new Mouse(),
       activebrush   = ko.observable(null),
-      pen           = new Brush(mouse, 'pen_holder', activebrush, 'drawing', 'inkRenderer')
-      inkbrush      = new Brush(mouse, 'inkbrush_holder', activebrush, 'drawing', 'inkRenderer'),
-      waterbrush    = new Brush(mouse, 'waterbrush_holder', activebrush, 'drawing', 'waterRenderer'),
+      pen           = new Brush(mouse, 'pen_holder', activebrush, 'drawing', 'inkRenderer', drawing)
+      inkbrush      = new Brush(mouse, 'inkbrush_holder', activebrush, 'drawing', 'inkRenderer', drawing),
+      waterbrush    = new Brush(mouse, 'waterbrush_holder', activebrush, 'drawing', 'waterRenderer', drawing),
       canvas        = new Canvas('artboard');
   
   // Create Renderers
@@ -42,6 +46,15 @@
   // Bind Views to ViewModel
   
   ko.applyBindings(ViewModel);
+  
+  // Non-standard bindings
+  
+  $('#palette').bind('mouseover',
+    function(event) {
+      ViewModel.activebrush.visible(false);
+      alert('ok');
+    }
+  );
 
   // Disable text selection
   
diff --git a/js/viewmodels/brush.js b/js/viewmodels/brush.js
index 3d87071..ba9191f 100644
--- a/js/viewmodels/brush.js
+++ b/js/viewmodels/brush.js
@@ -1,6 +1,6 @@
 (function($, ko) {
   
-  function Brush(mouse, holder, activebrush, container, renderer) {
+  function Brush(mouse, holder, activebrush, container, renderer, broadcaster) {
   
     var self = this;
     
@@ -8,12 +8,15 @@
     this.holder = holder;
     this.container = container;
     this.renderer = renderer;
+    this.broadcaster = broadcaster;
     
     this.width = 284;
     this.height = 890;
     this.shadowWidth = 160;
     this.shadowHeight = 266;
     
+    this.visible = ko.observable(true);
+    
     this.active = ko.dependentObservable(function() {
       return (activebrush() === this);
     }, this);
@@ -76,15 +79,16 @@
     
     this.down.subscribe(function(down) {
       if (down) {
-        $(document).trigger(self.renderer + '.down', [self.pos()]);
+        broadcaster.event(self.renderer + '.down', [self.pos()]);
       }
       else {
-        $(document).trigger(self.renderer + '.up', [self.pos()]);
+        broadcaster.event(self.renderer + '.up', [self.pos()]);
       }
     });
+    
     this.pos.subscribe(function(pos) {
       if (self.down()) {
-        $(document).trigger(self.renderer + '.move', pos);
+        broadcaster.event(self.renderer + '.move', pos);
       }
     });
     
diff --git a/scene1.html b/scene1.html
index 81d04b5..5765204 100644
--- a/scene1.html
+++ b/scene1.html
@@ -10,17 +10,17 @@
   <div id="wrap">
     <div id="drawing">
       <canvas id="artboard" width="750" height="500"></canvas>
-      <div id="pen" data-bind="css: {down: pen.down}, style: {left: pen.left, top: pen.top, zIndex: pen.zIndex}">
+      <div id="pen" data-bind="visible: pen.visible, css: {down: pen.down}, style: {left: pen.left, top: pen.top, zIndex: pen.zIndex}">
         <div class="shadow" data-bind="style: {webkitTransform: pen.shadowTransform, MozTransform: pen.shadowTransform, msTransform: pen.shadowTransform, transform: pen.shadowTransform}"></div>
         <div class="brush" data-bind="style: {webkitTransform: pen.transform, MozTransform: pen.transform, msTransform: pen.transform, transform: pen.transform}"></div>
       </div>
       
-      <div id="brush" data-bind="css: {down: inkbrush.down}, style: {left: inkbrush.left, top: inkbrush.top, zIndex: inkbrush.zIndex}">
+      <div id="brush" data-bind="visible: inkbrush.visible, css: {down: inkbrush.down}, style: {left: inkbrush.left, top: inkbrush.top, zIndex: inkbrush.zIndex}">
         <div class="shadow" data-bind="style: {webkitTransform: inkbrush.shadowTransform, MozTransform: inkbrush.shadowTransform, msTransform: inkbrush.shadowTransform, transform: inkbrush.shadowTransform}"></div>
         <div class="brush" data-bind="style: {webkitTransform: inkbrush.transform, MozTransform: inkbrush.transform, msTransform: inkbrush.transform, transform: inkbrush.transform}"></div>
       </div>
       
-      <div id="waterbrush" data-bind="css: {down: waterbrush.down}, style: {left: waterbrush.left, top: waterbrush.top, zIndex: waterbrush.zIndex}">
+      <div id="waterbrush" data-bind="visible: waterbrush.visible, css: {down: waterbrush.down}, style: {left: waterbrush.left, top: waterbrush.top, zIndex: waterbrush.zIndex}">
         <div class="shadow" data-bind="style: {webkitTransform: waterbrush.shadowTransform, MozTransform: waterbrush.shadowTransform, msTransform: waterbrush.shadowTransform, transform: waterbrush.shadowTransform}"></div>
         <div class="brush" data-bind="style: {webkitTransform: waterbrush.transform, MozTransform: waterbrush.transform, msTransform: waterbrush.transform, transform: waterbrush.transform}"></div>
       </div>
@@ -35,6 +35,14 @@
         <li id="waterbrush_holder" data-bind="click: function() { ViewModel.activebrush(ViewModel.waterbrush); }"></li>
       </ul>
     </div>
+    
+    <div id="palette">
+      <ul class="colors">
+        <li id="red"></li>
+        <li id="green"></li>
+        <li id="blue"></li>
+      </ul>
+    </div>
   </div>
   
   
@@ -54,6 +62,7 @@
   
   <!-- Main -->
   
+  <script src="js/drawing.js"></script>
   <script src="js/main.js"></script>
   
 </body>