—
- 0 字
+ 0 字
-
+
@@ -673,7 +733,8 @@ label{display:block;font-size:12px;color:var(--dim);margin-bottom:4px;font-weigh
if(!canvas)return;
var ctx=canvas.getContext('2d');
var stars=[];
- var STAR_COUNT=180;
+ var shootingStars=[];
+ var STAR_COUNT=260;
var w,h;
function resize(){
@@ -683,50 +744,83 @@ label{display:block;font-size:12px;color:var(--dim);margin-bottom:4px;font-weigh
resize();
window.addEventListener('resize',resize);
- // Create stars
+ // Create stars with layers: dim background + bright foreground
for(var i=0;i
0.9 ? (Math.random()*2.2+1) : layer>0.6 ? (Math.random()*1.2+0.5) : (Math.random()*0.8+0.2),
+ a: layer>0.9 ? (Math.random()*0.4+0.6) : layer>0.6 ? (Math.random()*0.3+0.3) : (Math.random()*0.2+0.1),
phase:Math.random()*Math.PI*2,
- speed:Math.random()*0.0008+0.0003, // breathing speed
- drift:Math.random()*0.15-0.075,
- hue:Math.random()>0.7?(200+Math.random()*60):(220+Math.random()*40) // blue-purple range
+ speed:Math.random()*0.0006+0.0002,
+ drift:(layer>0.6 ? 1 : 0.3) * (Math.random()*0.12-0.06),
+ hue: Math.random()>0.85 ? (280+Math.random()*40) : Math.random()>0.5 ? (210+Math.random()*30) : (190+Math.random()*40),
+ sat: Math.random()>0.8 ? 40 : 60+Math.random()*20,
+ twinkle: Math.random()>0.7
});
}
+ // Shooting star system
+ function spawnShootingStar(){
+ if(shootingStars.length>=2)return;
+ shootingStars.push({
+ x:Math.random()*w*0.6,
+ y:Math.random()*h*0.4,
+ vx:3+Math.random()*4,
+ vy:1.5+Math.random()*2,
+ life:1,
+ len:60+Math.random()*80
+ });
+ }
+ setInterval(function(){if(Math.random()>0.6)spawnShootingStar()},4000);
+
var time=0;
function draw(){
time+=16;
ctx.clearRect(0,0,w,h);
+
+ // Draw stars
for(var i=0;ih+5)s.y=-5;
if(s.y<-5)s.y=h+5;
-
var sx=s.x%w;
var sy=s.y%h;
ctx.beginPath();
ctx.arc(sx,sy,s.r,0,Math.PI*2);
- ctx.fillStyle='hsla('+s.hue+',70%,82%,'+alpha+')';
+ ctx.fillStyle='hsla('+s.hue+','+s.sat+'%,85%,'+alpha+')';
ctx.fill();
- // Glow for bigger stars
+ // Glow halo for bright stars
if(s.r>1.2){
ctx.beginPath();
- ctx.arc(sx,sy,s.r*3,0,Math.PI*2);
- ctx.fillStyle='hsla('+s.hue+',60%,70%,'+(alpha*0.15)+')';
+ ctx.arc(sx,sy,s.r*3.5,0,Math.PI*2);
+ ctx.fillStyle='hsla('+s.hue+','+s.sat+'%,75%,'+(alpha*0.12)+')';
ctx.fill();
}
}
+
+ // Draw shooting stars
+ for(var j=shootingStars.length-1;j>=0;j--){
+ var ss=shootingStars[j];
+ ss.x+=ss.vx;ss.y+=ss.vy;ss.life-=0.012;
+ if(ss.life<=0||ss.x>w||ss.y>h){shootingStars.splice(j,1);continue}
+ var grad=ctx.createLinearGradient(ss.x,ss.y,ss.x-ss.vx*ss.len/5,ss.y-ss.vy*ss.len/5);
+ grad.addColorStop(0,'rgba(220,230,255,'+ss.life*0.9+')');
+ grad.addColorStop(1,'rgba(110,168,254,0)');
+ ctx.beginPath();ctx.moveTo(ss.x,ss.y);
+ ctx.lineTo(ss.x-ss.vx*ss.len/5,ss.y-ss.vy*ss.len/5);
+ ctx.strokeStyle=grad;ctx.lineWidth=1.5;ctx.stroke();
+ // Head glow
+ ctx.beginPath();ctx.arc(ss.x,ss.y,2,0,Math.PI*2);
+ ctx.fillStyle='rgba(220,235,255,'+ss.life*0.8+')';ctx.fill();
+ }
requestAnimationFrame(draw);
}
draw();
@@ -1153,6 +1247,24 @@ document.getElementById('edNewCh').onclick=function(){
chatMsg('新章节「'+title+'」已创建 ✅','b');
};
+// Focus Mode
+(function(){
+ var isFocus=false;
+ function toggleFocus(){
+ isFocus=!isFocus;
+ var pg=document.getElementById('pg-editor');
+ if(isFocus){
+ pg.classList.add('focus-mode');
+ document.getElementById('edFocus').textContent='☀️';
+ }else{
+ pg.classList.remove('focus-mode');
+ document.getElementById('edFocus').textContent='🌙';
+ }
+ }
+ document.getElementById('edFocus').onclick=toggleFocus;
+ document.getElementById('edFocus2').onclick=toggleFocus;
+})();
+
/* ════════════════════════════════════════
RENDER: CharEdit (on navigate)
════════════════════════════════════════ */