three.quarks-editor/src/example/ShipSmoke.ts

A Editor for three.quarks

import {AdditiveBlending, Group, NormalBlending, TextureLoader, Vector4} from "three";
import {
    BatchedParticleRenderer,
    Bezier,
    ColorOverLife, ColorRange, ConeEmitter,
    ConstantColor,
    ConstantValue, Gradient,
    IntervalValue, OrbitOverLife,
    ParticleSystem, PiecewiseBezier,
    PointEmitter,
    RenderMode, SizeOverLife, SphereEmitter
} from "three.quarks";
import {TextureImage} from "../components/ApplicationContext";

export function createShipSmoke(renderer: BatchedParticleRenderer, textures: TextureImage[]) {
    const group = new Group();
    group.name = "ShipSmoke";

    const texture = textures[0].texture;

    const grey = new Vector4(.5, .5, .5, 1);

    const smoke = new ParticleSystem(renderer, {
        duration: 5,
        looping: true,
        startLife: new IntervalValue(1.5, 3),
        startSpeed: new IntervalValue(20, 30),
        startSize: new IntervalValue(10, 15),
        startColor: new ConstantColor(grey),
        worldSpace: true,
        
        emissionOverTime: new ConstantValue(20),
        shape: new ConeEmitter({
            radius: 10,
            thickness: 1,
            angle: 0.2
        }),
        texture: texture,
        blending: NormalBlending,
        startTileIndex: new ConstantValue(2),
        uTileCount: 10,
        vTileCount: 10,
        renderMode: RenderMode.BillBoard,
        renderOrder: 2,
    });
    //gatherParticles.addBehavior(new SizeOverLife(new PiecewiseBezier([[new Bezier(1, 0.25, 0.05, 0), 0]])));
    smoke.addBehavior(new ColorOverLife(new ColorRange(new Vector4(1, 1, 1, 1), new Vector4(.8, .8, .8, 0))));
    smoke.addBehavior(new SizeOverLife(new PiecewiseBezier([[new Bezier(0.2, 1, 1, 1), 0]])));
    smoke.emitter.name = 'smoke';
    smoke.emitter.rotation.x = -Math.PI / 2;
    group.add(smoke.emitter);
    return group;
}