scenejs_on_rails 1.0.0 → 1.0.1

data/vendor/assets/javascripts/scenejs_plugins/geometry/boundary.js

@@ -0,0 +1,59 @@
+// Geometry plugin which renders a box primitive defined as min-max extents
+SceneJS.Plugins.addPlugin(
+
+    "geometry", // Node type
+    "boundary", // Plugin type
+
+    new (function () {
+
+        this.getSource = function () {
+            var publish;
+            return {
+                subscribe:function (fn) {
+                    publish = fn;
+                },
+                configure:function (cfg) {
+                    publish(build(cfg));
+                }
+            };
+        };
+
+        function build(cfg) {
+
+            var xmin = cfg.xmin != undefined ? cfg.xmin : 0;
+            var ymin = cfg.ymin != undefined ? cfg.ymin : 0;
+            var zmin = cfg.zmin != undefined ? cfg.zmin : 0;
+            var xmax = cfg.xmax != undefined ? cfg.xmax : 0;
+            var ymax = cfg.ymax != undefined ? cfg.ymax : 0;
+            var zmax = cfg.zmax != undefined ? cfg.zmax : 0;
+
+            var positions = [
+                xmax, ymax, zmax,
+                xmax, ymin, zmax,
+                xmin, ymin, zmax,
+                xmin, ymax, zmax,
+                xmax, ymax, zmin,
+                xmax, ymin, zmin,
+                xmin, ymin, zmin,
+                xmin, ymax, zmin
+            ];
+
+            var indices = [
+                0, 1, 1,
+                2, 2, 3,
+                3, 0, 4,
+                5, 5, 6,
+                6, 7, 7,
+                4, 0, 4,
+                1, 5, 2,
+                6, 3, 7
+            ];
+
+            return {
+                primitive:"lines",
+                positions:new Float32Array(positions),
+                indices:new Uint16Array(indices)
+            };
+        }
+
+    })());

data/vendor/assets/javascripts/scenejs_plugins/geometry/box.js

@@ -0,0 +1,72 @@
+SceneJS.Plugins.addPlugin(
+
+    "geometry", // Node type
+    "box", // Plugin type
+
+    new (function () {
+
+        this.getSource = function () {
+            var publish;
+            return {
+                subscribe:function (fn) {
+                    publish = fn;
+                },
+                configure:function (cfg) {
+                    publish(build(cfg));
+                }
+            };
+        };
+
+        function build(cfg) {
+
+            var x = cfg.xSize || 1;
+            var y = cfg.ySize || 1;
+            var z = cfg.zSize || 1;
+
+            var positions = [
+                x, y, z, -x, y, z, -x, -y, z, x, -y, z, // v0-v1-v2-v3 front
+                x, y, z, x, -y, z, x, -y, -z, x, y, -z, // v0-v3-v4-v5 right
+                x, y, z, x, y, -z, -x, y, -z, -x, y, z, // v0-v5-v6-v1 top
+                -x, y, z, -x, y, -z, -x, -y, -z, -x, -y, z, // v1-v6-v7-v2 left
+                -x, -y, -z, x, -y, -z, x, -y, z, -x, -y, z, // v7-v4-v3-v2 bottom
+                x, -y, -z, -x, -y, -z, -x, y, -z, x, y, -z // v4-v7-v6-v5 back
+            ];
+
+            var normals = [
+                0, 0, 1, 0, 0, 1, 0, 0, 1, 0, 0, 1, // v0-v1-v2-v3 front
+                1, 0, 0, 1, 0, 0, 1, 0, 0, 1, 0, 0, // v0-v3-v4-v5 right
+                0, 1, 0, 0, 1, 0, 0, 1, 0, 0, 1, 0, // v0-v5-v6-v1 top
+                -1, 0, 0, -1, 0, 0, -1, 0, 0, -1, 0, 0, // v1-v6-v7-v2 left
+                0, -1, 0, 0, -1, 0, 0, -1, 0, 0, -1, 0, // v7-v4-v3-v2 bottom
+                0, 0, -1, 0, 0, -1, 0, 0, -1, 0, 0, -1     // v4-v7-v6-v5 back
+            ];
+
+            var uv = [
+                x, y, 0, y, 0, 0, x, 0, // v0-v1-v2-v3 front
+                0, y, 0, 0, x, 0, x, y, // v0-v3-v4-v5 right
+                x, 0, x, y, 0, y, 0, 0, // v0-v5-v6-v1 top
+                x, y, 0, y, 0, 0, x, 0, // v1-v6-v7-v2 left
+                0, 0, x, 0, x, y, 0, y, // v7-v4-v3-v2 bottom
+                0, 0, x, 0, x, y, 0, y
+            ];   // v4-v7-v6-v5 back
+
+            var indices = [
+                0, 1, 2, 0, 2, 3, // front
+                4, 5, 6, 4, 6, 7, // right
+                8, 9, 10, 8, 10, 11, // top
+                12, 13, 14, 12, 14, 15, // left
+                16, 17, 18, 16, 18, 19, // bottom
+                20, 21, 22, 20, 22, 23
+            ];  // back
+
+            return {
+                primitive:cfg.wire ? "lines" : "triangles",
+                coreId:"box_" + x + "_" + y + "_" + z + (cfg.wire ? "wire" : "_solid"),
+                positions:new Float32Array(positions),
+                normals:new Float32Array(normals),
+                uv:new Float32Array(uv),
+                indices:new Uint16Array(indices)
+            };
+        }
+
+    })());

