如何创建Pixi.js烟雾面具?

时间:2017-08-15 12:41:48

标签: javascript html css pixi.js

我想为我的初级组合创建一个Pixi.js Smoke Mask。我不知道从哪里开始。我知道Pixi.js的基础知识,但不知道如何制作像烟罩一样酷的东西。

这是我想要创造的一般概念:

https://designmodo.com/smoke-transitions/

你能帮忙吗?或者还有其他方法吗?

1 个答案:

答案 0 :(得分:0)

我认为您在所分享的同一链接中得到了答案。您的共享链接底部有2个区域,后面是标题:

  1. CSS和JavaScript中的烟雾效果
  2. Pixi.js
  3. 如果单击这些部分的图像。你会看到1带你到codepad.co示例代码,2带你到codepen.io示例代码。

    您可以从那里了解如何实现目标。这里没有人可以为您提供完全构建的解决方案。尝试从这些示例中学习,然后处理您的解决方案。然后,如果您的解决方案有任何问题。在这里分享您的问题代码,以便我们提供帮助。

    希望这能指导你。快乐的编码。