diff options
| -rw-r--r-- | assets/javascripts/mx/primitives/mx.image.js | 9 | ||||
| -rw-r--r-- | assets/javascripts/rectangles/engine/scenery.js | 1 | ||||
| -rw-r--r-- | assets/javascripts/rectangles/util/colors.js | 3 | ||||
| -rw-r--r-- | rectangles.html | 7 |
4 files changed, 16 insertions, 4 deletions
diff --git a/assets/javascripts/mx/primitives/mx.image.js b/assets/javascripts/mx/primitives/mx.image.js index cf4446e..46422e5 100644 --- a/assets/javascripts/mx/primitives/mx.image.js +++ b/assets/javascripts/mx/primitives/mx.image.js @@ -9,8 +9,15 @@ MX.Image = MX.Object3D.extend({ layer.x = ops.x || 0 layer.y = ops.y || 0 layer.z = ops.z || 0 + layer.backface = ops.backface || false + + if (layer.backface) { + layer.el.classList.add("backface-visible") + } - if (ops.src) this.loadTexture(ops) + if (ops.src) { + this.loadTexture(ops) + } layer.el.classList.add(ops.className) layer.el.style.backgroundRepeat = 'no-repeat' diff --git a/assets/javascripts/rectangles/engine/scenery.js b/assets/javascripts/rectangles/engine/scenery.js index 9bc999f..07583c2 100644 --- a/assets/javascripts/rectangles/engine/scenery.js +++ b/assets/javascripts/rectangles/engine/scenery.js @@ -10,6 +10,7 @@ var scenery = new function(){ z: 0, scale: 1.2, rotationY: 3*PI/4, + backface: true, }) scene.add(img) diff --git a/assets/javascripts/rectangles/util/colors.js b/assets/javascripts/rectangles/util/colors.js index 8f0c148..031690c 100644 --- a/assets/javascripts/rectangles/util/colors.js +++ b/assets/javascripts/rectangles/util/colors.js @@ -28,6 +28,9 @@ "rgba(255,0,128,0.5)", ], white: [ + "rgba(255,255,255,0.9)", + ], + black: [ "rgba(0,0,0,0.9)", ], } diff --git a/rectangles.html b/rectangles.html index 8050133..370e913 100644 --- a/rectangles.html +++ b/rectangles.html @@ -23,7 +23,7 @@ body > div { .back { background-color: #fff; } .left { background-color: #fff; } .right { background-color: #fff; } -.floor { background-color: #fff; } +.floor { background-color: #ffe; } .ceiling { background-color: rgba(230,230,255,0.3); } @@ -55,9 +55,10 @@ body > div { <select id="palette"> <option>colors</option> <option>redblue</option> - <option>gray</option> + <option selected>gray</option> <option>alpha</option> - <option selected>white</option> + <option>white</option> + <option>black</option> </select> <div id="intersects"></div> </div> |