Model−
@@ -459,6 +516,7 @@ var kl=new THREE.DirectionalLight(0xdce8ff,1.4);kl.position.set(3,4,5);kl.castSh
var fl=new THREE.DirectionalLight(0x64dcff,0.4);fl.position.set(-3,2,2);scene.add(fl);
var rl=new THREE.DirectionalLight(0xa78bfa,0.5);rl.position.set(0,2,-4);scene.add(rl);
scene.add(new THREE.PointLight(0x64dcff,0.3,10).translateY(-2).translateZ(2));
+var ambientLight=scene.children.find(function(c){return c.isAmbientLight});
var gnd=new THREE.Mesh(new THREE.PlaneGeometry(30,30),new THREE.MeshStandardMaterial({color:0x0a0a12,roughness:0.95}));
gnd.rotation.x=-Math.PI/2;gnd.position.y=-3;gnd.receiveShadow=true;scene.add(gnd);
@@ -1406,6 +1464,50 @@ $('kid-test').onclick=function(){
console.log('[HC] Initialized. Three.js r'+THREE.REVISION);
+// ═══════════════════════════════════════════════════════
+// LIGHTING CONTROLS
+// ═══════════════════════════════════════════════════════
+(function(){
+ function updateLightColor(light,colorHex){light.color.setStyle(colorHex)}
+ function updateLightIntensity(light,val){light.intensity=parseFloat(val)}
+
+ // Key Light
+ $('key-intensity').oninput=function(){updateLightIntensity(kl,this.value);$('key-val').textContent=this.value};
+ $('key-color').oninput=function(){updateLightColor(kl,this.value)};
+ $('key-toggle').onclick=function(){
+ kl.visible=!kl.visible;
+ this.classList.toggle('active');
+ this.textContent=kl.visible?'ON':'OFF';
+ };
+
+ // Fill Light
+ $('fill-intensity').oninput=function(){updateLightIntensity(fl,this.value);$('fill-val').textContent=this.value};
+ $('fill-color').oninput=function(){updateLightColor(fl,this.value)};
+ $('fill-toggle').onclick=function(){
+ fl.visible=!fl.visible;
+ this.classList.toggle('active');
+ this.textContent=fl.visible?'ON':'OFF';
+ };
+
+ // Rim Light
+ $('rim-intensity').oninput=function(){updateLightIntensity(rl,this.value);$('rim-val').textContent=this.value};
+ $('rim-color').oninput=function(){updateLightColor(rl,this.value)};
+ $('rim-toggle').onclick=function(){
+ rl.visible=!rl.visible;
+ this.classList.toggle('active');
+ this.textContent=rl.visible?'ON':'OFF';
+ };
+
+ // Ambient Light
+ $('ambient-intensity').oninput=function(){updateLightIntensity(ambientLight,this.value);$('ambient-val').textContent=this.value};
+ $('ambient-color').oninput=function(){updateLightColor(ambientLight,this.value)};
+ $('ambient-toggle').onclick=function(){
+ ambientLight.visible=!ambientLight.visible;
+ this.classList.toggle('active');
+ this.textContent=ambientLight.visible?'ON':'OFF';
+ };
+})();
+
// ═══════════════════════════════════════════════════════
// QUICK START TUTORIAL
// ═══════════════════════════════════════════════════════