data/vendor/assets/javascripts/scenejs_plugins/geometry/plane.js

@@ -0,0 +1,126 @@
+/*
+ * Based on PlaneGeometry by Mr. Doob
+ */
+SceneJS.Plugins.addPlugin(
+
+    "geometry", // Node type
+    "plane",
+
+    new (function () {
+
+        this.getSource = function () {
+            var publish;
+            return {
+                subscribe:function (fn) {
+                    publish = fn;
+                },
+                configure:function (cfg) {
+                    publish(build(cfg));
+                }
+            };
+        };
+
+        function build(cfg) {
+
+            var positions = [];
+            var normals = [];
+            var uvs = [];
+            var indices = [];
+
+            var width = cfg.width || 1.0;
+            var height = cfg.height || 1.0;
+
+            var widthSegments = cfg.widthSegments || 1;
+            var heightSegments = cfg.heightSegments || 1;
+
+            var coreId = "plane_" + (cfg.wire == true ? "wire_" : "") + height + "_" + widthSegments + "_" + heightSegments;
+
+            var ix, iz;
+            var halfWidth = width / 2;
+            var halfHeight = height / 2;
+
+            var gridX = widthSegments;
+            var gridZ = heightSegments;
+
+            var gridX1 = gridX + 1;
+            var gridZ1 = gridZ + 1;
+
+            var segWidth = width / gridX;
+            var segHeight = height / gridZ;
+
+            var x;
+            var y;
+
+            for (iz = 0; iz < gridZ1; iz++) {
+                for (ix = 0; ix < gridX1; ix++) {
+
+                    x = ix * segWidth - halfWidth;
+                    y = iz * segHeight - halfHeight;
+
+                    positions.push(x);
+                    positions.push(-y);
+                    positions.push(0);
+
+                    normals.push(0);
+                    normals.push(0);
+                    normals.push(1);
+                }
+            }
+
+            var a;
+            var b;
+            var c;
+            var d;
+
+            for (iz = 0; iz < gridZ; iz++) {
+                for (ix = 0; ix < gridX; ix++) {
+
+                    a = ix + gridX1 * iz;
+                    b = ix + gridX1 * ( iz + 1 );
+                    c = ( ix + 1 ) + gridX1 * ( iz + 1 );
+                    d = ( ix + 1 ) + gridX1 * iz;
+
+                    indices.push(a);
+                    indices.push(b);
+                    indices.push(c);
+
+                    indices.push(c);
+                    indices.push(d);
+                    indices.push(a);
+
+                    // a
+                    uvs.push(ix / gridX);
+                    uvs.push(1 - iz / gridZ);
+
+                    //b
+                    uvs.push(ix / gridX);
+                    uvs.push(1 - ( iz + 1 ) / gridZ);
+
+                    //c
+                    uvs.push(( ix + 1 ) / gridX);
+                    uvs.push(1 - ( iz + 1 ) / gridZ);
+
+                    //c
+                    uvs.push(( ix + 1 ) / gridX);
+                    uvs.push(1 - ( iz + 1 ) / gridZ);
+
+                    //d
+                    uvs.push(( ix + 1 ) / gridX, 1 - iz / gridZ);
+                    uvs.push(1 - iz / gridZ);
+
+                    //a
+                    uvs.push(ix / gridX);
+                    uvs.push(1 - iz / gridZ);
+                }
+            }
+
+            return {
+                primitive:cfg.wire ? "lines" : "triangles",
+                coreId:coreId,
+                positions:new Float32Array(positions),
+                normals:new Float32Array(normals),
+                uv:new Float32Array(uvs),
+                indices:new Uint16Array(indices)
+            };
+        }
+    })());

