Skip to content

This editor is meant to customize the colors of a SVG cube (Rubik's like). It's based on NW.js (previously known as Node-Webkit)

License

Notifications You must be signed in to change notification settings

AxelAyi/cube-editor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

cube-editor

This project is a simple 2D R desktop cube editor powered by Node Webkit. Its primary purpose was to help a writter making a book about cube solving tutorials.

You may use it to color a SVG cube before saving it as a new SVG file.

Building

First install or update your local project's npm modules:

# First install all the NPM modules:
npm install

# Or update
npm update
# Install gulp and bower
npm install -g gulp bower

Then run the gulp tasks:

# To build the executable app
gulp build

Overview

alt tag

How to use it

Changing a face color

To change a face color, click on the square and use the keyboard arrows (left, right, up, down). The color will be changed based on the displayed default colors on top. This is not user friendly but it was a quick win for a first iteration. To be improved in the future.

Changing the default colors

At run time

You can change the available colors by clicking on the color boxes on top

In a configuration file

Create a "colors.json" file at the root of the application and put inside the following content :

{
	"colors": [
        "#646464",
		"#5B6C98",
		"#FFFFFF",
		"#FD8C3C",
		"#84d2a8",
		"#f6dc64",
		"#dd362a"
	]
}

Then, change the colors as you like.

About

This editor is meant to customize the colors of a SVG cube (Rubik's like). It's based on NW.js (previously known as Node-Webkit)

Resources

License

Stars

Watchers

Forks

Packages