Railway operator app railmap.gl

railmapgl · February 7, 2025, 4:47pm

Thank you!
Three.js is used for the hover and highlighting lines, as well as the unit/train animation.
The line animation uses threejs LineSegmentsGeometry (InstancedBufferGeometry) and ShaderMaterial.

github.com/mrdoob/three.js

examples/jsm/lines/LineSegmentsGeometry.js

dev

import {
	Box3,
	Float32BufferAttribute,
	InstancedBufferGeometry,
	InstancedInterleavedBuffer,
	InterleavedBufferAttribute,
	Sphere,
	Vector3,
	WireframeGeometry
} from 'three';

const _box = new Box3();
const _vector = new Vector3();

class LineSegmentsGeometry extends InstancedBufferGeometry {

	constructor() {

		super();

This file has been truncated. show original