diff --git a/demos/degrees-radians/degrees-radians.js b/demos/degrees-radians/degrees-radians.js
new file mode 100644
index 0000000..aa462ce
--- /dev/null
+++ b/demos/degrees-radians/degrees-radians.js
@@ -0,0 +1,74 @@
+// ----- setup ----- //
+
+var isSpinning = true;
+var eggplant = '#636';
+var garnet = '#C25';
+var orange = '#E62';
+var gold = '#EA0';
+
+var illo = new Zdog.Illustration({
+ element: '.illo',
+ zoom: 4,
+ resize: 'fullscreen',
+ dragRotate: true,
+ onDragStart: function() {
+ isSpinning = false;
+ },
+ onResize: function( width, height ) {
+ this.zoom = Math.min( width, height ) / 50;
+ },
+});
+
+// ----- model ----- //
+
+new Zdog.Ellipse({
+ diameter: 16,
+ addTo: illo,
+ translate: { z: 10 },
+ stroke: 4,
+ color: eggplant,
+});
+
+new Zdog.Rect({
+ width: 5,
+ height: 5,
+ addTo: illo,
+ stroke: 3,
+ color: garnet,
+});
+
+new Zdog.Rect({
+ width: 2,
+ height: 2,
+ addTo: illo,
+ stroke: 2,
+ translate:{
+ z: -5,
+ },
+ color: orange,
+});
+
+new Zdog.Rect({
+ width: 1,
+ height: 1,
+ addTo: illo,
+ stroke: 1,
+ translate:{
+ z: -8,
+ },
+ color: gold,
+});
+
+
+// ----- animate ----- //
+
+function animate() {
+ // Spinning 5 degrees on both axis
+ illo.rotate.y += isSpinning ? Zdog.toRadians(5) : 0;
+ illo.rotate.x += isSpinning ? Zdog.toRadians(5) : 0;
+ illo.updateRenderGraph();
+ requestAnimationFrame( animate );
+}
+
+animate();
+
diff --git a/demos/degrees-radians/index.html b/demos/degrees-radians/index.html
new file mode 100644
index 0000000..927da8c
--- /dev/null
+++ b/demos/degrees-radians/index.html
@@ -0,0 +1,44 @@
+
+
+
+
+
+
+ fullscreen
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/dist/zdog.dist.js b/dist/zdog.dist.js
index b9fefbf..cc891a6 100644
--- a/dist/zdog.dist.js
+++ b/dist/zdog.dist.js
@@ -25,6 +25,10 @@ var Zdog = {};
Zdog.TAU = Math.PI * 2;
+Zdog.toRadians = function(degrees) {
+ return (Math.PI * degrees) / 180;
+};
+
Zdog.extend = function( a, b ) {
for ( var prop in b ) {
a[ prop ] = b[ prop ];
diff --git a/js/boilerplate.js b/js/boilerplate.js
index a22ddc9..d1bb37d 100644
--- a/js/boilerplate.js
+++ b/js/boilerplate.js
@@ -25,6 +25,10 @@ var Zdog = {};
Zdog.TAU = Math.PI * 2;
+Zdog.toRadians = function(degrees) {
+ return (Math.PI * degrees) / 180;
+};
+
Zdog.extend = function( a, b ) {
for ( var prop in b ) {
a[ prop ] = b[ prop ];