西界（马黑黑原创）

朵拉

西界

朵拉

@马黑黑
马老师好，背景图片 不显示，怎么调整

马黑黑

朵拉 发表于 2022-8-21 14:22
@马黑黑
马老师好，背景图片 不显示，怎么调整

有背景的，暗一点而已。调整CSS：

#canv { position: absolute; opacity: .75; }

红色部分表示透明度，是 0.75 的意思，值越大也不透明，值在 0 - 1之间。你可以改小一点看看， 如 .45 或 .5

朵拉

马黑黑 发表于 2022-8-21 14:26
有背景的，暗一点而已。调整CSS：

#canv { position: absolute; opacity: .75; }

马师，我调到60，您电脑再看下
另：下落的字符速度怎么调整

加林森

朵拉真聪明，制作得很漂亮。赞！

马黑黑

朵拉 发表于 2022-8-21 14:31
马师，我调到60，您电脑再看下
另：下落的字符速度怎么调整

下落速度要调整，需要换一个刷新机制，改一句。在下面的函数，把红色那句，

(function draw(){
        ctx.fillStyle = 'rgba(0, 0, 0, 0.1)';
        ctx.fillRect(0, 0, w, h);
        ctx.fillStyle = '#0f0';
        ctx.font = fontsize + 'px arial';
         for(var j = 0; j < drops.length; j ++){
                let text = texts[Math.floor(Math.random() * texts.length)];
                ctx.fillText(text, j * fontsize + fontsize / 2 + 1, drops[j] * fontsize);
                if(drops[j]*fontsize > h || Math.random() > 0.95){
                        drops[j] = 0;
                }
                drops[j]++;
        }
       requestAnimationFrame(draw);
})();

换成：

setTimeout(draw,80);

其中，80还可以调整，数字越小，速度越大

红影

这个有意思，杀手离得那么近，还有心情摇摆啊

红影

朵宝的制作很漂亮，赞一个

樵歌

这个美女杀手好漂亮，被杀了也心甘