geometry.js 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309
  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 = geometry
  56. mesh.children[1].geometry = geometry.clone()
  57. //these do not update nicely together if shared
  58. }
  59. var guis = {
  60. TorusGeometry : function( mesh ) {
  61. var data = {
  62. radius : 10,
  63. tube : 3,
  64. radialSegments : 16,
  65. tubularSegments : 100,
  66. arc : Math.PI * 2
  67. };
  68. function generateGeometry() {
  69. updateGroupGeometry( mesh,
  70. new THREE.TorusGeometry(
  71. data.radius, data.tube, data.radialSegments, data.tubularSegments, data.arc
  72. )
  73. )
  74. }
  75. var folder = gui.addFolder('THREE.TorusGeometry');
  76. folder.add( data, 'radius', 1, 20 ).onChange( generateGeometry )
  77. folder.add( data, 'tube', 0.1, 10 ).onChange( generateGeometry )
  78. folder.add( data, 'radialSegments', 2, 30 ).step(1).onChange( generateGeometry )
  79. folder.add( data, 'tubularSegments', 3, 200 ).step(1).onChange( generateGeometry )
  80. folder.add( data, 'arc', 0.1, Math.PI * 2 ).onChange( generateGeometry )
  81. generateGeometry()
  82. },
  83. TorusKnotGeometry : function( mesh ) {
  84. var data = {
  85. radius : 10,
  86. tube : 3,
  87. radialSegments : 64,
  88. tubularSegments : 8,
  89. p : 2,
  90. q : 3,
  91. heightScale : 1
  92. };
  93. function generateGeometry() {
  94. updateGroupGeometry( mesh,
  95. new THREE.TorusKnotGeometry(
  96. data.radius, data.tube, data.radialSegments, data.tubularSegments,
  97. data.p, data.q, data.heightScale
  98. )
  99. )
  100. }
  101. var folder = gui.addFolder('THREE.TorusGeometry');
  102. folder.add( data, 'radius', 1, 20 ).onChange( generateGeometry )
  103. folder.add( data, 'tube', 0.1, 10 ).onChange( generateGeometry )
  104. folder.add( data, 'radialSegments', 3, 300 ).step(1).onChange( generateGeometry )
  105. folder.add( data, 'tubularSegments', 3, 20 ).step(1).onChange( generateGeometry )
  106. folder.add( data, 'p', 1, 20 ).step(1).onChange( generateGeometry )
  107. folder.add( data, 'q', 1, 20 ).step(1).onChange( generateGeometry )
  108. folder.add( data, 'heightScale', 1, 20 ).onChange( generateGeometry )
  109. generateGeometry()
  110. },
  111. DodecahedronGeometry : function() {
  112. var data = {
  113. radius : 10,
  114. detail : 0,
  115. };
  116. function generateGeometry() {
  117. updateGroupGeometry( mesh,
  118. new THREE.DodecahedronGeometry(
  119. data.radius, data.detail
  120. )
  121. )
  122. }
  123. var folder = gui.addFolder('THREE.DodecahedronGeometry');
  124. folder.add( data, 'radius', 1, 20 ).onChange( generateGeometry )
  125. folder.add( data, 'detail', 0, 5 ).step(1).onChange( generateGeometry )
  126. generateGeometry()
  127. },
  128. IcosahedronGeometry : function() {
  129. var data = {
  130. radius : 10,
  131. detail : 0,
  132. };
  133. function generateGeometry() {
  134. updateGroupGeometry( mesh,
  135. new THREE.IcosahedronGeometry(
  136. data.radius, data.detail
  137. )
  138. )
  139. }
  140. var folder = gui.addFolder('THREE.IcosahedronGeometry');
  141. folder.add( data, 'radius', 1, 20 ).onChange( generateGeometry )
  142. folder.add( data, 'detail', 0, 5 ).step(1).onChange( generateGeometry )
  143. generateGeometry()
  144. },
  145. OctahedronGeometry : function() {
  146. var data = {
  147. radius : 10,
  148. detail : 0,
  149. };
  150. function generateGeometry() {
  151. updateGroupGeometry( mesh,
  152. new THREE.OctahedronGeometry(
  153. data.radius, data.detail
  154. )
  155. )
  156. }
  157. var folder = gui.addFolder('THREE.OctahedronGeometry');
  158. folder.add( data, 'radius', 1, 20 ).onChange( generateGeometry )
  159. folder.add( data, 'detail', 0, 5 ).step(1).onChange( generateGeometry )
  160. generateGeometry()
  161. },
  162. TetrahedronGeometry : function() {
  163. var data = {
  164. radius : 10,
  165. detail : 0,
  166. };
  167. function generateGeometry() {
  168. updateGroupGeometry( mesh,
  169. new THREE.TetrahedronGeometry(
  170. data.radius, data.detail
  171. )
  172. )
  173. }
  174. var folder = gui.addFolder('THREE.TetrahedronGeometry');
  175. folder.add( data, 'radius', 1, 20 ).onChange( generateGeometry )
  176. folder.add( data, 'detail', 0, 5 ).step(1).onChange( generateGeometry )
  177. generateGeometry()
  178. }
  179. }
  180. function chooseFromHash ( mesh ) {
  181. var selectedGeometry = window.location.hash.substring(1) || "TorusGeometry";
  182. switch (selectedGeometry) {
  183. case "TorusGeometry" :
  184. guis.TorusGeometry( mesh )
  185. break;
  186. case "TorusKnotGeometry" :
  187. guis.TorusKnotGeometry( mesh )
  188. break;
  189. case "DodecahedronGeometry" :
  190. guis.DodecahedronGeometry( mesh )
  191. break;
  192. case "IcosahedronGeometry" :
  193. guis.IcosahedronGeometry( mesh )
  194. break;
  195. case "OctahedronGeometry" :
  196. guis.OctahedronGeometry( mesh )
  197. break;
  198. case "TetrahedronGeometry" :
  199. guis.TetrahedronGeometry( mesh )
  200. break;
  201. }
  202. }