Node cho three.js

import * as THREE from 'three/webgpu';
import { time, oscSine, color, mix, pass, add } from 'three/tsl';
import { bloom } from 'three/addons/tsl/display/BloomNode.js';

const renderer = new THREE.WebGPURenderer( { antialias: true } );
renderer.toneMapping = THREE.ACESFilmicToneMapping;
await renderer.init();

// Material graph
const time1 = time;
const oscSine2 = oscSine( time1 );
const color3 = color( 0x1f6fff );
const color4 = color( 0xff4d2e );
const mix5 = mix( color3, color4, oscSine2 );
const meshStandardNodeMaterial6 = new THREE.MeshStandardNodeMaterial( { roughness: 0.35, metalness: 0.1 } );
meshStandardNodeMaterial6.colorNode = mix5;

// Scene graph (rút gọn: đèn và camera)
const sphereGeometry7 = new THREE.SphereGeometry( 1, 64, 32 );
const mesh9 = new THREE.Mesh( sphereGeometry7, meshStandardNodeMaterial6 );

// Post graph
const pass16 = pass( scene12, perspectiveCamera13 );
const bloom17 = bloom( pass16, 0.9, 0.5, 0.55 );
const add18 = add( pass16, bloom17 );

const renderPipeline = new THREE.RenderPipeline( renderer );
renderPipeline.outputNode = add18;
renderer.setAnimationLoop( () => renderPipeline.render() );