我如何能够实现这样的主页<http：www.giantstepsmedias.com =“”> </http：>

Question

我可以使用three.js，

中的示例来实现背景粒子

我如何使用粒子和悬停效果实现N形状

提前感谢您的回答:)

Answer 1

实现这样的效果并不容易，但如果你想要一个开始，这是一个简化的演示：http://jsfiddle.net/fezany2x/4/

诀窍是避免刷新整个画布。相反，只需擦除你的粒子并再次重新绘制它们：

ctx.fillStyle = "#004";
boxes.forEach(
    function(box) {
        ctx.fillRect(box.x - 2, box.y - 2, 8, 8);
    }
);

ctx.fillStyle = "white";
boxes.forEach(
    function(box) {
        ctx.fillRect(box.x, box.y, 4, 4);
    }
);