tuxedo-css-rails 0.0.1 → 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +2 -1
  3. data/tuxedo-css-rails.gemspec +1 -1
  4. data/vendor/assets/javascripts/three-render.js +174 -171
  5. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 34e3e8de2e1b21959b4e465e06f7ec56ff6f7f5e
4
- data.tar.gz: 2dc379f43da82737c00f4a22a973c9a37cc05ac7
3
+ metadata.gz: b7c0c4a59f658a18dae95161da75727fc6743f5d
4
+ data.tar.gz: cda98a9a9efe0e786cb3d03482af260875d63bbc
5
5
  SHA512:
6
- metadata.gz: 8c477eb893a60feabb44c25999b73452620f18ada67d18a5c71dff3bfe81626fff7c60ef12fde909b0ac6668f399955ae8eb0555317f24464c8da478e851fef4
7
- data.tar.gz: a7157ee4b56f7b41cf4eb5612fbe7398fca45ce5128f2c2c6dcc6ad1d960450f883eaab611547843a5770c12d0fe3106fa016d03d226ac0ffbc7c30fa5b90c7b
6
+ metadata.gz: 3fc35553a7a703f418539e363557c285ad606b295cdc178959b0dbe34a3a543a0c3b9072d961140c1f30fd3978175ee745914894d86455b73293fa5dfc4fee26
7
+ data.tar.gz: cfb17668238681687d02070f96a92c0c88a13cbd6674391d159bacfb0334bbf917c603c1688e32ebb22c9014bab1cc05801f1529536540cf2035a23f5b186edd
data/README.md CHANGED
@@ -1,5 +1,6 @@
1
1
  # Tuxedo::Css::Rails
2
2
 
