Upload index.html

index.html

@@ -275,9 +275,10 @@ function renderBlobs(){
       g=(8+Math.pow(k,1.8)*150)*(0.55+t*0.6);
       bl=(34-Math.pow(k,2)*14+k*k*70)*(0.6+t*0.5);
       // white-hot core for very hot, deep wax (glowing from within)
-      if(f>1.4&&t>0.35){
-        const w=Math.min(1,(f-1.4)/0.8)*Math.min(1,(t-0.35)/0.5)*0.7;
-        r+=(255-r)*w;g+=(225-g)*w;bl+=(190-bl)*w;
+      // gradual transition to avoid hard-edged blipping points
+      if(f>1.0&&t>0.25){
+        const w=Math.min(1,(f-1.0)/1.6)*Math.min(1,(t-0.25)/0.8)*0.45;
+        r+=(255-r)*w;g+=(235-g)*w;bl+=(210-bl)*w;
       }
       a=255*Math.min(1,(f-0.52)/0.35);
     }else if(f>0.3){                                         // soft red halo
@@ -289,7 +290,9 @@ function renderBlobs(){
       if(lum>1){const s=Math.min(1.45,lum/LUM_L);
         r+=(LIGHT.r*s-r)*rgbMix;g+=(LIGHT.g*s-g)*rgbMix;bl+=(LIGHT.b*s-bl)*rgbMix;}
     }
-    d[i*4]=Math.min(255,r);d[i*4+1]=Math.min(255,g);d[i*4+2]=Math.min(255,bl);d[i*4+3]=a;
+    // soft tone map to prevent overexposure blips (like a camera sensor flattening)
+    const tone=v=>v<=230?v:230+25*(1-Math.exp(-(v-230)/8));
+    d[i*4]=tone(r);d[i*4+1]=tone(g);d[i*4+2]=tone(bl);d[i*4+3]=a;
   }
   bctx.putImageData(img,0,0);
 }
@@ -418,8 +421,34 @@ function drawGlass(){
   g.addColorStop(0,'rgba(255,255,255,0.02)');g.addColorStop(0.15,'rgba(255,255,255,0.22)');
   g.addColorStop(0.5,'rgba(255,255,255,0.04)');g.addColorStop(0.85,'rgba(255,255,255,0.16)');g.addColorStop(1,'rgba(255,255,255,0.02)');
   ctx.strokeStyle=g;ctx.lineWidth=2.4;ctx.stroke(glass);
-  const hl=(x,w,a)=>{const gr=ctx.createLinearGradient(x,LIQ_TOP,x,LIQ_BOT);gr.addColorStop(0,'rgba(255,255,255,0)');gr.addColorStop(0.5,`rgba(255,255,255,${a})`);gr.addColorStop(1,'rgba(255,255,255,0)');ctx.fillStyle=gr;ctx.beginPath();ctx.roundRect(x-w/2,LIQ_TOP+14,w,LIQ_BOT-LIQ_TOP-30,w/2);ctx.fill();};
-  hl(CX-MAX_HW*0.62,7,0.10);hl(CX+MAX_HW*0.55,4,0.05);
+  // subtle curved reflection to suggest glass curvature (skeuomorphic)
+  const refl=ctx.createLinearGradient(CX-MAX_HW*0.7,LIQ_TOP,CX-MAX_HW*0.3,LIQ_BOT);
+  refl.addColorStop(0,'rgba(255,255,255,0)');
+  refl.addColorStop(0.4,'rgba(255,255,255,0.08)');
+  refl.addColorStop(0.6,'rgba(255,255,255,0.12)');
+  refl.addColorStop(1,'rgba(255,255,255,0)');
+  ctx.fillStyle=refl;
+  ctx.beginPath();
+  // curved highlight on the left side
+  ctx.moveTo(CX-MAX_HW*0.75,LIQ_TOP+20);
+  ctx.quadraticCurveTo(CX-MAX_HW*0.55,(LIQ_TOP+LIQ_BOT)/2,CX-MAX_HW*0.68,LIQ_BOT-30);
+  ctx.lineTo(CX-MAX_HW*0.45,LIQ_BOT-20);
+  ctx.quadraticCurveTo(CX-MAX_HW*0.35,(LIQ_TOP+LIQ_BOT)/2,CX-MAX_HW*0.52,LIQ_TOP+30);
+  ctx.closePath();
+  ctx.fill();
+  // subtle right-side reflection
+  const refl2=ctx.createLinearGradient(CX+MAX_HW*0.4,LIQ_TOP,CX+MAX_HW*0.7,LIQ_BOT);
+  refl2.addColorStop(0,'rgba(255,255,255,0)');
+  refl2.addColorStop(0.5,'rgba(255,255,255,0.05)');
+  refl2.addColorStop(1,'rgba(255,255,255,0)');
+  ctx.fillStyle=refl2;
+  ctx.beginPath();
+  ctx.moveTo(CX+MAX_HW*0.45,LIQ_TOP+40);
+  ctx.quadraticCurveTo(CX+MAX_HW*0.6,(LIQ_TOP+LIQ_BOT)/2,CX+MAX_HW*0.5,LIQ_BOT-40);
+  ctx.lineTo(CX+MAX_HW*0.38,LIQ_BOT-35);
+  ctx.quadraticCurveTo(CX+MAX_HW*0.48,(LIQ_TOP+LIQ_BOT)/2,CX+MAX_HW*0.36,LIQ_TOP+50);
+  ctx.closePath();
+  ctx.fill();
   ctx.restore();
 }