geometry.js 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312
  1. /**
  2. * @author TatumCreative (Greg Tatum) / http://gregtatum.com/
  3. */
  4. var constants = {
  5. combine: {
  6. "THREE.MultiplyOperation" : THREE.MultiplyOperation,
  7. "THREE.MixOperation" : THREE.MixOperation,
  8. "THREE.AddOperation" : THREE.AddOperation
  9. },
  10. side : {
  11. "THREE.FrontSide" : THREE.FrontSide,
  12. "THREE.BackSide" : THREE.BackSide,
  13. "THREE.DoubleSide" : THREE.DoubleSide
  14. },
  15. shading : {
  16. "THREE.NoShading" : THREE.NoShading,
  17. "THREE.FlatShading" : THREE.FlatShading,
  18. "THREE.SmoothShading" : THREE.SmoothShading
  19. },
  20. colors : {
  21. "THREE.NoColors" : THREE.NoColors,
  22. "THREE.FaceColors" : THREE.FaceColors,
  23. "THREE.VertexColors" : THREE.VertexColors
  24. },
  25. blendingMode : {
  26. "THREE.NoBlending" : THREE.NoBlending,
  27. "THREE.NormalBlending" : THREE.NormalBlending,
  28. "THREE.AdditiveBlending" : THREE.AdditiveBlending,
  29. "THREE.SubtractiveBlending" : THREE.SubtractiveBlending,
  30. "THREE.MultiplyBlending" : THREE.MultiplyBlending,
  31. "THREE.CustomBlending" : THREE.CustomBlending
  32. },
  33. equations : {
  34. "THREE.AddEquation" : THREE.AddEquation,
  35. "THREE.SubtractEquation" : THREE.SubtractEquation,
  36. "THREE.ReverseSubtractEquation" : THREE.ReverseSubtractEquation
  37. },
  38. destinationFactors : {
  39. "THREE.ZeroFactor" : THREE.ZeroFactor,
  40. "THREE.OneFactor" : THREE.OneFactor,
  41. "THREE.SrcColorFactor" : THREE.SrcColorFactor,
  42. "THREE.OneMinusSrcColorFactor" : THREE.OneMinusSrcColorFactor,
  43. "THREE.SrcAlphaFactor" : THREE.SrcAlphaFactor,
  44. "THREE.OneMinusSrcAlphaFactor" : THREE.OneMinusSrcAlphaFactor,
  45. "THREE.DstAlphaFactor" : THREE.DstAlphaFactor,
  46. "THREE.OneMinusDstAlphaFactor" : THREE.OneMinusDstAlphaFactor
  47. },
  48. sourceFactors : {
  49. "THREE.DstColorFactor" : THREE.DstColorFactor,
  50. "THREE.OneMinusDstColorFactor" : THREE.OneMinusDstColorFactor,
  51. "THREE.SrcAlphaSaturateFactor" : THREE.SrcAlphaSaturateFactor
  52. }
  53. }
  54. function updateGroupGeometry( mesh, geometry ) {
  55. mesh.children[0].geometry.dispose();
  56. mesh.children[1].geometry.dispose();
  57. mesh.children[0].geometry = geometry
  58. mesh.children[1].geometry = geometry.clone()
  59. //these do not update nicely together if shared
  60. }
  61. var guis = {
  62. TorusGeometry : function( mesh ) {
  63. var data = {
  64. radius : 10,
  65. tube : 3,
  66. radialSegments : 16,
  67. tubularSegments : 100,
  68. arc : Math.PI * 2
  69. };
  70. function generateGeometry() {
  71. updateGroupGeometry( mesh,
  72. new THREE.TorusGeometry(
  73. data.radius, data.tube, data.radialSegments, data.tubularSegments, data.arc
  74. )
  75. )
  76. }
  77. var folder = gui.addFolder('THREE.TorusGeometry');
  78. folder.add( data, 'radius', 1, 20 ).onChange( generateGeometry )
  79. folder.add( data, 'tube', 0.1, 10 ).onChange( generateGeometry )
  80. folder.add( data, 'radialSegments', 2, 30 ).step(1).onChange( generateGeometry )
  81. folder.add( data, 'tubularSegments', 3, 200 ).step(1).onChange( generateGeometry )
  82. folder.add( data, 'arc', 0.1, Math.PI * 2 ).onChange( generateGeometry )
  83. generateGeometry()
  84. },
  85. TorusKnotGeometry : function( mesh ) {
  86. var data = {
  87. radius : 10,
  88. tube : 3,
  89. radialSegments : 64,
  90. tubularSegments : 8,
  91. p : 2,
  92. q : 3,
  93. heightScale : 1
  94. };
  95. function generateGeometry() {
  96. updateGroupGeometry( mesh,
  97. new THREE.TorusKnotGeometry(
  98. data.radius, data.tube, data.radialSegments, data.tubularSegments,
  99. data.p, data.q, data.heightScale
  100. )
  101. )
  102. }
  103. var folder = gui.addFolder('THREE.TorusGeometry');
  104. folder.add( data, 'radius', 1, 20 ).onChange( generateGeometry )
  105. folder.add( data, 'tube', 0.1, 10 ).onChange( generateGeometry )
  106. folder.add( data, 'radialSegments', 3, 300 ).step(1).onChange( generateGeometry )
  107. folder.add( data, 'tubularSegments', 3, 20 ).step(1).onChange( generateGeometry )
  108. folder.add( data, 'p', 1, 20 ).step(1).onChange( generateGeometry )
  109. folder.add( data, 'q', 1, 20 ).step(1).onChange( generateGeometry )
  110. folder.add( data, 'heightScale', 1, 20 ).onChange( generateGeometry )
  111. generateGeometry()
  112. },
  113. DodecahedronGeometry : function() {
  114. var data = {
  115. radius : 10,
  116. detail : 0,
  117. };
  118. function generateGeometry() {
  119. updateGroupGeometry( mesh,
  120. new THREE.DodecahedronGeometry(
  121. data.radius, data.detail
  122. )
  123. )
  124. }
  125. var folder = gui.addFolder('THREE.DodecahedronGeometry');
  126. folder.add( data, 'radius', 1, 20 ).onChange( generateGeometry )
  127. folder.add( data, 'detail', 0, 5 ).step(1).onChange( generateGeometry )
  128. generateGeometry()
  129. },
  130. IcosahedronGeometry : function() {
  131. var data = {
  132. radius : 10,
  133. detail : 0,
  134. };
  135. function generateGeometry() {
  136. updateGroupGeometry( mesh,
  137. new THREE.IcosahedronGeometry(
  138. data.radius, data.detail
  139. )
  140. )
  141. }
  142. var folder = gui.addFolder('THREE.IcosahedronGeometry');
  143. folder.add( data, 'radius', 1, 20 ).onChange( generateGeometry )
  144. folder.add( data, 'detail', 0, 5 ).step(1).onChange( generateGeometry )
  145. generateGeometry()
  146. },
  147. OctahedronGeometry : function() {
  148. var data = {
  149. radius : 10,
  150. detail : 0,
  151. };
  152. function generateGeometry() {
  153. updateGroupGeometry( mesh,
  154. new THREE.OctahedronGeometry(
  155. data.radius, data.detail
  156. )
  157. )
  158. }
  159. var folder = gui.addFolder('THREE.OctahedronGeometry');
  160. folder.add( data, 'radius', 1, 20 ).onChange( generateGeometry )
  161. folder.add( data, 'detail', 0, 5 ).step(1).onChange( generateGeometry )
  162. generateGeometry()
  163. },
  164. TetrahedronGeometry : function() {
  165. var data = {
  166. radius : 10,
  167. detail : 0,
  168. };
  169. function generateGeometry() {
  170. updateGroupGeometry( mesh,
  171. new THREE.TetrahedronGeometry(
  172. data.radius, data.detail
  173. )
  174. )
  175. }
  176. var folder = gui.addFolder('THREE.TetrahedronGeometry');
  177. folder.add( data, 'radius', 1, 20 ).onChange( generateGeometry )
  178. folder.add( data, 'detail', 0, 5 ).step(1).onChange( generateGeometry )
  179. generateGeometry()
  180. }
  181. }
  182. function chooseFromHash ( mesh ) {
  183. var selectedGeometry = window.location.hash.substring(1) || "TorusGeometry";
  184. switch (selectedGeometry) {
  185. case "TorusGeometry" :
  186. guis.TorusGeometry( mesh )
  187. break;
  188. case "TorusKnotGeometry" :
  189. guis.TorusKnotGeometry( mesh )
  190. break;
  191. case "DodecahedronGeometry" :
  192. guis.DodecahedronGeometry( mesh )
  193. break;
  194. case "IcosahedronGeometry" :
  195. guis.IcosahedronGeometry( mesh )
  196. break;
  197. case "OctahedronGeometry" :
  198. guis.OctahedronGeometry( mesh )
  199. break;
  200. case "TetrahedronGeometry" :
  201. guis.TetrahedronGeometry( mesh )
  202. break;
  203. }
  204. }