Starting implementing path and magnet
This commit is contained in:
Devine Lu Linvega
parent
a8f1c92906
commit
f6efcc1093
55
README.md
55
README.md
@ -5,6 +5,9 @@ Ronin is a simple open-source graphic design tool.
|
||||
|
||||
## Modules
|
||||
## brush
|
||||
|
||||
Missing documentation.
|
||||
|
||||
### Settings
|
||||
- `size`, default 4
|
||||
- `color`, default #000
|
||||
@ -19,14 +22,10 @@ Ronin is a simple open-source graphic design tool.
|
||||
- `->green->` **(0/255)** The brush color value(green).
|
||||
- `->blue->` **(0/255)** The brush color value(blue).
|
||||
|
||||
## eraser
|
||||
### Settings
|
||||
|
||||
### Methods
|
||||
|
||||
### Ports
|
||||
|
||||
## frame
|
||||
|
||||
Missing documentation.
|
||||
|
||||
### Settings
|
||||
- `width`, default 930
|
||||
- `height`, default 540
|
||||
@ -39,6 +38,9 @@ Ronin is a simple open-source graphic design tool.
|
||||
### Ports
|
||||
|
||||
## line
|
||||
|
||||
Missing documentation.
|
||||
|
||||
### Settings
|
||||
|
||||
### Methods
|
||||
@ -49,6 +51,45 @@ Ronin is a simple open-source graphic design tool.
|
||||
- `step->` **(0/100)** The tween line index..
|
||||
- `->thickness->` **(4/100)** The tween line thickness..
|
||||
|
||||
## io
|
||||
|
||||
Missing documentation.
|
||||
|
||||
### Settings
|
||||
- `anchor`, default [object Object]
|
||||
|
||||
### Methods
|
||||
- `import:`, no details.
|
||||
- `load:`, no details.
|
||||
- `save:`, no details.
|
||||
|
||||
### Ports
|
||||
|
||||
## path
|
||||
|
||||
Missing documentation.
|
||||
|
||||
### Settings
|
||||
|
||||
### Methods
|
||||
- `stroke:`, no details.
|
||||
- `fill:`, no details.
|
||||
|
||||
### Ports
|
||||
|
||||
## magnet
|
||||
|
||||
Cursor magnetisation settings.
|
||||
|
||||
### Settings
|
||||
- `size`, default 15
|
||||
- `rate`, default 4
|
||||
|
||||
### Methods
|
||||
- `lock:`, no details.
|
||||
|
||||
### Ports
|
||||
|
||||
|
||||
## License
|
||||
See the [LICENSE](LICENSE.md) file for license rights and limitations (CC).
|
||||
|
||||
@ -1,26 +1,27 @@
|
||||
<html>
|
||||
<head>
|
||||
<script type="text/javascript" src="scripts/units/rect.js"></script>
|
||||
|
||||
<script type="text/javascript" src="scripts/module.js"></script>
|
||||
<script type="text/javascript" src="scripts/core/module.js"></script>
|
||||
<script type="text/javascript" src="scripts/modules/frame.js"></script>
|
||||
<script type="text/javascript" src="scripts/modules/brush.js"></script>
|
||||
<script type="text/javascript" src="scripts/modules/eraser.js"></script>
|
||||
<script type="text/javascript" src="scripts/modules/line.js"></script>
|
||||
<script type="text/javascript" src="scripts/modules/io.js"></script>
|
||||
<script type="text/javascript" src="scripts/modules/path.js"></script>
|
||||
<script type="text/javascript" src="scripts/modules/magnet.js"></script>
|
||||
|
||||
<script type="text/javascript" src="scripts/layer.js"></script>
|
||||
<script type="text/javascript" src="scripts/core/layer.js"></script>
|
||||
<script type="text/javascript" src="scripts/layers/grid.js"></script>
|
||||
<script type="text/javascript" src="scripts/layers/guide.js"></script>
|
||||
<script type="text/javascript" src="scripts/layers/render.js"></script>
|
||||
|
||||
<script type="text/javascript" src="scripts/docs.js"></script>
|
||||
<script type="text/javascript" src="scripts/port.js"></script>
|
||||
<script type="text/javascript" src="scripts/query.js"></script>
|
||||
<script type="text/javascript" src="scripts/keyboard.js"></script>
|
||||
<script type="text/javascript" src="scripts/cursor.js"></script>
|
||||
<script type="text/javascript" src="scripts/hint.js"></script>
|
||||
<script type="text/javascript" src="scripts/commander.js"></script>
|
||||
<script type="text/javascript" src="scripts/core/docs.js"></script>
|
||||
<script type="text/javascript" src="scripts/core/port.js"></script>
|
||||
<script type="text/javascript" src="scripts/core/query.js"></script>
|
||||
<script type="text/javascript" src="scripts/core/keyboard.js"></script>
|
||||
<script type="text/javascript" src="scripts/core/cursor.js"></script>
|
||||
<script type="text/javascript" src="scripts/core/hint.js"></script>
|
||||
<script type="text/javascript" src="scripts/core/commander.js"></script>
|
||||
|
||||
<script type="text/javascript" src="scripts/ronin.js"></script>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="links/reset.css"/>
|
||||
|
||||
@ -34,7 +34,8 @@ function Docs()
|
||||
|
||||
for(module_name in modules){
|
||||
var module = modules[module_name];
|
||||
html += "## "+module_name+"\n";
|
||||
html += "## "+module_name+"\n\n";
|
||||
html += module.docs+"\n\n";
|
||||
html += this.print_settings(module.settings)+"\n";
|
||||
html += this.print_methods(module.methods)+"\n";
|
||||
html += this.print_ports(module.ports)+"\n";
|
||||
@ -33,6 +33,16 @@ function Keyboard()
|
||||
ronin.render.clear();
|
||||
}
|
||||
|
||||
if(e.key == "o" && (e.ctrlKey || e.metaKey)){
|
||||
e.preventDefault();
|
||||
ronin.io.load();
|
||||
}
|
||||
|
||||
if(e.key == "s" && (e.ctrlKey || e.metaKey)){
|
||||
e.preventDefault();
|
||||
ronin.io.save();
|
||||
}
|
||||
|
||||
if(e.key == "r" && (e.ctrlKey || e.metaKey)){
|
||||
e.preventDefault();
|
||||
ronin.io.render();
|
||||
@ -1,10 +1,11 @@
|
||||
function Module(name)
|
||||
function Module(name,docs = "Missing documentation.")
|
||||
{
|
||||
this.name = name;
|
||||
this.methods = {};
|
||||
this.settings = {};
|
||||
this.routes = {};
|
||||
this.ports = {};
|
||||
this.docs = docs;
|
||||
|
||||
this.hint = function()
|
||||
{
|
||||
@ -24,6 +24,16 @@ function IO()
|
||||
});
|
||||
}
|
||||
|
||||
this.methods.load = function(q)
|
||||
{
|
||||
// TODO
|
||||
}
|
||||
|
||||
this.methods.save = function(q)
|
||||
{
|
||||
// TODO
|
||||
}
|
||||
|
||||
this.render = function()
|
||||
{
|
||||
var fs = require('fs');
|
||||
|
||||
11
sources/scripts/modules/magnet.js
Normal file
11
sources/scripts/modules/magnet.js
Normal file
@ -0,0 +1,11 @@
|
||||
function Magnet()
|
||||
{
|
||||
Module.call(this,"magnet","Cursor magnetisation settings.");
|
||||
|
||||
this.settings = {size:15,rate:4};
|
||||
|
||||
this.methods.lock = function()
|
||||
{
|
||||
|
||||
}
|
||||
}
|
||||
@ -1,4 +1,14 @@
|
||||
function Path()
|
||||
{
|
||||
Module.call(this,"path");
|
||||
|
||||
this.methods.stroke = function()
|
||||
{
|
||||
|
||||
}
|
||||
|
||||
this.methods.fill = function()
|
||||
{
|
||||
|
||||
}
|
||||
}
|
||||
@ -18,6 +18,8 @@ function Ronin()
|
||||
this.eraser = new Eraser();
|
||||
this.frame = new Frame();
|
||||
this.line = new Line();
|
||||
this.path = new Path();
|
||||
this.magnet = new Magnet();
|
||||
|
||||
this.layers = {
|
||||
grid : this.grid,
|
||||
@ -30,6 +32,8 @@ function Ronin()
|
||||
frame : this.frame,
|
||||
line : this.line,
|
||||
io : this.io,
|
||||
path : this.path,
|
||||
magnet : this.magnet
|
||||
};
|
||||
|
||||
this.install = function()
|
||||
|
||||
@ -1,4 +0,0 @@
|
||||
function Rect(rect_str)
|
||||
{
|
||||
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user