const scene = new THREE.Scene(); scene.background = new THREE.Color(0x0a0a0a);
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Affect3D → GIF Demo</title> <style>bodymargin:0;overflow:hidden;</style> </head> <body> <script type="module"> import * as THREE from 'https://cdn.jsdelivr.net/npm/three@0.162/build/three.module.js'; import EffectComposer from 'https://cdn.jsdelivr.net/npm/three@0.162/examples/jsm/postprocessing/EffectComposer.js'; import RenderPass from 'https://cdn.jsdelivr.net/npm/three@0.162/examples/jsm/postprocessing/RenderPass.js'; import UnrealBloomPass from 'https://cdn.jsdelivr.net/npm/three@0.162/examples/jsm/postprocessing/UnrealBloomPass.js'; import GIF from 'https://cdn.jsdelivr.net/npm/gif.js/dist/gif.js';
// ------------------------------------------------- // 2️⃣ Post‑processing (the “affect” part) // ------------------------------------------------- const composer = new EffectComposer(renderer); composer.addPass(new RenderPass(scene, camera));
// Render through composer (bloom, etc.) composer.render();
