old/Axes.js at master · vfasteng/old · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
// @ts-nocheck
import * as THREE from 'three'

var font;
var SCALE = 0.02, COORD_SPACE = 20.0;
var labels = [];
//var fontpromise = new Promise(function (resolve) {
  //var loader = new THREE.FontLoader();
  //loader.load('/Content/helvetiker_regular.typeface.json', function (loadedfont) {
    //font = loadedfont;
    //resolve();
  //});
//});

export function buildAxis(dir, length, hex) {
  var axis = new THREE.CylinderGeometry(0.05, 0.05, length);
  var point = new THREE.CylinderGeometry(0, 0.1, 0.1 * length);
  var mat = new THREE.MeshBasicMaterial({ color: hex })
  var msh = new THREE.Mesh(axis, mat);
  var mshpoint = new THREE.Mesh(point, mat);
  var coords = [];

  //for (var i = COORD_SPACE; i < length / SCALE; i += COORD_SPACE) {
    //var coord = new THREE.TextGeometry(i+'', { size: 0.1, height: 0.02, curveSegments: 6, font: font });
    //var textMesh = new THREE.Mesh(coord, new THREE.MeshBasicMaterial({ color: hex }));
    //labels.push(textMesh);
    //coords.push(textMesh);
  //}

  var translation = function (i) {
    return (parseInt(i) + 1) * COORD_SPACE * SCALE;
  }
  switch (dir) {
    case 'y':
      msh.rotateX(Math.PI / 2);
      mshpoint.rotateX(Math.PI / 2);
      for (var i in coords) {
        coords[i].translateZ(translation(i));
        coords[i].translateX(-0.4);
      }
      break;
    case 'z':
      for (var i in coords) {
        coords[i].translateY(translation(i));
        coords[i].translateX(-0.4);
      }
      break;
    case 'x':
      msh.rotateZ(-Math.PI / 2);
      mshpoint.rotateZ(-Math.PI / 2);
      for (var i in coords) {
        coords[i].translateX(translation(i));
        coords[i].translateZ(-0.4);
      }
      break;
    default:
      break;
  }
  msh.translateY(length / 2);
  mshpoint.translateY(length * 1.05);
  var axis = new THREE.Object3D();
  axis.add(msh);
  axis.add(mshpoint);
  for(var i in coords)axis.add(coords[i]);
  return axis;

}

export function buildAxes(length) {
  const size = length || 1;

  var geometry = new THREE.Object3D();
  geometry.add(buildAxis('x', size, 0xff0000));
  geometry.add(buildAxis('y', size, 0x0000ff));
  geometry.add(buildAxis('z', size, 0x00ff00));
    //geometry.addAttribute('color', new THREE.Float32BufferAttribute(colors, 3));

  return geometry;

  //return new THREE.AxisHelper(length);

}