diff options
| author | Jules Laplace <jules@okfoc.us> | 2015-06-23 02:24:09 -0400 |
|---|---|---|
| committer | Jules Laplace <jules@okfoc.us> | 2015-06-23 02:24:09 -0400 |
| commit | 59d07c5058fe0e93fd9b6ebdbd725bbecb91b069 (patch) | |
| tree | b371fdf347c707906a7f9116344b13abd508d051 /js | |
| parent | 3f1b27a8e876f3e3c21f3449f6fc571d5381faa6 (diff) | |
rotate button
Diffstat (limited to 'js')
| -rw-r--r-- | js/matrix.js | 2 | ||||
| -rw-r--r-- | js/ui/controls.js | 21 |
2 files changed, 22 insertions, 1 deletions
diff --git a/js/matrix.js b/js/matrix.js index 21963f1..0695810 100644 --- a/js/matrix.js +++ b/js/matrix.js @@ -181,6 +181,8 @@ Matrix.prototype.resize = function(w,h){ this.w = w this.h = h this.bind && this.bind() + + if (this.rotated) { controls.rotate.use() } } // diff --git a/js/ui/controls.js b/js/ui/controls.js index 6b34ff7..6e37834 100644 --- a/js/ui/controls.js +++ b/js/ui/controls.js @@ -167,7 +167,7 @@ var controls = (function(){ controls.shader.focus() controls.shader.use(true) } - + controls.experimental_palette = new HiddenCheckbox (experimental_palette_toggle) controls.experimental_palette.use = function(state){ var state = palette.experimental() @@ -195,6 +195,24 @@ var controls = (function(){ } // + + controls.rotate = new BlurredCheckbox (rotate_checkbox) + controls.rotate.use = function(state){ + canvas.rotated = typeof state == "boolean" ? state : ! canvas.rotated + if (canvas.rotated) { + canvas_rapper.parentNode.classList.add("rotated") + canvas_rapper.parentNode.style.height = (canvas_rapper.offsetWidth+20) + "px" + canvas_rapper.style.top = ((canvas_rapper.offsetWidth+20)/2) + "px" + } + else { + canvas_rapper.parentNode.classList.remove("rotated") + canvas_rapper.parentNode.style.height = (canvas_rapper.offsetHeight+20) + "px" + canvas_rapper.style.top = "auto" + } + this.update(canvas.rotated) + } + + // controls.width = new Lex (width_el) controls.height = new Lex (height_el) @@ -228,6 +246,7 @@ var controls = (function(){ controls.fg, controls.bg, controls.char, + controls.rotate, controls.shader, controls.animate, controls.save, |