Créez des blends avec genera.

//Créateur de blends personnalisés - genera platform
class BlendGenerator {
    constructor(colors = ['#FF6B6B', '#4ECDC4', '#45B7D1']) {
        this.colors = colors;
        this.x = 0;
        this.y = 0;
        this.z = 0;
        this.type = 'eau';
        this.animation = null;
        this.grain = 0;
    }

    //Définir les 3 couleurs hex
    setColors(color1, color2, color3) {
        this.colors = [color1, color2, color3];
        return this;
    }

    //Définir la position de l'objet
    setPosition(x, y, z) {
        this.x = x;
        this.y = y;
        this.z = z;
        return this;
    }

}

//Scène 3D avec Three.js - genera platform
import * as THREE from 'three';

class Scene3DGenerator {
    constructor(container) {
        this.container = container;
        this.scene = new THREE.Scene();
        this.camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
        this.renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true });
        this.blends = [];
        this.init();
    }

    //Initialiser la scène 3D
    init() {
        this.renderer.setSize(window.innerWidth, window.innerHeight);
        this.renderer.setPixelRatio(window.devicePixelRatio);
        this.container.appendChild(this.renderer.domElement);
        
        this.camera.position.z = 5;
        this.setupLights();
    }
}