From a1860ea42334447f49649a3491bad605237a23d5 Mon Sep 17 00:00:00 2001
From: Jules Laplace <jules@okfoc.us>
Date: Mon, 10 Nov 2014 12:48:53 -0500
Subject: randomize button on media drawer (unstyled)

---
 public/assets/javascripts/ui/editor/MediaViewer.js | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

(limited to 'public/assets/javascripts/ui')

diff --git a/public/assets/javascripts/ui/editor/MediaViewer.js b/public/assets/javascripts/ui/editor/MediaViewer.js
index dd17613..9593ab7 100644
--- a/public/assets/javascripts/ui/editor/MediaViewer.js
+++ b/public/assets/javascripts/ui/editor/MediaViewer.js
@@ -13,6 +13,7 @@ var MediaViewer = ModalView.extend({
 		'click .foundToggle': "foundToggle",
 		'click .userToggle': "userToggle",
 		'click #deleteMedia': "deleteArmed",
+		'click #randomize': "randomize",
 		'click .mediaContainer': "pick",
 		'click .viewMore': "load",
 	},
@@ -119,10 +120,15 @@ var MediaViewer = ModalView.extend({
 	},
 	
 	randomize: function(){
-    var media_data = $(".mediaContainer").toArray().map(function(el){
+	  var $divs = this.$myMediaContainer.find(".mediaContainer").toArray()
+	  if ($divs.length < 3) {
+	    $divs = $divs.concat( this.$foundMediaContainer.find(".mediaContainer").toArray() )
+	  }
+    var media_objs = $divs.map(function(el){
       return $(el).data("media")
     })
-    Scenery.randomize( media_data )
+    Scenery.randomize.add( media_objs )
+    this.hide()
   },
 
 	populate: function(data){
-- 
cgit v1.2.3-70-g09d2


From 2bdfa57b147f461d002865b6e7973033ca9987b7 Mon Sep 17 00:00:00 2001
From: Jules Laplace <jules@okfoc.us>
Date: Mon, 10 Nov 2014 16:21:01 -0500
Subject: attempt to place something even if it’s “too big” for the wall
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../rectangles/engine/scenery/types/_object.js     | 40 ++++++++++++++++++++++
 .../rectangles/engine/scenery/types/image.js       | 21 +-----------
 .../rectangles/engine/scenery/types/video.js       | 22 ++----------
 .../assets/javascripts/ui/builder/BuilderInfo.js   |  1 +
 4 files changed, 44 insertions(+), 40 deletions(-)

(limited to 'public/assets/javascripts/ui')

diff --git a/public/assets/javascripts/rectangles/engine/scenery/types/_object.js b/public/assets/javascripts/rectangles/engine/scenery/types/_object.js
index 10ba2b0..c3fd6f3 100644
--- a/public/assets/javascripts/rectangles/engine/scenery/types/_object.js
+++ b/public/assets/javascripts/rectangles/engine/scenery/types/_object.js
@@ -28,6 +28,46 @@ Scenery.types.base = Fiber.extend(function(base){
 			this.dimensions = this.naturalDimensions.clone().mul(this.scale)
 		},
 		
+		place: function(opt){
+		  console.log(opt)
+			if (opt.data) {
+        if (opt.wall) {
+        	var position = opt.wall.mxToPosition(opt.data.position)
+        	opt.index = opt.wall.surface.index_for_x( position.a, 0 )
+        }
+      	this.set_wall(opt)
+        this.deserialize(opt.data)
+      }
+      else {
+      	this.set_wall(opt)
+      	if (this.wall && ! this.bounds) {
+          this.find_minimum_scale(opt)
+          if (! this.bounds) return
+      	}
+      	
+        this.recenter()
+        if (opt.position) {
+          this.translateTo(opt.position)
+        }
+        var mx_position = this.wall.positionToMx( this.position, this.dimensions )
+        this.mx.move(mx_position)
+      }
+		},
+		
+		find_minimum_scale: function(opt){
+      var bounds = this.wall.surface.bounds_at_index_with_dimensions(opt.index || 0, new vec2(50, 50))
+      var scale = 1
+      if (! bounds || bounds.width() < 50 || bounds.height < 50) return
+      if (this.naturalDimensions.a > bounds.width()) {
+        scale = bounds.width() / (this.naturalDimensions.a + 10)
+      }
+      if (this.naturalDimensions.b > bounds.height()) {
+        scale = Math.min(scale, bounds.height() / (this.naturalDimensions.b + 10))
+      }
+      this.set_scale(scale)
+      this.set_wall(opt)
+		},
+		
 		recenter: function () {
 			if (! this.bounds) return
 			var center = this.bounds.center()
diff --git a/public/assets/javascripts/rectangles/engine/scenery/types/image.js b/public/assets/javascripts/rectangles/engine/scenery/types/image.js
index 848f8d4..0e5e77c 100644
--- a/public/assets/javascripts/rectangles/engine/scenery/types/image.js
+++ b/public/assets/javascripts/rectangles/engine/scenery/types/image.js
@@ -13,26 +13,7 @@ Scenery.types.image = Scenery.types.base.extend(function(base){
 
 			this.build()
 			this.bind()
-			
-			if (opt.data) {
-        if (opt.wall) {
-        	var position = opt.wall.mxToPosition(opt.data.position)
-        	opt.index = opt.wall.surface.index_for_x( position.a, 0 )
-        }
-      	this.set_wall(opt)
-        this.deserialize(opt.data)
-      }
-      else {
-      	this.set_wall(opt)
-      	if (this.bounds) {
-          this.recenter()
-          if (opt.position) {
-            this.translateTo(opt.position)
-          }
-          var mx_position = this.wall.positionToMx( this.position, this.dimensions )
-          this.mx.move(mx_position)
-        }
-      }
+			this.place(opt)
 		},
 
 		build: function(){
diff --git a/public/assets/javascripts/rectangles/engine/scenery/types/video.js b/public/assets/javascripts/rectangles/engine/scenery/types/video.js
index d83cc63..d1b1763 100644
--- a/public/assets/javascripts/rectangles/engine/scenery/types/video.js
+++ b/public/assets/javascripts/rectangles/engine/scenery/types/video.js
@@ -6,32 +6,14 @@ Scenery.types.video = Scenery.types.base.extend(function(base){
 	  type: 'video',
 	
 		init: function(opt){
+		
 			opt.scale = opt.scale || (opt.data && opt.data.scale) || DEFAULT_PICTURE_WIDTH / max(DEFAULT_PICTURE_WIDTH, opt.media.width)
 
 			base.init.call(this, opt)
 
 			this.build()
 			this.bind()
-
-			if (opt.data) {
-        if (opt.wall) {
-        	var position = opt.wall.mxToPosition(opt.data.position)
-        	opt.index = opt.wall.surface.index_for_x( position.a, 0 )
-        }
-      	this.set_wall(opt)
-        this.deserialize(opt.data)
-      }
-      else {
-      	this.set_wall(opt)
-        if (this.bounds) {
-          this.recenter()
-          if (opt.position) {
-            this.translateTo(opt.position)
-          }
-          var mx_position = this.wall.positionToMx( this.position, this.dimensions )
-          this.mx.move(mx_position)
-        }
-      }
+      this.place(opt)
     },
 
 		build: function(){
diff --git a/public/assets/javascripts/ui/builder/BuilderInfo.js b/public/assets/javascripts/ui/builder/BuilderInfo.js
index e1c90c8..7606361 100644
--- a/public/assets/javascripts/ui/builder/BuilderInfo.js
+++ b/public/assets/javascripts/ui/builder/BuilderInfo.js
@@ -47,6 +47,7 @@ var BuilderInfo = View.extend({
     this.$noSelection.toggle( ! this.room )
 		this.$el.toggleClass("active", state)
 		if (state) {
+      this.$viewHeight.unitVal( window.viewHeight )
       this.parent.cursor.message("builder")
 		}
 		else {
-- 
cgit v1.2.3-70-g09d2


From b9cf4175a3882415824f707a5431222e352658b2 Mon Sep 17 00:00:00 2001
From: Jules Laplace <jules@okfoc.us>
Date: Mon, 10 Nov 2014 16:42:30 -0500
Subject: cancel scenery for text

---
 public/assets/javascripts/rectangles/engine/scenery/_scenery.js | 1 +
 public/assets/javascripts/ui/editor/TextEditor.js               | 5 +++++
 views/controls/editor/toolbar.ejs                               | 4 +++-
 3 files changed, 9 insertions(+), 1 deletion(-)

(limited to 'public/assets/javascripts/ui')

diff --git a/public/assets/javascripts/rectangles/engine/scenery/_scenery.js b/public/assets/javascripts/rectangles/engine/scenery/_scenery.js
index f6cc8e4..8ca00d3 100644
--- a/public/assets/javascripts/rectangles/engine/scenery/_scenery.js
+++ b/public/assets/javascripts/rectangles/engine/scenery/_scenery.js
@@ -5,6 +5,7 @@ var Scenery = new function(){
 
 	base.list = {}
 	base.nextMedia = null
+	base.nextWallpaper = null
 	
 	base.mouse = new mouse ({ use_offset: false, mousedownUsesCapture: true })
 	
diff --git a/public/assets/javascripts/ui/editor/TextEditor.js b/public/assets/javascripts/ui/editor/TextEditor.js
index 51077af..33b5386 100644
--- a/public/assets/javascripts/ui/editor/TextEditor.js
+++ b/public/assets/javascripts/ui/editor/TextEditor.js
@@ -25,6 +25,11 @@ var TextEditor = FormView.extend({
     this.$fontSize = this.$("[name=font-size]")
     this.$textBody = this.$("[name=text-body]")
     this.$textAlign = this.$("[name=text-align]")
+    
+    app.on("cancel-scenery", function(){
+      this.createMode(true)
+      $("body").toggleClass("addText", false)
+    }.bind(this))
 	},
 
   toggle: function(state){
diff --git a/views/controls/editor/toolbar.ejs b/views/controls/editor/toolbar.ejs
index 7b08db6..23d5eb4 100644
--- a/views/controls/editor/toolbar.ejs
+++ b/views/controls/editor/toolbar.ejs
@@ -32,11 +32,13 @@
 		data-role='toggle-color-control'
 		data-info="edit room colors"
 		class="ion-ios7-sunny-outline"></span>
-<!-- 
+[[ if (user.username == "asdf") { ]]
   <span
     data-role='toggle-text-editor'
     data-info="add text to wall"
     class="ion-ios7-compose-outline"></span>
+[[ } ]]
+<!-- 
 	<span
 		data-role='toggle-map-view'
 		data-info="toggle map view"
-- 
cgit v1.2.3-70-g09d2


From fc00dfa28faddff26778f2580d263526ca3b335e Mon Sep 17 00:00:00 2001
From: Jules Laplace <jules@okfoc.us>
Date: Mon, 10 Nov 2014 18:00:40 -0500
Subject: show/hide minimap as appropriate

---
 public/assets/javascripts/mx/extensions/mx.movements.js             | 6 +++++-
 public/assets/javascripts/rectangles/engine/map/_map.js             | 1 +
 .../assets/javascripts/rectangles/engine/scenery/types/_object.js   | 1 -
 public/assets/javascripts/ui/editor/MediaEditor.js                  | 2 +-
 public/assets/javascripts/ui/reader/MediaPlayer.js                  | 3 ++-
 public/assets/javascripts/ui/reader/ReaderView.js                   | 6 ++++--
 6 files changed, 13 insertions(+), 6 deletions(-)

(limited to 'public/assets/javascripts/ui')

diff --git a/public/assets/javascripts/mx/extensions/mx.movements.js b/public/assets/javascripts/mx/extensions/mx.movements.js
index 82db40d..9af2c8d 100644
--- a/public/assets/javascripts/mx/extensions/mx.movements.js
+++ b/public/assets/javascripts/mx/extensions/mx.movements.js
@@ -33,7 +33,11 @@ MX.Movements = function (cam) {
 	
 	var pos = { x: 0, y: 0, z: 0, rotationX: 0, rotationY: 0 }
 
-  $(document).one("keydown", function(){ $("#keyhint").fadeOut(250); $('.reader #minimap').addClass('active'); })
+  $(document).one("keydown", function(){
+    $("#keyhint").fadeOut(250);
+    $('.reader #minimap').addClass('active');
+  })
+
 	function clampRotation( vr ) {
 		if (Rooms.mover.noclip) {
 			return clamp(vr, PI/-2, PI/2 )
diff --git a/public/assets/javascripts/rectangles/engine/map/_map.js b/public/assets/javascripts/rectangles/engine/map/_map.js
index 64372c5..202803a 100644
--- a/public/assets/javascripts/rectangles/engine/map/_map.js
+++ b/public/assets/javascripts/rectangles/engine/map/_map.js
@@ -15,6 +15,7 @@ var Map = function(opt){
 	
 	var base = this
 	base.el = opt.el
+	base.$el = $(base.el)
 	
 	if (! base.el) return
 	
diff --git a/public/assets/javascripts/rectangles/engine/scenery/types/_object.js b/public/assets/javascripts/rectangles/engine/scenery/types/_object.js
index c3fd6f3..51d1b88 100644
--- a/public/assets/javascripts/rectangles/engine/scenery/types/_object.js
+++ b/public/assets/javascripts/rectangles/engine/scenery/types/_object.js
@@ -29,7 +29,6 @@ Scenery.types.base = Fiber.extend(function(base){
 		},
 		
 		place: function(opt){
-		  console.log(opt)
 			if (opt.data) {
         if (opt.wall) {
         	var position = opt.wall.mxToPosition(opt.data.position)
diff --git a/public/assets/javascripts/ui/editor/MediaEditor.js b/public/assets/javascripts/ui/editor/MediaEditor.js
index db5878f..de93f6e 100644
--- a/public/assets/javascripts/ui/editor/MediaEditor.js
+++ b/public/assets/javascripts/ui/editor/MediaEditor.js
@@ -65,7 +65,7 @@ var MediaEditor = FormView.extend({
 		
 		var media = scenery.media
 		
-		console.log(media)
+		// console.log(media)
 		
 		this.$name.val(media.title || filenameFromUrl(media.url) )
 		this.$description.val(media.description)
diff --git a/public/assets/javascripts/ui/reader/MediaPlayer.js b/public/assets/javascripts/ui/reader/MediaPlayer.js
index e40c6ff..42e7596 100644
--- a/public/assets/javascripts/ui/reader/MediaPlayer.js
+++ b/public/assets/javascripts/ui/reader/MediaPlayer.js
@@ -46,7 +46,7 @@ var MediaPlayer = FormView.extend({
 		if (media.type == "image") {
 			if ( ! media.description && (! media.title || media.title == filenameFromUrl(media.url)) ) {
 				this.hide()
-				return
+				return false
 			}
 		}
 
@@ -78,6 +78,7 @@ var MediaPlayer = FormView.extend({
 
 				break
 		}
+		return true
 	},
 	
 	hide: function(scenery){
diff --git a/public/assets/javascripts/ui/reader/ReaderView.js b/public/assets/javascripts/ui/reader/ReaderView.js
index aea681a..617a145 100644
--- a/public/assets/javascripts/ui/reader/ReaderView.js
+++ b/public/assets/javascripts/ui/reader/ReaderView.js
@@ -58,7 +58,7 @@ var ReaderView = View.extend({
 		  return
 		}
 		
-		// don't build anything until we're in landscape mode, otherwise ios might crash
+		// don't build anything until we're in landscape mode, otherwise ios might crash!!
 		var orientationFn = orientationchange.bind(this)
     window.addEventListener('orientationchange', orientationFn)
     function orientationchange (e) {
@@ -119,7 +119,8 @@ var ReaderView = View.extend({
 	},
 
 	pick: function(scenery){
-		this.mediaPlayer.pick(scenery)
+		var has_info = this.mediaPlayer.pick(scenery)
+    $("#minimap").toggleClass('active', ! has_info)
     app.tube("pick-scenery", { scenery: scenery })
 	},
 
@@ -128,6 +129,7 @@ var ReaderView = View.extend({
 	},
 
 	hideExtras: function(){
+		$("#minimap").addClass('active')
 		this.mediaPlayer.hide()
     app.tube("close-scenery")
 	}
-- 
cgit v1.2.3-70-g09d2


From 0abda4c9e25320285bc6a8960768d8c7427ad496 Mon Sep 17 00:00:00 2001
From: Jules Laplace <jules@okfoc.us>
Date: Tue, 11 Nov 2014 13:30:13 -0500
Subject: splitting out color picker

---
 .../assets/javascripts/ui/editor/ColorControl.js   | 175 +-------------------
 public/assets/javascripts/ui/lib/LabColorPicker.js | 178 +++++++++++++++++++++
 views/controls/editor/color-control.ejs            |   1 -
 views/partials/scripts.ejs                         |   1 +
 4 files changed, 182 insertions(+), 173 deletions(-)
 create mode 100644 public/assets/javascripts/ui/lib/LabColorPicker.js

(limited to 'public/assets/javascripts/ui')

diff --git a/public/assets/javascripts/ui/editor/ColorControl.js b/public/assets/javascripts/ui/editor/ColorControl.js
index d1a8c7b..0c5463e 100644
--- a/public/assets/javascripts/ui/editor/ColorControl.js
+++ b/public/assets/javascripts/ui/editor/ColorControl.js
@@ -4,8 +4,6 @@ var ColorControl = View.extend({
   
   events: {
     "mousedown": "stopPropagation",
-    "mousedown #brightness-control": "beginBrightness",
-    "input #brightness-control": "updateBrightness",
     "click .color-swatches span": "setSurface",
     "click .colors span": "setHue",
   },
@@ -32,6 +30,7 @@ var ColorControl = View.extend({
     this.colorPicker = new LabColorPicker(this, 155, 155)
     this.$("#color-picker").append( this.colorPicker.canvas )
     this.$("#color-picker").append( this.colorPicker.cursor )
+    this.$(".slider").append( this.colorPicker.brightness )
     
     this.$swatches = this.$(".swatch")
     this.$labels = this.$(".swatch + label")
@@ -41,8 +40,7 @@ var ColorControl = View.extend({
       floor: this.$("#floor-color"),
       ceiling: this.$("#ceiling-color"),
     }
-    this.$brightnessControl = this.$("#brightness-control")
-
+    
     this.$colors = this.$(".colors")
     this.colors.forEach(function(color){
     	var $swatch = $("<span>")
@@ -134,7 +132,6 @@ var ColorControl = View.extend({
     color = Walls.colors[ mode ]
     
     this.labColor = this.colorPicker.load(color)
-    this.$brightnessControl.val( this.labColor[0] )
   },
   
   setSurface: function(e){
@@ -144,174 +141,8 @@ var ColorControl = View.extend({
   
   setHue: function(e){
   	var color = $(e.currentTarget).data('color')
-
     this.labColor = this.colorPicker.load(color)
-    this.$brightnessControl.val( this.labColor[0] )
-
     this.pick(color, this.labColor)
-  },
-  
-  beginBrightness: function(){
-    this.begin()
-    $(window).one("mouseup", this.finalize.bind(this))
-  },
-  
-  updateBrightness: function(){
-    this.labColor[0] = parseFloat( this.$brightnessControl.val() )
-    var rgb = this.colorPicker.setLab( this.labColor )
-    this.pick(rgb, this.labColor)
-  },
-
-})
-
-var LabColorPicker = function (parent, w, h) {
-  var base = this
-  var canvas = this.canvas = document.createElement('canvas')
-  var ctx = this.ctx = canvas.getContext('2d')
-  var imageData = ctx.createImageData(w,h)
-  var data = imageData.data
-
-  var cursor = this.cursor = document.createElement("div")
-  cursor.className = "colorPickerCursor"
-
-  canvas.width = w
-  canvas.height = h
-  canvas.className = "colorPicker"
-
-  var ww = w-1
-  var hh = h-1
-  
-  var L_range = [0, 110]
-  var a_range = [-86.185, 98.254]
-  var b_range = [-107.863, 94.482]
-
-  var rgb = [0,0,0]
-  
-  var val = 80
-  
-  this.mouse = new mouse({
-    el: canvas,
-    down: function(e, cursor){
-      parent.begin()
-      cursor.x.a = -cursor.x.a
-      base.pick(cursor.x.a, cursor.y.a)
-    },
-    drag: function(e, cursor){
-      cursor.x.b = -cursor.x.b
-      base.pick(cursor.x.b, cursor.y.b)
-    },
-    up: function(){
-      parent.finalize()
-    }
-  })
-  
-  this.setLab = function(Lab) {
-    val = Lab[0]
-    this.paint()
-    var rgb = xyz2rgb(hunterlab2xyz(Lab[0], Lab[1], Lab[2])).map(Math.round)
-    return rgb
-  }
-  this.pick = function(i, j){
-    i = clamp(i, 0, w)
-    j = clamp(j, 0, h)
-    var x = mix( i/ww, a_range[0], a_range[1] )
-    var y = mix( j/hh, b_range[0], b_range[1] )
-    var rgb = xyz2rgb(hunterlab2xyz(val, x, y)).map(Math.round)
-    this.moveCursor(i, j)
-    parent.pick( rgb, [val,x,y] )
-  }
-  this.load = function(rgba){
-    var Lab = xyz2hunterlab(rgb2xyz(rgba))
-    var val = clamp( Lab[0], L_range[0], L_range[1] )
-    var x = mix( norm(Lab[1], a_range[0], a_range[1]), 0, ww )
-    var y = mix( norm(Lab[2], b_range[0], b_range[1]), 0, hh )
-    
-    this.moveCursor(x,y)
-    this.setLab(Lab)
-    return Lab
-  }
-  this.moveCursor = function(x,y){
-    cursor.style.left = x + "px"
-    cursor.style.top = y + "px"
-  }
-  this.paint = function() {
-    val = clamp(val, L_range[0], L_range[1])
-    var x, y, t
-    for (var i = 0; i < w; i++) {
-      for (var j = 0; j < h; j++) {
-        x = mix( i/ww, a_range[0], a_range[1] )
-        y = mix( j/hh, b_range[0], b_range[1] )
-        t = (j*w + i) * 4
-        rgb = xyz2rgb(hunterlab2xyz(val, x, y))
-        data[t] = Math.round( rgb[0] )
-        data[t+1] = Math.round( rgb[1] )
-        data[t+2] = Math.round( rgb[2] )
-        data[t+3] = 255
-      }
-    }
-    ctx.putImageData(imageData,0,0)
-  }
-  
-  function hunterlab2xyz (L,a,b) {
-    var_Y = L / 10
-    var_X = a / 17.5 * L / 10
-    var_Z = b / 7 * L / 10
-
-    Y = Math.pow(var_Y, 2)
-    X = ( var_X + Y ) / 1.02
-    Z = -( var_Z - Y ) / 0.847
-    xyz = [X,Y,Z]
   }
-  function xyz2rgb(){
-    var var_X = xyz[0] / 100        //X from 0 to  95.047      (Observer = 2°, Illuminant = D65)
-    var var_Y = xyz[1] / 100        //Y from 0 to 100.000
-    var var_Z = xyz[2] / 100        //Z from 0 to 108.883
 
-    var_R = var_X *  3.2406 + var_Y * -1.5372 + var_Z * -0.4986
-    var_G = var_X * -0.9689 + var_Y *  1.8758 + var_Z *  0.0415
-    var_B = var_X *  0.0557 + var_Y * -0.2040 + var_Z *  1.0570
-
-    if ( var_R > 0.0031308 ) var_R = 1.055 * Math.pow( var_R, 1 / 2.4 ) - 0.055
-    else                     var_R = 12.92 * var_R
-    if ( var_G > 0.0031308 ) var_G = 1.055 * Math.pow( var_G, 1 / 2.4 ) - 0.055
-    else                     var_G = 12.92 * var_G
-    if ( var_B > 0.0031308 ) var_B = 1.055 * Math.pow( var_B, 1 / 2.4 ) - 0.055
-    else                     var_B = 12.92 * var_B
-
-    rgb[0] = clamp(var_R * 255, 0, 255)
-    rgb[1] = clamp(var_G * 255, 0, 255)
-    rgb[2] = clamp(var_B * 255, 0, 255)
-    return rgb
-  }
-  function rgb2xyz(RGB){
-    var var_R = ( RGB[0] / 255 )        // R from 0 to 255
-    var var_G = ( RGB[1] / 255 )        // G from 0 to 255
-    var var_B = ( RGB[2] / 255 )        // B from 0 to 255
-
-    if ( var_R > 0.04045 ) var_R = Math.pow( ( var_R + 0.055 ) / 1.055, 2.4)
-    else                   var_R = var_R / 12.92
-    if ( var_G > 0.04045 ) var_G = Math.pow( ( var_G + 0.055 ) / 1.055, 2.4)
-    else                   var_G = var_G / 12.92
-    if ( var_B > 0.04045 ) var_B = Math.pow( ( var_B + 0.055 ) / 1.055, 2.4)
-    else                   var_B = var_B / 12.92
-
-    var_R = var_R * 100
-    var_G = var_G * 100
-    var_B = var_B * 100
-
-    //Observer. = 2°, Illuminant = D65
-    var x = var_R * 0.4124 + var_G * 0.3576 + var_B * 0.1805
-    var y = var_R * 0.2126 + var_G * 0.7152 + var_B * 0.0722
-    var z = var_R * 0.0193 + var_G * 0.1192 + var_B * 0.9505
-    return [x,y,z]
-  }
-  function xyz2hunterlab (XYZ) {
-    var X = XYZ[0]
-    var Y = XYZ[1] || 1e-6  // otherwise divide-by-zero error when converting rgb(0,0,0)
-    var Z = XYZ[2]
-    var L = 10 * sqrt( Y )
-    var a = 17.5 * ( ( ( 1.02 * X ) - Y ) / sqrt( Y ) )
-    var b = 7 * ( ( Y - ( 0.847 * Z ) ) / sqrt( Y ) )
-    return [L,a,b]
-  }
-}
+})
diff --git a/public/assets/javascripts/ui/lib/LabColorPicker.js b/public/assets/javascripts/ui/lib/LabColorPicker.js
new file mode 100644
index 0000000..0e1563a
--- /dev/null
+++ b/public/assets/javascripts/ui/lib/LabColorPicker.js
@@ -0,0 +1,178 @@
+var LabColorPicker = function (parent, w, h) {
+  var base = this
+  var canvas = this.canvas = document.createElement('canvas')
+  var ctx = this.ctx = canvas.getContext('2d')
+  var imageData = ctx.createImageData(w,h)
+  var data = imageData.data
+
+  var cursor = this.cursor = document.createElement("div")
+  cursor.className = "colorPickerCursor"
+  
+  var brightnessControl = this.brightness = document.createElement("input")
+  var $brightnessControl = $(brightnessControl)
+	brightnessControl.setAttribute("type", "range")
+	brightnessControl.setAttribute("min", "0")
+	brightnessControl.setAttribute("max", "110")
+	brightnessControl.setAttribute("value", "0")
+
+  canvas.width = w
+  canvas.height = h
+  canvas.className = "colorPicker"
+
+  var ww = w-1
+  var hh = h-1
+  
+  var L_range = [0, 110]
+  var a_range = [-86.185, 98.254]
+  var b_range = [-107.863, 94.482]
+
+  var rgb = [0,0,0]
+  
+  var val = 80
+  
+  this.mouse = new mouse({
+    el: canvas,
+    down: function(e, cursor){
+      parent.begin()
+      cursor.x.a = -cursor.x.a
+      base.pick(cursor.x.a, cursor.y.a)
+    },
+    drag: function(e, cursor){
+      cursor.x.b = -cursor.x.b
+      base.pick(cursor.x.b, cursor.y.b)
+    },
+    up: function(){
+      parent.finalize()
+    }
+  })
+  
+  $brightnessControl.on({
+    "mousedown": function(){ base.beginBrightness() },
+    "input": function(){ base.updateBrightness() },
+  })
+  
+  this.setLab = function(Lab) {
+    val = Lab[0]
+    this.paint()
+    var rgb = xyz2rgb(hunterlab2xyz(Lab[0], Lab[1], Lab[2])).map(Math.round)
+    return rgb
+  }
+  this.pick = function(i, j){
+    i = clamp(i, 0, w)
+    j = clamp(j, 0, h)
+    var x = mix( i/ww, a_range[0], a_range[1] )
+    var y = mix( j/hh, b_range[0], b_range[1] )
+    var rgb = xyz2rgb(hunterlab2xyz(val, x, y)).map(Math.round)
+    this.moveCursor(i, j)
+    parent.pick( rgb, [val,x,y] )
+  }
+  this.load = function(rgba){
+    var Lab = xyz2hunterlab(rgb2xyz(rgba))
+    var val = clamp( Lab[0], L_range[0], L_range[1] )
+    var x = mix( norm(Lab[1], a_range[0], a_range[1]), 0, ww )
+    var y = mix( norm(Lab[2], b_range[0], b_range[1]), 0, hh )
+    
+    this.moveCursor(x,y)
+    this.setLab(Lab)
+    this.setBrightness(Lab)
+    
+    return Lab
+  }
+  this.moveCursor = function(x,y){
+    cursor.style.left = x + "px"
+    cursor.style.top = y + "px"
+  }
+  this.paint = function() {
+    val = clamp(val, L_range[0], L_range[1])
+    var x, y, t
+    for (var i = 0; i < w; i++) {
+      for (var j = 0; j < h; j++) {
+        x = mix( i/ww, a_range[0], a_range[1] )
+        y = mix( j/hh, b_range[0], b_range[1] )
+        t = (j*w + i) * 4
+        rgb = xyz2rgb(hunterlab2xyz(val, x, y))
+        data[t] = Math.round( rgb[0] )
+        data[t+1] = Math.round( rgb[1] )
+        data[t+2] = Math.round( rgb[2] )
+        data[t+3] = 255
+      }
+    }
+    ctx.putImageData(imageData,0,0)
+  }
+
+  this.beginBrightness = function(){
+    parent.begin()
+    $(window).one("mouseup", parent.finalize.bind(parent))
+  }
+  this.updateBrightness = function(){
+    parent.labColor[0] = parseFloat( $brightnessControl.val() )
+    var rgb = base.setLab( parent.labColor )
+    parent.pick(rgb, parent.labColor)
+  }
+  this.setBrightness = function(Lab){
+    $brightnessControl.val(Lab[0])
+  }
+  
+  function hunterlab2xyz (L,a,b) {
+    var_Y = L / 10
+    var_X = a / 17.5 * L / 10
+    var_Z = b / 7 * L / 10
+
+    Y = Math.pow(var_Y, 2)
+    X = ( var_X + Y ) / 1.02
+    Z = -( var_Z - Y ) / 0.847
+    xyz = [X,Y,Z]
+  }
+  function xyz2rgb(){
+    var var_X = xyz[0] / 100        //X from 0 to  95.047      (Observer = 2°, Illuminant = D65)
+    var var_Y = xyz[1] / 100        //Y from 0 to 100.000
+    var var_Z = xyz[2] / 100        //Z from 0 to 108.883
+
+    var_R = var_X *  3.2406 + var_Y * -1.5372 + var_Z * -0.4986
+    var_G = var_X * -0.9689 + var_Y *  1.8758 + var_Z *  0.0415
+    var_B = var_X *  0.0557 + var_Y * -0.2040 + var_Z *  1.0570
+
+    if ( var_R > 0.0031308 ) var_R = 1.055 * Math.pow( var_R, 1 / 2.4 ) - 0.055
+    else                     var_R = 12.92 * var_R
+    if ( var_G > 0.0031308 ) var_G = 1.055 * Math.pow( var_G, 1 / 2.4 ) - 0.055
+    else                     var_G = 12.92 * var_G
+    if ( var_B > 0.0031308 ) var_B = 1.055 * Math.pow( var_B, 1 / 2.4 ) - 0.055
+    else                     var_B = 12.92 * var_B
+
+    rgb[0] = clamp(var_R * 255, 0, 255)
+    rgb[1] = clamp(var_G * 255, 0, 255)
+    rgb[2] = clamp(var_B * 255, 0, 255)
+    return rgb
+  }
+  function rgb2xyz(RGB){
+    var var_R = ( RGB[0] / 255 )        // R from 0 to 255
+    var var_G = ( RGB[1] / 255 )        // G from 0 to 255
+    var var_B = ( RGB[2] / 255 )        // B from 0 to 255
+
+    if ( var_R > 0.04045 ) var_R = Math.pow( ( var_R + 0.055 ) / 1.055, 2.4)
+    else                   var_R = var_R / 12.92
+    if ( var_G > 0.04045 ) var_G = Math.pow( ( var_G + 0.055 ) / 1.055, 2.4)
+    else                   var_G = var_G / 12.92
+    if ( var_B > 0.04045 ) var_B = Math.pow( ( var_B + 0.055 ) / 1.055, 2.4)
+    else                   var_B = var_B / 12.92
+
+    var_R = var_R * 100
+    var_G = var_G * 100
+    var_B = var_B * 100
+
+    //Observer. = 2°, Illuminant = D65
+    var x = var_R * 0.4124 + var_G * 0.3576 + var_B * 0.1805
+    var y = var_R * 0.2126 + var_G * 0.7152 + var_B * 0.0722
+    var z = var_R * 0.0193 + var_G * 0.1192 + var_B * 0.9505
+    return [x,y,z]
+  }
+  function xyz2hunterlab (XYZ) {
+    var X = XYZ[0]
+    var Y = XYZ[1] || 1e-6  // otherwise divide-by-zero error when converting rgb(0,0,0)
+    var Z = XYZ[2]
+    var L = 10 * sqrt( Y )
+    var a = 17.5 * ( ( ( 1.02 * X ) - Y ) / sqrt( Y ) )
+    var b = 7 * ( ( Y - ( 0.847 * Z ) ) / sqrt( Y ) )
+    return [L,a,b]
+  }
+}
diff --git a/views/controls/editor/color-control.ejs b/views/controls/editor/color-control.ejs
index 8ce6e85..1fa1688 100644
--- a/views/controls/editor/color-control.ejs
+++ b/views/controls/editor/color-control.ejs
@@ -8,7 +8,6 @@
   </div>
   
 	<div class="slider">
-		<input type="range" min="0" max="110" value="0" id="brightness-control" />
 	</div>
 
   <div class="color-swatches">
diff --git a/views/partials/scripts.ejs b/views/partials/scripts.ejs
index 70c3b27..7bdb246 100644
--- a/views/partials/scripts.ejs
+++ b/views/partials/scripts.ejs
@@ -80,6 +80,7 @@
 <script type="text/javascript" src="/assets/javascripts/ui/lib/ConfirmModal.js"></script>
 <script type="text/javascript" src="/assets/javascripts/ui/lib/ErrorModal.js"></script>
 <script type="text/javascript" src="/assets/javascripts/ui/lib/Parser.js"></script>
+<script type="text/javascript" src="/assets/javascripts/ui/lib/LabColorPicker.js"></script>
 
 <script type="text/javascript" src="/assets/javascripts/ui/site/SignInModal.js"></script>
 <script type="text/javascript" src="/assets/javascripts/ui/site/SignUpModal.js"></script>
-- 
cgit v1.2.3-70-g09d2


From 3ab0c6c24b95552feb111b647205cc92c3ca170c Mon Sep 17 00:00:00 2001
From: Jules Laplace <jules@okfoc.us>
Date: Thu, 13 Nov 2014 11:46:43 -0500
Subject: delete text object if no text

---
 public/assets/javascripts/rectangles/engine/scenery/types/_object.js | 3 +++
 public/assets/javascripts/ui/editor/TextEditor.js                    | 5 ++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

(limited to 'public/assets/javascripts/ui')

diff --git a/public/assets/javascripts/rectangles/engine/scenery/types/_object.js b/public/assets/javascripts/rectangles/engine/scenery/types/_object.js
index 51d1b88..cd3f981 100644
--- a/public/assets/javascripts/rectangles/engine/scenery/types/_object.js
+++ b/public/assets/javascripts/rectangles/engine/scenery/types/_object.js
@@ -116,6 +116,9 @@ Scenery.types.base = Fiber.extend(function(base){
 		},
 		
 		remove: function(){
+		  if (this.removed) return
+		  this.removed = true
+		  
       UndoStack.push({
         type: 'destroy-scenery',
         undo: this.serialize(),
diff --git a/public/assets/javascripts/ui/editor/TextEditor.js b/public/assets/javascripts/ui/editor/TextEditor.js
index 33b5386..2949943 100644
--- a/public/assets/javascripts/ui/editor/TextEditor.js
+++ b/public/assets/javascripts/ui/editor/TextEditor.js
@@ -75,11 +75,13 @@ var TextEditor = FormView.extend({
       if (this.tainted) {
         Minotaur.watch( app.router.editorView.settings )
       }
-
 	    if (this.scenery.mx) {
         this.scenery.mx.bound = false
         this.scenery.mx.el.classList.remove("picked")
       }
+      if (! this.scenery.media || ! this.scenery.media.description || this.scenery.media.description == "") {
+        this.scenery.remove()
+      }
     }
     this.tainted = false
     this.scenery = null
@@ -143,6 +145,7 @@ var TextEditor = FormView.extend({
 	destroy: function(){
     this.tainted = false
     this.scenery.remove()
+    this.hide()
 	},
 
 })
-- 
cgit v1.2.3-70-g09d2