vue+gsap模拟烟雾动画效果代码-html代码-BFW代码库

vue+gsap模拟烟雾动画效果代码

代码语言：html

所属分类：动画

代码描述：vue+gsap模拟烟雾动画效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>

<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />
<style>
    body{
        padding: 0;
        margin:0;
    }
</style>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue@2.6.1.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/pixi.7.0.4.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/gsap.3.9.1.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/lodash.4.17.21.js"></script>

</head>

<body>
    <div id="app">

        <div>
            <!-- 💨 -->
        </div>

    </div>
    <script>
        var Main =  
     {
      methods: {
        initializePixi() {
          // Initialize app
          const app = new PIXI.Application({
            background: 0x000000,
            height: window.innerHeight,
            resizeTo: window,
            width: window.innerWidth
          })
          
          // Add the view to the DOM
          document.body.appendChild(app.view)
          
          // Initialize smoke container
          const smokeContainer = new PIXI.Container()
          
          // Add smoke container to main container
          app.stage.addChild(smokeContainer)      
          
          // I.........完整代码请登录后点击上方下载按钮下载查看