|
@@ -1,7 +1,7 @@ |
|
|
var materials = {}; |
|
|
var materials = {}; |
|
|
|
|
|
|
|
|
var curveProperties = { |
|
|
var curveProperties = { |
|
|
splineDensity: 10, |
|
|
|
|
|
|
|
|
splineDensity: 1, |
|
|
curvature: 20 |
|
|
curvature: 20 |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
@@ -12,8 +12,9 @@ materials.prepare = function() { |
|
|
materials.edge = new THREE.LineBasicMaterial({ |
|
|
materials.edge = new THREE.LineBasicMaterial({ |
|
|
color: "gray", |
|
|
color: "gray", |
|
|
transparent: false, |
|
|
transparent: false, |
|
|
linewidth: 2 |
|
|
|
|
|
|
|
|
linewidth: 3 |
|
|
}); |
|
|
}); |
|
|
|
|
|
materials.edge.depthTest = false; |
|
|
materials.qubit = new THREE.PointsMaterial({ |
|
|
materials.qubit = new THREE.PointsMaterial({ |
|
|
size: 0.3, |
|
|
size: 0.3, |
|
|
map: ballSprite, |
|
|
map: ballSprite, |
|
@@ -21,8 +22,11 @@ materials.prepare = function() { |
|
|
transparent: true, |
|
|
transparent: true, |
|
|
vertexColors: THREE.VertexColors |
|
|
vertexColors: THREE.VertexColors |
|
|
}); |
|
|
}); |
|
|
|
|
|
materials.edge.depthTest = false; |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
console.log("what"); |
|
|
|
|
|
|
|
|
materials.makeCurve = function(a, b) { |
|
|
materials.makeCurve = function(a, b) { |
|
|
var length = new THREE.Vector3().subVectors(a, b).length(); |
|
|
var length = new THREE.Vector3().subVectors(a, b).length(); |
|
|
var bend = new THREE.Vector3(length / curveProperties.curvature, length / curveProperties.curvature, 0); |
|
|
var bend = new THREE.Vector3(length / curveProperties.curvature, length / curveProperties.curvature, 0); |
|
|