Generated from Ronin.

This commit is contained in:
Лu Лinveгa 2016-12-26 16:49:51 -07:00 committed by GitHub
parent decf475dbf
commit 0473b3799b

166
README.md
View File

@ -1,90 +1,143 @@
# Ronin # Ronin
## Basics
<img src="media/demo.jpg" width="700"> Ronin is a web based drawing application and visual language. Launch index.html and press **:**(colon) to display the command prompt. Input the commands below to interface with the different tools.
#Starting
Ronin is a web based drawing application and visual language. Launch index.html and press **:**(colon) to display the command prompt. Input the commands below to interface with the different tools. Headings with a star are features in development. Mouse2 is used to drag the canvas around.
``` ```
: :
``` ```
### Loading/Saving
Loading files requires you to run Ronin through localhost. Navigate to the Ronin folder, and run the simple http server. Requires you to run Ronin through localhost. Navigate to the Ronin folder, and run the simple http server.
``` ```
cd /path/to/ronin/ ; Navigate to Ronin through the terminal cd /path/to/ronin/ ; Navigate to Ronin through the terminal
python -m SimpleHTTPServer 8000 ; Start localhost python -m SimpleHTTPServer 8000 ; Start localhost
http://localhost:8000/ ; Enjoy Ronin http://localhost:8000/ ; Enjoy Ronin
``` ```
## Controls
#Controls
``` ```
CTRL+MOUSE1 ; Draw guide ctrl ; Draw Overlays
SHIFT+MOUSE1 ; Draw line alt ; Drag Surface
MOUSE2 ; Drag canvas shift ; Erase
shift+ctrl ; Eyedrop
shift+alt ; Move Layer
```
## Modules
### Help(?)
Missing documentation.
```
// Parameters
// Variables
``` ```
#Modules ### Surface(#)
##Canvas Missing documentation.
``` ```
@ 600x400 ; New canvas of size 600w and 400h // Parameters
@ 100x100 #ff0000 ; New canvas of size 100w and 100h with red background - Rect(200x300)
@ ! ; Clear canvas - Color(#ff0000)
// Variables
- layer
``` ```
##Load File ### FileLoad(/)
Missing documentation.
``` ```
/ dir/file_name.jpg 10,10 100x100 ; Load image, at 10,10 with size 100x100 // Parameters
/ dir/file_name.jpg 10,10 100x ; Load image, at 10,10 with size 100w and auto height - Filepath(assets/demo.png)
- Position(100,150)
- Rect(200x300)
// Variables
``` ```
##Save File ### FileSave($)
Missing documentation.
``` ```
$ new_name.jpg ; Create a new file with name // Parameters
- Any()
// Variables
``` ```
##Brush(Pointers) ### History(^)
Missing documentation.
``` ```
> 10 ; Size 10 // Parameters
> -4 ; Eraser, Size 4 // Variables
> 10,0 ; Add pointer at pos
> 400x0 ; Add mirror pointer, at 400x
> 4 #ff0000 ; Red brush, Size 4
> 100,100 45' ; Radial brush from position x,y and 45 degrees
> ! ; Remove all pointers
``` ```
##Guides ### Overlay(|)
Hold the Control key to draw guides with the mouse. Missing documentation.
``` ```
| 10,10 100x100 ; Draw a guide // Parameters
| -100,0 ; Draw a grid at every 100px - Position(100,150)
| ! ; Remove all guides - Rect(200x300)
// Variables
``` ```
##Vector(SVG) ### Filter(%)
Missing documentation.
``` ```
+ M10 10 h 80 v 80 h -80 Z ; Draw a square outline // Parameters
+ M10 80 C 40 10, 65 10, 95 80 S 150 150, 180 80 ; Draw a bezier - Any()
+ M 100, 100 m -75, 0 a 75,75 0 1,0 150,0 a 75,75 0 1,0 -150,0 ; Draw a circle // Variables
``` ```
##Stroke* ### Brush(>)
Missing documentation.
``` ```
_ 0,0 0,10 10,10 10,0 0,0 ; Draw a square // Parameters
- Position(100,150)
- Rect(200x300)
- Angle(45')
- Color(#ff0000)
- Value(20)
- Bang()
// Variables
- natural
- banking
``` ```
##Filters* ### Eraser(.)
Missing documentation.
``` ```
: saturation 0.5 ; Set image saturation to 0.5 // Parameters
: chromatic 10 ; Shifts, from center, pixels red value by 10, green by 5, blue by 0 - Value(20)
: chromatic 8 0 16 ; Shifts, from center, pixels red value by 8, green by 0, blue by 16 // Variables
: balance 0.9 0.4 0.7 ; Set color balance to R0.9 G0.4 B0.7
: sharpen 0.5 ; Sharpen image to 50%
``` ```
#Units ### Eye(*)
Missing documentation.
```
// Parameters
// Variables
```
### Typographe(&)
Missing documentation.
```
// Parameters
- Position(100,150)
- Color(#ff0000)
- Value(20)
// Variables
- text
```
### Stroke(_)
Missing documentation.
```
// Parameters
- Any()
// Variables
```
### Vector(+)
Missing documentation.
```
// Parameters
- Any()
- Position(100,150)
// Variables
```
## Units
``` ```
5 ; value: 5 5 ; value: 5
5,7 ; position: 5x 7y 5,7 ; position: 5x 7y
@ -94,25 +147,22 @@ _ 0,0 0,10 10,10 10,0 0,0 ; Draw a square
45' ; degree: 45/365 45' ; degree: 45/365
rate=10 ; variable: rate = 10 rate=10 ; variable: rate = 10
``` ```
## Presets
#Presets ### Radial Brush
##Radial Brush
``` ```
# 8 strands # 8 strands
> 600,400 45';> 600,400 90';> 600,400 135';> 600,400 180';> 600,400 225';> 600,400 270';> 600,400 315' > 600,400 45';> 600,400 90';> 600,400 135';> 600,400 180';> 600,400 225';> 600,400 270';> 600,400 315'
# 6 strands # 6 strands
> 600,400 60';> 600,400 120';> 600,400 180';> 600,400 240';> 600,400 300' > 600,400 60';> 600,400 120';> 600,400 180';> 600,400 240';> 600,400 300'
``` ```
### Symmetry Brush
##Symmetry Brush
``` ```
# XY # XY
> 400x 3 > 400x 3
# Angular brushes # Angular brushes
> 400x 1,1;> 400x 2,2;> 400x 3,3; > 1,1;> 2,2;> 3,3; > 400x 1,1;> 400x 2,2;> 400x 3,3; > 1,1;> 2,2;> 3,3;
``` ```
### Angular Brush
##Angular Brush
``` ```
# Light # Light
> 1,1;> 2,2;> 3,3;> 4,4 > 1,1;> 2,2;> 3,3;> 4,4