Anders and Briegel in Python
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

materials.js 1.2KB

8 vuotta sitten
8 vuotta sitten
8 vuotta sitten
8 vuotta sitten
8 vuotta sitten
8 vuotta sitten
8 vuotta sitten
8 vuotta sitten
8 vuotta sitten
8 vuotta sitten
8 vuotta sitten
8 vuotta sitten
8 vuotta sitten
8 vuotta sitten
8 vuotta sitten
8 vuotta sitten
8 vuotta sitten
8 vuotta sitten
8 vuotta sitten
8 vuotta sitten
8 vuotta sitten
8 vuotta sitten
8 vuotta sitten
8 vuotta sitten
12345678910111213141516171819202122232425262728293031323334353637
  1. var materials = {};
  2. var curveProperties = {
  3. splineDensity: 1,
  4. curvature: 20
  5. };
  6. materials.prepare = function() {
  7. var ballSprite = new THREE.Texture(document.getElementById("ball"));
  8. var tipSprite = new THREE.Texture(document.getElementById("tip"));
  9. ballSprite.needsUpdate = true;
  10. tipSprite.needsUpdate = true;
  11. materials.edge = new THREE.LineBasicMaterial({
  12. color: "gray",
  13. transparent: false,
  14. linewidth: 3
  15. });
  16. materials.qubit = new THREE.PointsMaterial({
  17. size: 0.5,
  18. map: ballSprite,
  19. alphaTest: 0.5,
  20. transparent: true,
  21. vertexColors: THREE.VertexColors
  22. });
  23. };
  24. materials.makeCurve = function(a, b) {
  25. var length = new THREE.Vector3().subVectors(a, b).length();
  26. var bend = new THREE.Vector3(length / curveProperties.curvature, length / curveProperties.curvature, 0);
  27. var mid = new THREE.Vector3().add(a).add(b).multiplyScalar(0.5).add(bend);
  28. var spline = new THREE.CatmullRomCurve3([a, mid, b]);
  29. var geometry = new THREE.Geometry();
  30. var splinePoints = spline.getPoints(curveProperties.splineDensity);
  31. Array.prototype.push.apply(geometry.vertices, splinePoints);
  32. return new THREE.Line(geometry, materials.edge);
  33. };