diff --git a/readme.md b/readme.md
index a02f632..d256db6 100755
--- a/readme.md
+++ b/readme.md
@@ -53,8 +53,21 @@ var svg2cube = require('./svg2cube.js');
svg2cube('inputs/panels.svg',{rotateY: 45, size:256});
```
-Now create your own panel and generate your own sprites. Available options are
-[here for now](https://github.com/wassname/svg2cube/blob/master/svg2cube-frontend.js#L10).
+Now create your own panel and generate your own sprites. Primary options are:
+```js
+{
+ rotateX: 30, // isometric perspective in degrees
+ rotateY: 45,
+ rotateZ: 0,
+ scaleX: 1.00,
+ scaleY: 1.00, // flatten your cube from the top
+ scaleZ: 1.00, // distort cube by pushing push face back
+ drawOutline: false,
+ drawShading: false
+}
+```
+
+ All available options are [in svg2cube-frontend.js around line 10 ](https://github.com/wassname/svg2cube/blob/master/svg2cube-frontend.js#L10).
# Screenshots
diff --git a/svg2cube-frontend.js b/svg2cube-frontend.js
index 4ed0597..5a83efb 100755
--- a/svg2cube-frontend.js
+++ b/svg2cube-frontend.js
@@ -6,18 +6,15 @@
(function (exports) {
exports.SvgCube = function (svgPanel, options) {
-
// Inputs and options
this.defaultOptions = {
- rotateX: 30, // isometric perspective
+ rotateX: 30, // isometric perspective in degrees
rotateY: 45,
rotateZ: 0,
- perspective: 0, // doesn't do anything usefull
-
scaleX: 1.00,
- scaleY: 1.00, // flatten you cube from the top
+ scaleY: 1.00, // flatten your cube from the top
scaleZ: 1.00, // distort cube by pushing push face back
size: 400, // size of one side
@@ -26,7 +23,7 @@
// outline
drawOutline: false,
drawShading: false,
- borderRadius: 0, // in px
+ borderRadius: 2, // in px
stroke: {
"stroke": 'black', // stroke color for outline
"stroke-width": 0, // outline width in px
@@ -41,8 +38,8 @@
frontRot: 0,
topShad: 0, // shading for top, float from 0 to 1
- leftShad: 0.0,
- rightShad: 0.0,
+ leftShad: 0.3,
+ rightShad: 0.1,
backShad: 0.0,
bottomShad: 0.0,
frontShad: 0.0,
@@ -55,6 +52,8 @@
frontRender: true,
backRender: true
+ perspective: 0, // doesn't do anything usefull
+
};
// add defaults to input options, looking 2 levels deep
@@ -117,7 +116,7 @@
' ' +
'' +
'');
- if (this.options.frontRender){
+ if (this.options.frontRender) {
cube.append(imageFront);
}
@@ -129,7 +128,7 @@
' ' +
'' +
'');
- if (this.options.leftRender){
+ if (this.options.leftRender) {
cube.append(imageL);
}
@@ -141,7 +140,7 @@
' ' +
' ' +
'');
- if (this.options.rightRender){
+ if (this.options.rightRender) {
cube.append(imageRight);
}
@@ -153,7 +152,7 @@
' ' +
'' +
'');
- if (this.options.topRender){
+ if (this.options.topRender) {
cube.append(imageTop);
}
@@ -165,7 +164,7 @@
' ' +
'' +
'');
- if (this.options.backRender){
+ if (this.options.backRender) {
cube.append(imageBack);
}
@@ -177,15 +176,15 @@
' ' +
'' +
'');
- if (this.options.bottomRender){
+ if (this.options.bottomRender) {
cube.append(imageBottom);
}
// get destination dom
- var target=$('#svg2cube');
- if (!target){
- target=$('body');
+ var target = $('#svg2cube');
+ if (!target) {
+ target = $('body');
}
// remove old sides
@@ -200,7 +199,7 @@
'