function Cursor(rune) { Module.call(this,rune); this.parameters = [Rect]; this.variables = {}; this.mode = null; this.position = new Position(); this.layer = null; this.install = function() { this.layer = new Layer("Cursor.Magnet",this); this.layer.element.setAttribute("style","z-index:9000"); ronin.surface.add_layer(this.layer); } this.passive = function(cmd) { if(!cmd.rect()){ return; } this.layer.clear(); this.draw(cmd.rect(),cmd.position()); } this.active = function(cmd) { if(!cmd.rect()){ return; } this.draw(cmd.rect(),cmd.position()); } this.draw = function(rect,grid) { if(rect.width < 5 || rect.height < 5){ return; } var horizontal = ronin.surface.size.width/rect.width; var vertical = ronin.surface.size.height/rect.height; for (var x = 1; x < horizontal; x++) { for (var y = 1; y < vertical; y++) { var dot_position = new Position(x * rect.width, y * rect.height); var size = 0.5; if(grid && x % grid.x == 0 && y % grid.y == 0){ size = 1; } this.draw_marker(dot_position,size); } } } this.draw_marker = function(position,size = 0.5) { var context = this.layer.context(); context.beginPath(); context.arc(position.x, position.y, size, 0, 2 * Math.PI, false); context.fillStyle = 'white'; context.fill(); } this.update = function(event) { if(event.altKey == true){ this.set_mode(ronin.surface); } else{ this.set_mode(ronin.brush); } } this.set_mode = function(mode) { if(this.mode == mode){ return; } this.mode = mode; document.body.setAttribute("class",this.mode.constructor.name); } this.mouse_down = function(position) { this.position = position; if(this.mode.constructor.name != Cursor.name){ this.mode.mouse_down(position); } ronin.widget.update(); } this.mouse_move = function(position) { this.position = position; if(this.mode.constructor.name != Cursor.name){ this.mode.mouse_move(position); } } this.mouse_up = function(position) { this.position = position; if(this.mode.constructor.name != Cursor.name){ this.mode.mouse_up(position); } ronin.widget.update(); commander.element_input.focus(); } }