123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309 |
- /**
- * @author TatumCreative (Greg Tatum) / http://gregtatum.com/
- */
- var constants = {
- combine: {
- "THREE.MultiplyOperation" : THREE.MultiplyOperation,
- "THREE.MixOperation" : THREE.MixOperation,
- "THREE.AddOperation" : THREE.AddOperation
- },
- side : {
- "THREE.FrontSide" : THREE.FrontSide,
- "THREE.BackSide" : THREE.BackSide,
- "THREE.DoubleSide" : THREE.DoubleSide
- },
- shading : {
- "THREE.NoShading" : THREE.NoShading,
- "THREE.FlatShading" : THREE.FlatShading,
- "THREE.SmoothShading" : THREE.SmoothShading
- },
- colors : {
- "THREE.NoColors" : THREE.NoColors,
- "THREE.FaceColors" : THREE.FaceColors,
- "THREE.VertexColors" : THREE.VertexColors
- },
- blendingMode : {
- "THREE.NoBlending" : THREE.NoBlending,
- "THREE.NormalBlending" : THREE.NormalBlending,
- "THREE.AdditiveBlending" : THREE.AdditiveBlending,
- "THREE.SubtractiveBlending" : THREE.SubtractiveBlending,
- "THREE.MultiplyBlending" : THREE.MultiplyBlending,
- "THREE.CustomBlending" : THREE.CustomBlending
- },
- equations : {
- "THREE.AddEquation" : THREE.AddEquation,
- "THREE.SubtractEquation" : THREE.SubtractEquation,
- "THREE.ReverseSubtractEquation" : THREE.ReverseSubtractEquation
- },
- destinationFactors : {
- "THREE.ZeroFactor" : THREE.ZeroFactor,
- "THREE.OneFactor" : THREE.OneFactor,
- "THREE.SrcColorFactor" : THREE.SrcColorFactor,
- "THREE.OneMinusSrcColorFactor" : THREE.OneMinusSrcColorFactor,
- "THREE.SrcAlphaFactor" : THREE.SrcAlphaFactor,
- "THREE.OneMinusSrcAlphaFactor" : THREE.OneMinusSrcAlphaFactor,
- "THREE.DstAlphaFactor" : THREE.DstAlphaFactor,
- "THREE.OneMinusDstAlphaFactor" : THREE.OneMinusDstAlphaFactor
- },
- sourceFactors : {
- "THREE.DstColorFactor" : THREE.DstColorFactor,
- "THREE.OneMinusDstColorFactor" : THREE.OneMinusDstColorFactor,
- "THREE.SrcAlphaSaturateFactor" : THREE.SrcAlphaSaturateFactor
- }
- }
- function updateGroupGeometry( mesh, geometry ) {
-
- mesh.children[0].geometry = geometry
- mesh.children[1].geometry = geometry.clone()
-
- //these do not update nicely together if shared
- }
- var guis = {
-
- TorusGeometry : function( mesh ) {
- var data = {
- radius : 10,
- tube : 3,
- radialSegments : 16,
- tubularSegments : 100,
- arc : Math.PI * 2
- };
-
- function generateGeometry() {
-
- updateGroupGeometry( mesh,
- new THREE.TorusGeometry(
- data.radius, data.tube, data.radialSegments, data.tubularSegments, data.arc
- )
- )
-
- }
- var folder = gui.addFolder('THREE.TorusGeometry');
-
- folder.add( data, 'radius', 1, 20 ).onChange( generateGeometry )
- folder.add( data, 'tube', 0.1, 10 ).onChange( generateGeometry )
- folder.add( data, 'radialSegments', 2, 30 ).step(1).onChange( generateGeometry )
- folder.add( data, 'tubularSegments', 3, 200 ).step(1).onChange( generateGeometry )
- folder.add( data, 'arc', 0.1, Math.PI * 2 ).onChange( generateGeometry )
-
- generateGeometry()
- },
-
- TorusKnotGeometry : function( mesh ) {
- var data = {
- radius : 10,
- tube : 3,
- radialSegments : 64,
- tubularSegments : 8,
- p : 2,
- q : 3,
- heightScale : 1
- };
-
- function generateGeometry() {
-
- updateGroupGeometry( mesh,
- new THREE.TorusKnotGeometry(
- data.radius, data.tube, data.radialSegments, data.tubularSegments,
- data.p, data.q, data.heightScale
- )
- )
-
- }
- var folder = gui.addFolder('THREE.TorusGeometry');
-
- folder.add( data, 'radius', 1, 20 ).onChange( generateGeometry )
- folder.add( data, 'tube', 0.1, 10 ).onChange( generateGeometry )
- folder.add( data, 'radialSegments', 3, 300 ).step(1).onChange( generateGeometry )
- folder.add( data, 'tubularSegments', 3, 20 ).step(1).onChange( generateGeometry )
- folder.add( data, 'p', 1, 20 ).step(1).onChange( generateGeometry )
- folder.add( data, 'q', 1, 20 ).step(1).onChange( generateGeometry )
- folder.add( data, 'heightScale', 1, 20 ).onChange( generateGeometry )
-
- generateGeometry()
- },
-
- DodecahedronGeometry : function() {
- var data = {
- radius : 10,
- detail : 0,
- };
-
- function generateGeometry() {
-
- updateGroupGeometry( mesh,
- new THREE.DodecahedronGeometry(
- data.radius, data.detail
- )
- )
-
- }
- var folder = gui.addFolder('THREE.DodecahedronGeometry');
-
- folder.add( data, 'radius', 1, 20 ).onChange( generateGeometry )
- folder.add( data, 'detail', 0, 5 ).step(1).onChange( generateGeometry )
-
- generateGeometry()
-
- },
-
- IcosahedronGeometry : function() {
- var data = {
- radius : 10,
- detail : 0,
- };
-
- function generateGeometry() {
-
- updateGroupGeometry( mesh,
- new THREE.IcosahedronGeometry(
- data.radius, data.detail
- )
- )
-
- }
- var folder = gui.addFolder('THREE.IcosahedronGeometry');
-
- folder.add( data, 'radius', 1, 20 ).onChange( generateGeometry )
- folder.add( data, 'detail', 0, 5 ).step(1).onChange( generateGeometry )
-
- generateGeometry()
-
- },
-
- OctahedronGeometry : function() {
- var data = {
- radius : 10,
- detail : 0,
- };
-
- function generateGeometry() {
-
- updateGroupGeometry( mesh,
- new THREE.OctahedronGeometry(
- data.radius, data.detail
- )
- )
-
- }
- var folder = gui.addFolder('THREE.OctahedronGeometry');
-
- folder.add( data, 'radius', 1, 20 ).onChange( generateGeometry )
- folder.add( data, 'detail', 0, 5 ).step(1).onChange( generateGeometry )
-
- generateGeometry()
-
- },
-
- TetrahedronGeometry : function() {
- var data = {
- radius : 10,
- detail : 0,
- };
-
- function generateGeometry() {
-
- updateGroupGeometry( mesh,
- new THREE.TetrahedronGeometry(
- data.radius, data.detail
- )
- )
-
- }
- var folder = gui.addFolder('THREE.TetrahedronGeometry');
-
- folder.add( data, 'radius', 1, 20 ).onChange( generateGeometry )
- folder.add( data, 'detail', 0, 5 ).step(1).onChange( generateGeometry )
-
- generateGeometry()
-
- }
-
- }
- function chooseFromHash ( mesh ) {
- var selectedGeometry = window.location.hash.substring(1) || "TorusGeometry";
- switch (selectedGeometry) {
- case "TorusGeometry" :
- guis.TorusGeometry( mesh )
- break;
-
- case "TorusKnotGeometry" :
- guis.TorusKnotGeometry( mesh )
- break;
-
- case "DodecahedronGeometry" :
- guis.DodecahedronGeometry( mesh )
- break;
-
- case "IcosahedronGeometry" :
- guis.IcosahedronGeometry( mesh )
- break;
-
- case "OctahedronGeometry" :
- guis.OctahedronGeometry( mesh )
- break;
-
- case "TetrahedronGeometry" :
- guis.TetrahedronGeometry( mesh )
- break;
- }
- }
|