我怎样才能实现这样的主页 <http://www.giantstepsmedias.com/>

Question

我可以使用 three.js、

中的示例实现背景粒子

我如何实现他们使用粒子制作的 N 形状以及悬停效果

提前感谢您的回答:)

Answer 1

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

诀窍是避免刷新整个 canvas。相反，只需擦除您的粒子并重新绘制它们：

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);
    }
);