var keys = (function(){ var keys = {} keys.bind = function(){ cursor_input.addEventListener('keydown', function(e){ // console.log("keycode:", e.keyCode) if (e.altKey) { document.body.classList.add("dropper") } switch (e.keyCode) { case 27: // esc if (!selection.hidden && current_canvas === canvas){ selection.hide() selection.show() } else if (focused){ focused.blur() } return } if (window.focused && focused.raw_key) { focused.raw_key(e) return } switch (e.keyCode) { case 219: // [ if (current_tool.name != "text") { e.preventDefault() brush.contract(1) brush.modified = false check_if_lost_focus() } break case 221: // ] if (current_tool.name != "text") { e.preventDefault() brush.expand(1) brush.modified = false } break case 8: // backspace e.preventDefault() if (current_canvas === canvas) undo.new() current_canvas.focus_add(-1, 0) if (current_canvas === canvas) undo.save_focused_lex() focused.char = " " focused.build() return case 13: // return e.preventDefault() current_canvas.focusLex(focused.y, focused.x+1) return case 38: // up e.preventDefault() current_canvas.focus_add(0, -1) break case 40: // down e.preventDefault() current_canvas.focus_add(0, 1) break case 37: // left e.preventDefault() current_canvas.focus_add(-1, 0) break case 39: // right e.preventDefault() current_canvas.focus_add(1, 0) break // use typical windows and os x shortcuts // undo: ctrl-z or cmd-z // redo: ctrl-y or shift-cmd-z case 89: // y if (!e.ctrlKey && !e.metaKey) break; e.preventDefault(); undo.redo(); break case 90: // z if (!e.ctrlKey && !e.metaKey) break; e.preventDefault(); if (e.shiftKey) undo.redo(); else undo.undo(); break // default: // if (focused) { focused.key(undefined, e.keyCode) } } }) cursor_input.addEventListener('input', function(e){ /* if (! e.metaKey && ! e.ctrlKey && ! e.altKey) { e.preventDefault() } */ if (current_tool.name == "shader") { cursor_input.value = "" return } var char = cursor_input.value cursor_input.value = "" // console.log("input:", char) if (current_tool.name != "text" && ! brush.modified) { brush.char = char if (char == " ") { brush.bg = brush.fg } else if (brush.bg != fillColor) { brush.fg = brush.bg brush.bg = fillColor } brush.rebuild() } if (focused && char) { var y = focused.y, x = focused.x if (current_canvas === canvas){ undo.new() undo.save_focused_lex() } var moving = focused.key(char, e.keyCode) if ( ! moving || ! ('y' in focused && 'x' in focused) ) { return } current_canvas.focus_add(1, 0) } }) cursor_input.addEventListener("keyup", function(e){ if (! e.altKey) { document.body.classList.remove("dropper") } }) } keys.int_key = function (f) { return function (key, keyCode) { var n = parseInt(key) ! isNaN(n) && f(n) } } keys.arrow_key = function (fn) { return function (e){ switch (e.keyCode) { case 38: // up e.preventDefault() fn(1) break case 40: // down e.preventDefault() fn(-1) break } } } keys.left_right_key = function (fn) { return function (e){ switch (e.keyCode) { case 39: // right e.preventDefault() fn(1) break case 38: // up case 40: // down e.preventDefault() fn(0) break case 37: // left e.preventDefault() fn(-1) break } } } keys.single_numeral_key = function (lex, fn) { return keys.int_key(function(n, keyCode){ if (n == 0) n = 10 lex.blur() fn(n) }) } keys.multi_numeral_key = function (lex, digits){ return keys.int_key(function(n, keyCode){ lex.read() if (lex.char.length < digits) { n = parseInt(lex.char) * 10 + n } lex.char = ""+n lex.build() }) } keys.multi_numeral_blur = function (lex, fn){ return function(){ var n = parseInt(lex.char) if (isNaN(n)) return fn(n) } } // function cancelZoom() { // var d = document, // viewport, // content, // maxScale = ',maximum-scale=', // maxScaleRegex = /,*maximum\-scale\=\d*\.*\d*/; // // this should be a focusable DOM Element // if (!this.addEventListener || !d.querySelector) { // return; // } // viewport = d.querySelector('meta[name="viewport"]'); // content = viewport.content; // function changeViewport(event) { // // http://nerd.vasilis.nl/prevent-ios-from-zooming-onfocus/ // viewport.content = content + (event.type == 'blur' ? (content.match(maxScaleRegex, '') ? '' : maxScale + 10) : maxScale + 1); // } // // We could use DOMFocusIn here, but it's deprecated. // this.addEventListener('focus', changeViewport, true); // this.addEventListener('blur', changeViewport, false); // } // cancelZoom.bind(cursor_input)(); return keys })() function check_if_lost_focus() { if (! window.focused || ! window.focused.span) window.focused = canvas.aa[0][0] }