Fuck folder structure, all sources are open.
141
README.md
@ -1,139 +1,6 @@
|
|||||||
# Ronin
|
# Ronin
|
||||||
## Basics
|
|
||||||
Ronin is a web based drawing application and visual language. Launch Ronin and press **:**(colon) to display the command prompt.
|
|
||||||
```
|
|
||||||
:
|
|
||||||
```
|
|
||||||
### Controls
|
|
||||||
```
|
|
||||||
ctrl ; Draw Overlays
|
|
||||||
alt ; Drag Surface
|
|
||||||
shift ; Erase
|
|
||||||
shift+ctrl ; Eyedrop
|
|
||||||
shift+alt ; Move Layer
|
|
||||||
```
|
|
||||||
## Modules
|
|
||||||
### # Surface
|
|
||||||
Missing documentation.
|
|
||||||
- Parameters: `Rect` `Color` `Bang`
|
|
||||||
- Variables: `layer`
|
|
||||||
|
|
||||||
### / FileLoad
|
Ronin is a web based drawing application and visual language.
|
||||||
Missing documentation.
|
The repository comes with a script that fires Ronin from within Localhost.
|
||||||
- Parameters: `Filepath` `Position` `Rect`
|
Launch Ronin and press **:**(colon) to display the command prompt.
|
||||||
- Variables:
|
Enjoy
|
||||||
|
|
||||||
### $ FileSave
|
|
||||||
Creates a new window with a image of the resulting canvas in the specified format.
|
|
||||||
- Parameters: `Any`
|
|
||||||
- Variables: `format`
|
|
||||||
|
|
||||||
### ^ History
|
|
||||||
Missing documentation.
|
|
||||||
- Parameters:
|
|
||||||
- Variables:
|
|
||||||
|
|
||||||
### | Overlay
|
|
||||||
Missing documentation.
|
|
||||||
- Parameters: `Position` `Rect` `Color`
|
|
||||||
- Variables:
|
|
||||||
|
|
||||||
### % Render
|
|
||||||
Missing documentation.
|
|
||||||
- Parameters: `Any`
|
|
||||||
- Variables:
|
|
||||||
|
|
||||||
### > Brush
|
|
||||||
Missing documentation.
|
|
||||||
- Parameters: `Position` `Rect` `Angle` `Color` `Value` `Bang`
|
|
||||||
- Variables: `natural` `banking`
|
|
||||||
|
|
||||||
### . Eraser
|
|
||||||
Missing documentation.
|
|
||||||
- Parameters: `Value`
|
|
||||||
- Variables:
|
|
||||||
|
|
||||||
### * Eye
|
|
||||||
Missing documentation.
|
|
||||||
- Parameters:
|
|
||||||
- Variables:
|
|
||||||
|
|
||||||
### & Typographe
|
|
||||||
Missing documentation.
|
|
||||||
- Parameters: `Position` `Color` `Value`
|
|
||||||
- Variables: `text` `font`
|
|
||||||
|
|
||||||
### _ Stroke
|
|
||||||
Missing documentation.
|
|
||||||
- Parameters: `Any`
|
|
||||||
- Variables:
|
|
||||||
|
|
||||||
### + Vector
|
|
||||||
Missing documentation.
|
|
||||||
- Parameters: `Any`
|
|
||||||
- Variables: `fill_color` `stroke_width` `stroke_color` `line_cap`
|
|
||||||
|
|
||||||
### ? Help
|
|
||||||
Missing documentation.
|
|
||||||
- Parameters:
|
|
||||||
- Variables:
|
|
||||||
|
|
||||||
## Filters
|
|
||||||
### stencil
|
|
||||||
### rotate
|
|
||||||
### invert
|
|
||||||
### chromatic
|
|
||||||
|
|
||||||
|
|
||||||
## Units
|
|
||||||
```
|
|
||||||
5 ; value: 5
|
|
||||||
5,7 ; position: 5x 7y
|
|
||||||
7x9 ; rect: 7w 9h
|
|
||||||
#ff0000 ; color: red
|
|
||||||
0..5 ; random: 0.0-5.0
|
|
||||||
45' ; degree: 45/365
|
|
||||||
rate=10 ; variable: rate = 10
|
|
||||||
```
|
|
||||||
## Presets
|
|
||||||
### Radial Brush
|
|
||||||
```
|
|
||||||
# 8 strands
|
|
||||||
> 600,400 45';> 600,400 90';> 600,400 135';> 600,400 180';> 600,400 225';> 600,400 270';> 600,400 315'
|
|
||||||
# 6 strands
|
|
||||||
> 600,400 60';> 600,400 120';> 600,400 180';> 600,400 240';> 600,400 300'
|
|
||||||
```
|
|
||||||
### Symmetry Brush
|
|
||||||
```
|
|
||||||
# XY
|
|
||||||
> 400x 3
|
|
||||||
# Angular brushes
|
|
||||||
> 400x 1,1;> 400x 2,2;> 400x 3,3; > 1,1;> 2,2;> 3,3;
|
|
||||||
```
|
|
||||||
### Angular Brush
|
|
||||||
```
|
|
||||||
# Light
|
|
||||||
> 1,1;> 2,2;> 3,3;> 4,4
|
|
||||||
# Hard
|
|
||||||
> 2,2;> 4,4;> 6,6;> 8,8
|
|
||||||
# Symmetric Light
|
|
||||||
> 1,1 600x;> 2,2 600x;> 3,3 600x;> 4,4 600x
|
|
||||||
```
|
|
||||||
## Templates
|
|
||||||
### Watermark
|
|
||||||
```
|
|
||||||
# 1280x720 ; / ../assets/photo.jpg 1280x 0,0 ; / ../assets/logo.png 60x60 20,640
|
|
||||||
```
|
|
||||||
## vectors
|
|
||||||
### Ronin Logo
|
|
||||||
```
|
|
||||||
+ M150,53 A-96,97 0 0,0 246,150 M150,246 A97,-96 0 0,0 53,150 M53,101 A-48,-48 0 0,0 101,53 M246,101 A48,-48 0 0,1 198,53 M53,198 A-48,48 0 0,1 101,246 M246,198 A48,48 0 0,0 198,246 stroke_width=45 line_cap=square stroke_color=black
|
|
||||||
```
|
|
||||||
### A Circle
|
|
||||||
```
|
|
||||||
+ M 100, 100 m -75, 0 a 75,75 0 1,0 150,0 a 75,75 0 1,0 -150,0
|
|
||||||
```
|
|
||||||
### Many Circles
|
|
||||||
```
|
|
||||||
+ M 64, 64 m -50, 0 a 50,50 0 1,0 100,0 a 50,50 0 1,0 -100,0;+ M 64, 64 m -45, 0 a 45,45 0 1,0 90,0 a 45,45 0 1,0 -90,0;+ M 64, 64 m -40, 0 a 40,40 0 1,0 80,0 a 40,40 0 1,0 -80,0;+ M 64, 64 m -35, 0 a 35,35 0 1,0 70,0 a 35,35 0 1,0 -70,0;+ M 64, 64 m -30, 0 a 30,30 0 1,0 60,0 a 30,30 0 1,0 -60,0;+ M 64, 64 m -25, 0 a 25,25 0 1,0 50,0 a 25,25 0 1,0 -50,0;+ M 64, 64 m -20, 0 a 20,20 0 1,0 40,0 a 20,20 0 1,0 -40,0;+ M 64, 64 m -15, 0 a 15,15 0 1,0 30,0 a 15,15 0 1,0 -30,0;+ M 64, 64 m -10, 0 a 10,10 0 1,0 20,0 a 10,10 0 1,0 -20,0;+ M 64, 64 m -5, 0 a 5,5 0 1,0 10,0 a 5,5 0 1,0 -10,0
|
|
||||||
```
|
|
@ -2,6 +2,6 @@
|
|||||||
cd `dirname "$BASH_SOURCE"`
|
cd `dirname "$BASH_SOURCE"`
|
||||||
{
|
{
|
||||||
sleep 1
|
sleep 1
|
||||||
open http://localhost:8022/sources/ronin.html
|
open http://localhost:8022/
|
||||||
}&
|
}&
|
||||||
python -m SimpleHTTPServer 8022
|
python -m SimpleHTTPServer 8022
|
@ -9,7 +9,7 @@ canvas:hover { cursor: crosshair;}
|
|||||||
#overlay { position:absolute; z-index:1000;}
|
#overlay { position:absolute; z-index:1000;}
|
||||||
#widget { color:#fff; position:absolute; font-size:10px; padding-top:10px; border-top:1px solid #333; background-image:url(../media/graphics/logo.svg); background-repeat:no-repeat; background-size:80px 80px; height:100px; background-position: -10px 10px; line-height:20px;}
|
#widget { color:#fff; position:absolute; font-size:10px; padding-top:10px; border-top:1px solid #333; background-image:url(../media/graphics/logo.svg); background-repeat:no-repeat; background-size:80px 80px; height:100px; background-position: -10px 10px; line-height:20px;}
|
||||||
#widget .module:first-child { margin-left:80px; }
|
#widget .module:first-child { margin-left:80px; }
|
||||||
#widget .module { float:left; margin-right:10px; margin-top:5px; width: 20% }
|
#widget .module { float:left; margin-right:10px; margin-top:5px; width: 25% }
|
||||||
#widget .module .layer { color:#999; padding:2px 5px;}
|
#widget .module .layer { color:#999; padding:2px 5px;}
|
||||||
#widget .module .highlight { background:#fff; color:black;}
|
#widget .module .highlight { background:#fff; color:black;}
|
||||||
#widget .module .highlight.managed { background:red; color:black; }
|
#widget .module .highlight.managed { background:red; color:black; }
|
Before Width: | Height: | Size: 161 B After Width: | Height: | Size: 161 B |
Before Width: | Height: | Size: 426 B After Width: | Height: | Size: 426 B |
Before Width: | Height: | Size: 361 KiB After Width: | Height: | Size: 361 KiB |
Before Width: | Height: | Size: 361 KiB After Width: | Height: | Size: 361 KiB |
Before Width: | Height: | Size: 361 KiB After Width: | Height: | Size: 361 KiB |
@ -2,7 +2,7 @@ function FileSave(rune)
|
|||||||
{
|
{
|
||||||
Module.call(this,rune);
|
Module.call(this,rune);
|
||||||
|
|
||||||
this.parameters = [Any];
|
this.parameters = [];
|
||||||
this.variables = {"format" : "[png/jpg]"};
|
this.variables = {"format" : "[png/jpg]"};
|
||||||
|
|
||||||
this.docs = "Creates a new window with a image of the resulting canvas in the specified format.";
|
this.docs = "Creates a new window with a image of the resulting canvas in the specified format.";
|
||||||
@ -35,7 +35,9 @@ function FileSave(rune)
|
|||||||
{
|
{
|
||||||
var a = [];
|
var a = [];
|
||||||
Object.keys(ronin.surface.layers).forEach(function (key) {
|
Object.keys(ronin.surface.layers).forEach(function (key) {
|
||||||
|
if(!ronin.surface.layers[key].manager){
|
||||||
a.push(ronin.surface.layers[key]);
|
a.push(ronin.surface.layers[key]);
|
||||||
|
}
|
||||||
});
|
});
|
||||||
for (i = 0; i < a.length; i++) {
|
for (i = 0; i < a.length; i++) {
|
||||||
this.layer.context().drawImage(a[i].context().canvas,0,0,ronin.surface.size.width,ronin.surface.size.height);
|
this.layer.context().drawImage(a[i].context().canvas,0,0,ronin.surface.size.width,ronin.surface.size.height);
|
@ -12,7 +12,7 @@ function Help(rune)
|
|||||||
html += this.view_filters();
|
html += this.view_filters();
|
||||||
html += this.view_units();
|
html += this.view_units();
|
||||||
html += this.view_presets();
|
html += this.view_presets();
|
||||||
w.document.write("<title>Help</title><style>body { font-size:11px;background:#111; color:#fff; padding:20px} pre { font-family:Monaco,Courier} pre div{ border-left:5px solid #222; padding-left:20px;} pre div b { text-decoration:underline; color:#999; font-weight:normal} pre div i { font-style:normal; color:#72dec2}</style><pre>"+html+"</pre>");
|
w.document.write("<title>Help</title><style>body { font-size:11px;background:#111; color:#fff; padding:20px; overflow-x:hidden} pre { font-family:Monaco,Courier} pre div{ border-left:5px solid #222; padding-left:20px;} pre div b { text-decoration:underline; color:#999; font-weight:normal} pre div i { font-style:normal; color:#72dec2}</style><pre>"+html+"</pre>");
|
||||||
}
|
}
|
||||||
|
|
||||||
//
|
//
|
@ -40,8 +40,8 @@ function Render(rune)
|
|||||||
|
|
||||||
this.hint = function(cmd)
|
this.hint = function(cmd)
|
||||||
{
|
{
|
||||||
var input = cmd.content.join(" ").trim();
|
var input = cmd.content.join(" ").trim().split(" ")[0];
|
||||||
var s = this.pad(input);
|
var s = this.pad(cmd.content.join(" "));
|
||||||
|
|
||||||
if(this.collection[input]){
|
if(this.collection[input]){
|
||||||
for (i = 0; i < this.collection[input].parameters.length; i++) {
|
for (i = 0; i < this.collection[input].parameters.length; i++) {
|