• 安装
    • 安装 Pixi

    安装

    在你开始写任何代码之前，给你的工程创建一个目录，并且在根目录下运行一个web服务器。如果你不这么做，Pixi不会工作的。

    现在，你需要去安装Pixi。

    安装 Pixi

    这个教程使用的版本是 v4.5.5
    你可以选择使用 Pixi v4.5.5的发布页面pixi文件夹下的pixi.min.js文件，或者从Pixi的主要发布页面中获取最新版本。

    这个文件就是你使用Pixi唯一需要的文件，你可以忽视所有这个工程的其他文件，你不需要他们。

    现在，创建一个基础的HTML页面，用一个<script>标签去加载你刚刚下载的pixi.min.js文件。<script>标签的src属性应该是你根目录文件的相对路径————当然请确保你的web服务器在运行。你的<script>标签应该看起来像是这样：

    1. <script src="pixi.min.js"></script>

    这是你用来链接Pixi和测试它是否工作的基础页面。（这里假设 pixi.min.js在一个叫做pixi的子文件夹中）：

    1. <!doctype html>
    2. <html>
    3. <head>
    4.   <meta charset="utf-8">
    5.   <title>Hello World</title>
    6. </head>
    7.   <script src="pixi/pixi.min.js"></script>
    8. <body>
    9.   <script type="text/javascript">
    10.     let type = "WebGL"
    11.     if(!PIXI.utils.isWebGLSupported()){
    12.       type = "canvas"
    13.     }
    15.     PIXI.utils.sayHello(type)
    16.   </script>
    17. </body>
    18. </html>

    如果Pixi连接成功，一些这样的东西会在你的浏览器控制台里显示：

    1.       PixiJS 4.4.5 - * canvas * http://www.pixijs.com/  ♥♥♥