data/vendor/assets/javascripts/scenejs_plugins/geometry/quad.js

@@ -0,0 +1,37 @@
+SceneJS.Plugins.addPlugin(
+
+    "geometry", // Node type
+    "quad",
+
+    new (function () {
+
+        this.getSource = function () {
+            var publish;
+            return {
+                subscribe:function (fn) {
+                    publish = fn;
+                },
+                configure:function (cfg) {
+                    publish(build(cfg));
+                }
+            };
+        };
+
+        function build(cfg) {
+
+            var positions = [ 1, 1, 0, -1, 1, 0, -1, -1, 0, 1, -1, 0 ];
+            var normals = [ -1, 0, 0, -1, 0, 0, -1, 0, 0, -1, 0, 0 ];
+            var uv = [ 1, 1, 0, 1, 0, 0, 1, 0 ];
+            var indices = [ 0, 1, 2, 0, 2, 3 ];
+
+            return {
+                primitive:cfg.wire ? "lines" : "triangles",
+                coreId:"quad" + (cfg.wire ? "wire" : "_solid"),
+                positions:new Float32Array(positions),
+                normals:new Float32Array(normals),
+                uv:new Float32Array(uv),
+                indices:new Uint16Array(indices)
+            };
+        }
+
+    })());

data/vendor/assets/javascripts/scenejs_plugins/geometry/skybox.js

@@ -0,0 +1,86 @@
+SceneJS.Plugins.addPlugin(
+
+    "geometry", // Node type
+    "skybox", // Plugin type
+
+    new (function () {
+
+        this.getSource = function () {
+            var publish;
+            return {
+                subscribe:function (fn) {
+                    publish = fn;
+                },
+                configure:function (cfg) {
+                    publish(build(cfg));
+                }
+            };
+        };
+
+        function build(cfg) {
+
+            var x = cfg.xSize || 1;
+            var y = cfg.ySize || 1;
+            var z = cfg.zSize || 1;
+
+            var positions = [
+                x, y, z, -x, y, z, -x, -y, z, x, -y, z, // v0-v1-v2-v3 front
+                x, y, z, x, -y, z, x, -y, -z, x, y, -z, // v0-v3-v4-v5 right
+                x, y, z, x, y, -z, -x, y, -z, -x, y, z, // v0-v5-v6-v1 top
+                -x, y, z, -x, y, -z, -x, -y, -z, -x, -y, z, // v1-v6-v7-v2 left
+                -x, -y, -z, x, -y, -z, x, -y, z, -x, -y, z, // v7-v4-v3-v2 bottom
+                x, -y, -z, -x, -y, -z, -x, y, -z, x, y, -z // v4-v7-v6-v5 back
+            ];
+
+            var uv = [
+                0.5, 0.6666,
+                0.25, 0.6666,
+                0.25, 0.3333,
+                0.5, 0.3333,
+                0.5, 0.6666,
+                0.5, 0.3333,
+                0.75, 0.3333,
+                0.75, 0.6666,
+                0.5, 0.6666,
+                0.5, 1,
+                0.25, 1,
+                0.25, 0.6666,
+                0.25, 0.6666,
+                0.0, 0.6666,
+                0.0, 0.3333,
+                0.25, 0.3333,
+                0.50, 0,
+                0.25, 0,
+                0.25, 0.3333,
+                0.50, 0.3333,
+                0.75, 0.3333,
+                1.0, 0.3333,
+                1.0, 0.6666,
+                0.75, 0.6666
+            ];
+
+            var indices = [
+                0, 1, 2,
+                0, 2, 3,
+                4, 5, 6,
+                4, 6, 7,
+                8, 9, 10,
+                8, 10, 11,
+                12, 13, 14,
+                12, 14, 15,
+                16, 17, 18,
+                16, 18, 19,
+                20, 21, 22,
+                20, 22, 23
+            ];
+
+            return {
+                primitive:"triangles",
+                coreId:"skybox_" + x + "_" + y + "_" + z,
+                positions:new Float32Array(positions),
+                uv:new Float32Array(uv),
+                indices:new Uint16Array(indices)
+            };
+        }
+
+    })());