3
+ A gem to simplify the setup process of the [Tuxedo CSS](https://github.com/ericanafziger/tuxedo-css) framework.
3
4
 
4
5
  ## Installation
5
6
 
@@ -55,7 +56,7 @@ To install this gem onto your local machine, run `bundle exec rake install`. To
55
56
 
56
57
  ## Contributing
57
58
 
58
- Bug reports and pull requests are welcome on GitHub at https://github.com/Diego Suarez/tuxedo-css-rails. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
59
+ Bug reports and pull requests are welcome on GitHub at https://github.com/DiegoSPB/tuxedo-css-rails/pulls. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
59
60
 
60
61
 
61
62
  ## License
data/tuxedo-css-rails.gemspec CHANGED
@@ -4,7 +4,7 @@ $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
4
4
 
5
5
  Gem::Specification.new do |spec|
6
6
  spec.name = "tuxedo-css-rails"
7
- spec.version = "0.0.1"
7
+ spec.version = "0.0.2"
8
8
  spec.authors = ["Diego Suarez"]
9
9
  spec.email = ["diego.spb@gmail.com"]
10
10
 
data/vendor/assets/javascripts/three-render.js CHANGED
@@ -1,172 +1,175 @@
1
- //color variables
2
- var dark = 0x262525;
3
- var darkGrey = 0x5c5c5c;
4
- var mdGrey = 0xc8c8c8;
5
- var light = 0xf4f4f4;
6
- var pop = 0x2A7F62;
7
-
8
- //THREE variables
9
- var camera,
10
- mySphereCanvas = document.getElementById('three-sphere'),
11
- myTorusCanvas = document.getElementById('three-torus');
12
- myCubeCanvas = document.getElementById('three-cube');
13
-
14
- // Camera
15
- camera = new THREE.PerspectiveCamera( 35, window.innerWidth / window.innerHeight, 0.1, 1000 );
16
-
17
- // Materials
18
- var materialWireframe = new THREE.MeshLambertMaterial({
19
- color: mdGrey, //material color
20
- wireframe: true,
21
- transparent: true,
22
- opacity: 0.4
23
- });
24
- var materialShiny = new THREE.MeshPhongMaterial({
25
- // depthTest: false,
26
- color: dark, //material color
27
- shading: THREE.FlatShading,
28
- shininess: 100,
29
- specular: pop,
30
- // wireframe: true,
31
- // emissive: dark
32
- });
33
- var reflection = THREE.CubeTextureLoader( ['./img/palms-dark.png', './img/palms-dark.png','./img/palms-dark.png','./img/palms-dark.png','./img/palms-dark.png','./img/palms-dark.png', ] );
34
-
35
-
36
- //If mySphereCanvas exists render the sphere
37
- if (mySphereCanvas) {
38
- var sphereRenderer,
39
- sceneSphere;
40
-
41
- window.addEventListener("resize", function() {
42
- sphereRenderer.setSize( window.innerWidth, window.innerHeight );
43
- camera = new THREE.PerspectiveCamera( 35, window.innerWidth / window.innerHeight, 0.1, 1000 );
44
- });
45
-
46
- // sphereRenderer
47
- sphereRenderer = new THREE.WebGLRenderer({antialias: true});
48
- sphereRenderer.setSize( window.innerWidth, window.innerHeight);
49
- mySphereCanvas.appendChild( sphereRenderer.domElement );
50
- sphereRenderer.setClearColor(dark); //Background color of sphere canvas
51
- sphereRenderer.setPixelRatio(window.devicePixelRatio);
52
-
53
- //Scene
54
- sceneSphere = new THREE.Scene();
55
-
56
- // Lights
57
- var lightSphere = new THREE.AmbientLight(0xffffff, 0.5);
58
- sceneSphere.add(lightSphere);
59
- var light2Sphere = new THREE.PointLight(0xffffff, 0.5);
60
- sceneSphere.add(light2Sphere);
61
-
62
- //Geometry
63
- var sphere = new THREE.SphereGeometry( 80, 10, 10 );
64
-
65
- // Creating and adding shapes
66
- var sphere = new THREE.Mesh( sphere, materialWireframe ); //change sphere material here
67
- sphere.position.z = -500;
68
- sceneSphere.add( sphere );
69
-
70
-
71
- function sphereRender() {
72
- requestAnimationFrame( sphereRender );
73
- sphere.rotation.x += 0.007;
74
- sphere.rotation.y += 0.01;
75
- sphereRenderer.render( sceneSphere, camera );
76
- }
77
- sphereRender();
78
-
79
- }
80
-
81
- //If myCubeCanvas exists render the sphere
82
- if (myCubeCanvas) {
83
- var cubeRenderer,
84
- sceneCube;
85
-
86
- window.addEventListener("resize", function() {
87
- cubeRenderer.setSize( window.innerWidth, window.innerHeight );
88
- camera = new THREE.PerspectiveCamera( 35, window.innerWidth / window.innerHeight, 0.1, 1000 );
89
- });
90
-
91
- // cubeRenderer
92
- cubeRenderer = new THREE.WebGLRenderer({antialias: true});
93
- cubeRenderer.setSize( window.innerWidth, window.innerHeight);
94
- myCubeCanvas.appendChild( cubeRenderer.domElement );
95
- cubeRenderer.setClearColor(dark); //Background color of cube canvas
96
- cubeRenderer.setPixelRatio(window.devicePixelRatio);
97
-
98
- //Scene
99
- sceneCube = new THREE.Scene();
100
-
101
- // Lights
102
- var lightCube = new THREE.AmbientLight(0xffffff, 0.5);
103
- sceneCube.add(lightCube);
104
- var light2Cube = new THREE.PointLight(0xffffff, 0.5);
105
- sceneCube.add(light2Cube);
106
-
107
- //Geometry
108
- var cube = new THREE.CubeGeometry( 20, 20, 20, 20, 2, 2 );
109
-
110
- // Creating and adding shapes
111
- var cube = new THREE.Mesh( cube, materialWireframe ); //change cube material here
112
- cube.position.z = -100;
113
- sceneCube.add( cube );
114
-
115
-
116
- function cubeRender() {
117
- requestAnimationFrame( cubeRender );
118
- cube.rotation.x += 0.007;
119
- cube.rotation.y += 0.01;
120
- cubeRenderer.render( sceneCube, camera );
121
- }
122
- cubeRender();
123
-
124
- }
125
-
126
- //If myTorusCanvas exists render the Torus Knot
127
- if (myTorusCanvas) {
128
- var torusRenderer,
129
- sceneTorus;
130
-
131
- window.addEventListener("resize", function() {
132
- torusRenderer.setSize( window.innerWidth, window.innerHeight );
133
- camera = new THREE.PerspectiveCamera( 35, window.innerWidth / window.innerHeight, 0.1, 1000 );
134
- });
135
-
136
-
137
- // window.onresize = function() {
138
- // }
139
-
140
- // torusRenderer
141
- torusRenderer = new THREE.WebGLRenderer({antialias: true});
142
- torusRenderer.setSize( window.innerWidth, window.innerHeight);
143
- myTorusCanvas.appendChild( torusRenderer.domElement );
144
- torusRenderer.setClearColor(dark); //Background color of canvas
145
- torusRenderer.setPixelRatio(window.devicePixelRatio);
146
-
147
- // Scene
148
- sceneTorus = new THREE.Scene();
149
-
150
- // Lights
151
- var lightTorus = new THREE.AmbientLight(0xffffff, 0.5);
152
- sceneTorus.add(lightTorus);
153
- var light2Torus = new THREE.PointLight(0xffffff, 0.5);
154
- sceneTorus.add(light2Torus);
155
-
156
- // Geometry
157
- var torusKnotGeometry = new THREE.TorusKnotGeometry( 70, 18, 10, 10 );
158
-
159
- // Creating and adding shapes
160
- var torusKnot = new THREE.Mesh( torusKnotGeometry, materialShiny ); //change torus material here
161
- torusKnot.position.z = -500;
162
- sceneTorus.add( torusKnot );
163
-
164
- function torusRender() {
165
- requestAnimationFrame( torusRender );
166
- torusKnot.rotation.x -= 0.007;
167
- torusKnot.rotation.y -= 0.01;
168
- // torusKnot.rotation.z -= 0.007;
169
- torusRenderer.render( sceneTorus, camera );
170
- }
171
- torusRender();
1
+ $(document).ready(function() {
2
+
3
+ //color variables
4
+ var dark = 0x262525;
5
+ var darkGrey = 0x5c5c5c;
6
+ var mdGrey = 0xc8c8c8;
7
+ var light = 0xf4f4f4;
8
+ var pop = 0x2A7F62;
9
+
10
+ //THREE variables
11
+ var camera,
12
+ mySphereCanvas = document.getElementById('three-sphere'),
13
+ myTorusCanvas = document.getElementById('three-torus');
14
+ myCubeCanvas = document.getElementById('three-cube');
15
+
16
+ // Camera
17
+ camera = new THREE.PerspectiveCamera( 35, window.innerWidth / window.innerHeight, 0.1, 1000 );
18
+
19
+ // Materials
20
+ var materialWireframe = new THREE.MeshLambertMaterial({
21
+ color: mdGrey, //material color
22
+ wireframe: true,
23
+ transparent: true,
24
+ opacity: 0.4
25
+ });
26
+ var materialShiny = new THREE.MeshPhongMaterial({
27
+ // depthTest: false,
28
+ color: dark, //material color
29
+ shading: THREE.FlatShading,
30
+ shininess: 100,
31
+ specular: pop,
32
+ // wireframe: true,
33
+ // emissive: dark
34
+ });
35
+ var reflection = THREE.CubeTextureLoader( ['./img/palms-dark.png', './img/palms-dark.png','./img/palms-dark.png','./img/palms-dark.png','./img/palms-dark.png','./img/palms-dark.png', ] );
36
+
37
+
38
+ //If mySphereCanvas exists render the sphere
39
+ if (mySphereCanvas) {
40
+ var sphereRenderer,
41
+ sceneSphere;
42
+
43
+ window.addEventListener("resize", function() {
44
+ sphereRenderer.setSize( window.innerWidth, window.innerHeight );
45
+ camera = new THREE.PerspectiveCamera( 35, window.innerWidth / window.innerHeight, 0.1, 1000 );
46
+ });
47
+
48
+ // sphereRenderer
49
+ sphereRenderer = new THREE.WebGLRenderer({antialias: true});
50
+ sphereRenderer.setSize( window.innerWidth, window.innerHeight);
51
+ mySphereCanvas.appendChild( sphereRenderer.domElement );
52
+ sphereRenderer.setClearColor(dark); //Background color of sphere canvas
53
+ sphereRenderer.setPixelRatio(window.devicePixelRatio);
54
+
55
+ //Scene
56
+ sceneSphere = new THREE.Scene();
57
+
58
+ // Lights
59
+ var lightSphere = new THREE.AmbientLight(0xffffff, 0.5);
60
+ sceneSphere.add(lightSphere);
61
+ var light2Sphere = new THREE.PointLight(0xffffff, 0.5);
62
+ sceneSphere.add(light2Sphere);
63
+
64
+ //Geometry
65
+ var sphere = new THREE.SphereGeometry( 80, 10, 10 );
66
+
67
+ // Creating and adding shapes
68
+ var sphere = new THREE.Mesh( sphere, materialWireframe ); //change sphere material here
69
+ sphere.position.z = -500;
70
+ sceneSphere.add( sphere );
71
+
72
+
73
+ function sphereRender() {
74
+ requestAnimationFrame( sphereRender );
75
+ sphere.rotation.x += 0.007;
76
+ sphere.rotation.y += 0.01;
77
+ sphereRenderer.render( sceneSphere, camera );
78
+ }
79
+ sphereRender();
80
+
81
+ }
82
+
83
+ //If myCubeCanvas exists render the sphere
84
+ if (myCubeCanvas) {
85
+ var cubeRenderer,
86
+ sceneCube;
87
+
88
+ window.addEventListener("resize", function() {
89
+ cubeRenderer.setSize( window.innerWidth, window.innerHeight );
90
+ camera = new THREE.PerspectiveCamera( 35, window.innerWidth / window.innerHeight, 0.1, 1000 );
91
+ });
92
+
93
+ // cubeRenderer
94
+ cubeRenderer = new THREE.WebGLRenderer({antialias: true});
95
+ cubeRenderer.setSize( window.innerWidth, window.innerHeight);
96
+ myCubeCanvas.appendChild( cubeRenderer.domElement );
97
+ cubeRenderer.setClearColor(dark); //Background color of cube canvas
98
+ cubeRenderer.setPixelRatio(window.devicePixelRatio);
99
+
100
+ //Scene
101
+ sceneCube = new THREE.Scene();
102
+
103
+ // Lights
104
+ var lightCube = new THREE.AmbientLight(0xffffff, 0.5);
105
+ sceneCube.add(lightCube);
106
+ var light2Cube = new THREE.PointLight(0xffffff, 0.5);
107
+ sceneCube.add(light2Cube);
108
+
109
+ //Geometry
110
+ var cube = new THREE.CubeGeometry( 20, 20, 20, 20, 2, 2 );
111
+
112
+ // Creating and adding shapes
113
+ var cube = new THREE.Mesh( cube, materialWireframe ); //change cube material here
114
+ cube.position.z = -100;
115
+ sceneCube.add( cube );
116
+
117
+
118
+ function cubeRender() {
119
+ requestAnimationFrame( cubeRender );
120
+ cube.rotation.x += 0.007;
121
+ cube.rotation.y += 0.01;
122
+ cubeRenderer.render( sceneCube, camera );
123
+ }
124
+ cubeRender();
125
+
126
+ }
127
+
128
+ //If myTorusCanvas exists render the Torus Knot
129
+ if (myTorusCanvas) {
130
+ var torusRenderer,
131
+ sceneTorus;
132
+
133
+ window.addEventListener("resize", function() {
134
+ torusRenderer.setSize( window.innerWidth, window.innerHeight );
135
+ camera = new THREE.PerspectiveCamera( 35, window.innerWidth / window.innerHeight, 0.1, 1000 );
136
+ });
137
+
138
+
139
+ // window.onresize = function() {
140
+ // }
141
+
142
+ // torusRenderer
143
+ torusRenderer = new THREE.WebGLRenderer({antialias: true});
144
+ torusRenderer.setSize( window.innerWidth, window.innerHeight);
145
+ myTorusCanvas.appendChild( torusRenderer.domElement );
146
+ torusRenderer.setClearColor(dark); //Background color of canvas
147
+ torusRenderer.setPixelRatio(window.devicePixelRatio);
148
+
149
+ // Scene
150
+ sceneTorus = new THREE.Scene();
151
+
152
+ // Lights
153
+ var lightTorus = new THREE.AmbientLight(0xffffff, 0.5);
154
+ sceneTorus.add(lightTorus);
155
+ var light2Torus = new THREE.PointLight(0xffffff, 0.5);
156
+ sceneTorus.add(light2Torus);
157
+
158
+ // Geometry
159
+ var torusKnotGeometry = new THREE.TorusKnotGeometry( 70, 18, 10, 10 );
160
+
161
+ // Creating and adding shapes
162
+ var torusKnot = new THREE.Mesh( torusKnotGeometry, materialShiny ); //change torus material here
163
+ torusKnot.position.z = -500;
164
+ sceneTorus.add( torusKnot );
165
+
166
+ function torusRender() {
167
+ requestAnimationFrame( torusRender );
168
+ torusKnot.rotation.x -= 0.007;
169
+ torusKnot.rotation.y -= 0.01;
170
+ // torusKnot.rotation.z -= 0.007;
171
+ torusRenderer.render( sceneTorus, camera );
172
+ }
173
+ torusRender();
174
+ }
172
175
  }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: tuxedo-css-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.1
4
+ version: 0.0.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - Diego Suarez
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2017-03-23 00:00:00.000000000 Z
11
+ date: 2017-03-24 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler