如何在Javascript或CSS中实现全背景烟雾效果

Question

我试图使用此代码：

http://codepen.io/MIML/pen/iBKyC

canvas {
    position:absolute;
    margin-left : 50%;
    left: -150px;
}

在我的页面底部放一些烟，但我正在搜索我怎么能用100％的宽度放它！

你知道，我页面的所有底部都散布着烟雾。

感谢。

Answer 1

酷找！通常我们不会为你编写代码，但是这个代码就在我身上。

首先，将CSS代码更改为：

        alien.physicsBody?.categoryBitMask = collisionPhysics.alien
    alien.physicsBody?.contactTestBitMask = collisionPhysics.level
    alien.physicsBody?.collisionBitMask = collisionPhysics.level
    level.physicsBody?.categoryBitMask = collisionPhysics.level
    level.physicsBody?.contactTestBitMask = collisionPhysics.alien
    level.physicsBody?.collisionBitMask = collisionPhysics.alien

这将跨越整个页面的画布，但是没有足够的＆＃34;吸烟＆＃34;。

要添加更多烟雾，请用此替换canvas { position: absolute; width: 100%; height: 200px; bottom: 0px; left: 0px; } 功能！

spawn()

希望你喜欢！