magento-destroyers/src/game/Projectile.ts

import * as THREE from "three";
import Game from "./Game";

export interface IProjectile {}

export const createProjectile = (scene: THREE.Scene, origin: THREE.Vector3) => {
  // const materials = new THREE.MeshPhongMaterial({ color: 0xddd500 });
  // const boxGeometry = new THREE.SphereGeometry(1);

  // const projectile = new THREE.Mesh(boxGeometry, materials);
  let curve = new THREE.LineCurve3(
    new THREE.Vector3(0, 0, 0),
    new THREE.Vector3(0, 0, -1)
  );
  let baseGeometry = new THREE.TubeGeometry(curve, 25, 1, 8, false);
  let material = new THREE.MeshBasicMaterial({ color: 0x545454 });
  const projectile = new THREE.Mesh(baseGeometry, material);

  projectile.position.set(origin.x, origin.y, origin.z);
  scene.add(projectile);
  return projectile;
};

const materialShader = {
  uniforms: {
    uColor: new THREE.Uniform(new THREE.Color("0xdddddd")),
  },
  vertexShader: `
  varying vec2 texCoords;
  void main() {
    texCoords = uv;
    gl_Position = projectionMatrix * modelViewMatrix * vec4(position,1.);
  }`,
  fragmentShader: `
    uniform vec3 uColor;  
    varying vec2 texCoords;

    void main() {
        vec3 color = vec3(uColor * texCoords.y * 0.5 );
        gl_FragColor = vec4(color,0.1);
    }
  `,
};

class Projectile {
  static initialVelocity = 0.6;
  static maxVelocity = 12;

  public mesh: THREE.Mesh;
  public velocity: number = Projectile.initialVelocity;
  public deleted: Boolean = false;

  constructor(origin: THREE.Vector3, private scene: THREE.Scene) {
    const baseGeometry = new THREE.SphereGeometry(1);
    // let baseGeometry = new THREE.TubeBufferGeometry(curve, 25, 1, 8, false);
    let material = new THREE.ShaderMaterial({ ...materialShader });
    this.mesh = new THREE.Mesh(baseGeometry, material);
    this.mesh.position.x = origin.x;
    this.mesh.position.y = -5;
  }

  public update = () => {
    this.velocity = Math.min(
      this.velocity * (1 + this.velocity),
      Projectile.maxVelocity
    );
    this.mesh.position.z -= this.velocity;

    // if projectile is out of visible bounds remove it1
    if (this.mesh.position.z >= Game.globalOptions.far) {
      this.delete();
    }
  };

  public delete = () => {
    this.scene.remove(this.mesh);
    this.deleted = true;
  };
}

export default Projectile;