ronin/scripts/init.js
2016-12-09 05:22:55 -07:00

39 lines
1.5 KiB
JavaScript

var ronin = new Ronin();
ronin.canvas.element = document.getElementById('workspace');
ronin.overlay.element = document.getElementById('overlay');
ronin.hint.element = document.getElementById('commander_hint');
ronin.surface = document.getElementById('surface');
ronin.widget.element = document.getElementById('widget');
var commander = new Commander(document.getElementById("commander"),document.getElementById("commander_input"));
// Interactive
document.addEventListener('mousedown', function(e) {
// Canvas Live Draw
if(e.which == 1 && e.ctrlKey === true){ ronin.overlay.live_draw_start(e); }
else if(e.which == 1){ ronin.brush.draw_start(e); ronin.brush.draw(e); }
else if(e.which == 2){ ronin.drag_start(e); ronin.drag(e); }
}, false);
document.addEventListener('mousemove', function(e) {
// Canvas Live Draw
if(e.which == 1 && e.ctrlKey === true){ ronin.overlay.live_draw(e); }
else if(e.which == 1){ ronin.brush.draw(e); }
else if(e.which == 2){ ronin.drag(e); }
}, false);
document.addEventListener('mouseup', function(e) {
if(e.which == 1){ ronin.brush.draw_stop(e); }
else if(e.which == 2){ ronin.drag_stop(e) }
document.getElementById("commander_input").focus();
}, false);
var keyboard = new Keyboard();
document.onkeyup = function myFunction(){ keyboard.listen(event); };
var starting_canvas = new Rect();
starting_canvas.width = window.innerWidth - 200;
starting_canvas.height = window.innerHeight - 200;
ronin.canvas.resize(starting_canvas);
ronin.overlay.resize(starting_canvas);