cheryglsljs/src/utils/init.js

A Three.js + GLSL-based wave effect library.

import *as THREE from 'three';
const Scene = () => new THREE.Scene();
const camera = () => new THREE.PerspectiveCamera(
    75,
    window.innerWidth / window.innerHeight,
    0.1,
    1000
);

const renderer = () => new THREE.WebGLRenderer({alpha:true});

export default function createWaveAssets(width = 400, height = 400) {
    const SceneInstance = Scene();
    const cameraInstance = camera();
    const rendererInstance = renderer();
    rendererInstance.setSize(width, height);
    return {
        Scene: SceneInstance,
        camera: cameraInstance,
        renderer: rendererInstance,
    };
}