data/vendor/assets/javascripts/scenejs_plugins/geometry/sphere.js

@@ -0,0 +1,82 @@
+SceneJS.Plugins.addPlugin(
+
+    "geometry", // Node type
+    "sphere",
+
+    new (function() {
+
+        this.getSource = function () {
+            var publish;
+            return {
+                subscribe:function (fn) {
+                    publish = fn;
+                },
+                configure:function (cfg) {
+                    publish(build(cfg));
+                }
+            };
+        };
+
+        function build(cfg) {
+
+            // Thanks awfully to: http://learningwebgl.com/cookbook/index.php/How_to_draw_a_sphere
+
+            var latitudeBands = cfg.latitudeBands || 30;
+            var longitudeBands = cfg.longitudeBands || 30;
+            var radius = cfg.radius || 1;
+
+            var positions = [];
+            var normals = [];
+            var uvs = [];
+            for (var latNumber = 0; latNumber <= latitudeBands; latNumber++) {
+                var theta = latNumber * Math.PI / latitudeBands;
+                var sinTheta = Math.sin(theta);
+                var cosTheta = Math.cos(theta);
+
+                for (var longNumber = 0; longNumber <= longitudeBands; longNumber++) {
+                    var phi = longNumber * 2 * Math.PI / longitudeBands;
+                    var sinPhi = Math.sin(phi);
+                    var cosPhi = Math.cos(phi);
+
+                    var x = cosPhi * sinTheta;
+                    var y = cosTheta;
+                    var z = sinPhi * sinTheta;
+                    var u = 1- (longNumber / longitudeBands);
+                    var v = latNumber / latitudeBands;
+
+                    normals.push(x);
+                    normals.push(y);
+                    normals.push(z);
+                    uvs.push(u);
+                    uvs.push(v);
+                    positions.push(radius * x);
+                    positions.push(radius * y);
+                    positions.push(radius * z);
+                }
+            }
+
+            var indices = [];
+            for (var latNumber = 0; latNumber < latitudeBands; latNumber++) {
+                for (var longNumber = 0; longNumber < longitudeBands; longNumber++) {
+                    var first = (latNumber * (longitudeBands + 1)) + longNumber;
+                    var second = first + longitudeBands + 1;
+                    indices.push(first);
+                    indices.push(second);
+                    indices.push(first + 1);
+
+                    indices.push(second);
+                    indices.push(second + 1);
+                    indices.push(first + 1);
+                }
+            }
+
+            return {
+                primitive:cfg.wire ? "lines" : "triangles",
+                coreId : "sphere_" + (cfg.wire ? "wire" : "_solid") + radius + "_" + longitudeBands + "_" + latitudeBands,
+                positions : new Float32Array(positions),
+                normals: new Float32Array(normals),
+                uv : new Float32Array(uvs),
+                indices : new Uint16Array(indices)
+            };
+        }
+    })());