dakedres/ronin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Minor cleanup.

Browse Source
This commit is contained in:
Devine Lu Linvega 2016-11-14 21:32:19 -08:00
parent 7dbfbd748f
commit 58ce66d4dc
8 changed files with 33 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -23,7 +23,7 @@
<body>
<div id='ronin'>
<canvas id='overlay' width="1280" height="800"></canvas>
<canvas id="myCanvas" width="1280" height="800" style="background:#efefef"></canvas>
<canvas id="workspace" width="1280" height="800" style="background:#efefef"></canvas>
<div id ='commander'>
<div id='commander_hint'>Hey</div>
<input id='commander_input'/>

3
scripts/commander.js
View File

@ -86,6 +86,9 @@ function Commander(element,element_input)
ronin.zoom.passive(this.cmd);
ronin.module = ronin.zoom;
break;
case "$":
ronin.module = ronin.file;
break;
case ":":
ronin.filter.passive(this.cmd);
ronin.module = ronin.filter;

29
scripts/main.js
View File

@ -1,31 +1,20 @@
var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');
// Juchecore
var ronin = new Ronin();
ronin.canvas.element = canvas;
ronin.canvas.element = document.getElementById('workspace');
ronin.overlay.element = document.getElementById('overlay');
ronin.overlay.context().imageSmoothingEnabled = false;
ronin.hint.element = document.getElementById('commander_hint');
ronin.element = document.getElementById('ronin');
var commander = new Commander(document.getElementById("commander"),document.getElementById("commander_input"));
document.addEventListener('mousemove', function(e) {
ronin.brush.draw(e);
}, false);
// Interactive
document.addEventListener('mousedown', function(e) {
if(e.which != 1){ return; }
ronin.brush.draw_start(e);
}, false);
document.addEventListener('mouseup', function(e) {
ronin.brush.draw_stop(e);
}, false);
document.addEventListener('mousemove', function(e) { ronin.brush.draw(e); }, false);
document.addEventListener('mousedown', function(e) { if(e.which != 1){ return; } ronin.brush.draw_start(e); }, false);
document.addEventListener('mouseup', function(e) { ronin.brush.draw_stop(e); }, false);
var keyboard = new Keyboard();
document.onkeyup = function myFunction(){ keyboard.listen(event); };
// Done.

18
scripts/ronin.brush.pointer.js
View File

@ -17,21 +17,21 @@ function Pointer(offset = new Position(), color = new Color('000000'))
position.y += (Math.random() * this.noise) - (this.noise/2);
}
context.beginPath();
context.moveTo(this.position_prev.x,this.position_prev.y);
context.lineTo(position.x,position.y);
context.lineCap="round";
context.lineWidth = this.thickness();
context.strokeStyle = ronin.brush.color.rgba();
context.stroke();
context.closePath();
ronin.canvas.context().beginPath();
ronin.canvas.context().moveTo(this.position_prev.x,this.position_prev.y);
ronin.canvas.context().lineTo(position.x,position.y);
ronin.canvas.context().lineCap="round";
ronin.canvas.context().lineWidth = this.thickness();
ronin.canvas.context().strokeStyle = ronin.brush.color.rgba();
ronin.canvas.context().stroke();
ronin.canvas.context().closePath();
this.position_prev = position;
}
this.erase = function()
{
context.clearRect(this.position().x - (ronin.brush.size/2), this.position().y - (ronin.brush.size/2), ronin.brush.size, ronin.brush.size);
ronin.canvas.context().clearRect(this.position().x - (ronin.brush.size/2), this.position().y - (ronin.brush.size/2), ronin.brush.size, ronin.brush.size);
}
this.thickness = function()

4
scripts/ronin.canvas.js
View File

@ -6,7 +6,7 @@ function Canvas(element)
this.active = function(cmd)
{
if(cmd.bang()){ this.context().clearRect(0, 0, canvas.width, canvas.height); }
if(cmd.bang()){ this.context().clearRect(0, 0, this.element.width, this.element.height); }
if(cmd.rect()){
this.resize(cmd.rect());
@ -15,7 +15,7 @@ function Canvas(element)
if(cmd.color()){
this.context().beginPath();
this.context().rect(0, 0, canvas.width, canvas.height);
this.context().rect(0, 0, this.element.width, this.element.height);
this.context().fillStyle = cmd.color().hex;
this.context().fill();
}

6
scripts/ronin.file.js
View File

@ -20,7 +20,7 @@ function File()
base_image.src = cmd.value() && this.storage[cmd.value()] ? this.storage[cmd.value()] : cmd.path();
base_image.onload = function(){
position.normalize(cmd.rect());
context.drawImage(base_image, position.x, position.y, cmd.rect().width, cmd.rect().height);
ronin.canvas.context().drawImage(base_image, position.x, position.y, cmd.rect().width, cmd.rect().height);
}
}
@ -50,10 +50,10 @@ function File()
this.save = function(cmd)
{
if(cmd.value() > 0){
this.storage[cmd.value()] = canvas.toDataURL("image/png");
this.storage[cmd.value()] = ronin.canvas.element.toDataURL("image/png");
}
else{
var d=canvas.toDataURL("image/png");
var d = ronin.canvas.element.toDataURL("image/png");
var w = window.open('about:blank','image from canvas');
w.document.write("<title>"+(cmd.cmd_array[0] ? cmd.cmd_array[0] : "Untitled")+"</title><img src='"+d+"' alt='from canvas'/>");
}

1
scripts/ronin.js
View File

@ -1,6 +1,5 @@
function Ronin()
{
this.element = null;
this.canvas = new Canvas();
this.overlay = new Overlay();
this.brush = new Brush();

8
scripts/ronin.overlay.js
View File

@ -37,13 +37,13 @@ function Overlay(element)
if(rect){
this.draw_rect(position,rect);
}
else if(position.x != 0 && position.y != 0){
else if(position.x !== 0 && position.y !== 0){
this.draw_pointer(position);
}
else if(position.x != 0 ){
else if(position.x !== 0 ){
this.draw_vertical_line(position);
}
else if(position.y != 0 ){
else if(position.y !== 0 ){
this.draw_horizontal_line(position);
}
}
@ -142,6 +142,6 @@ function Overlay(element)
this.clear = function()
{
this.context().clearRect(0, 0, canvas.width, canvas.height);
this.context().clearRect(0, 0, ronin.canvas.element.width, ronin.canvas.element.height);
}
}