准备工作 | Pixi.js中文网

# 准备工作

在开始编写任何代码之前，为项目创建一个文件夹，并在项目的根目录中启动一个web服务。如果您不运行web服务，Pixi将无法工作。

# 安装 Pixi

本教程使用的版本是v4.5.5，你可以在这个页面下载pixi.min.js。

接下来，创建一个基本的HTML页面，并使用一个<script>标记来链接您刚刚下载的pixi.min.js文件。

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

下面就是基本的HTML页面，您可以使用它来链接Pixi并测试它是否正常运行。(这里假设pixi.min.js在一个名为pixi的文件夹中)

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Hello World</title>
    </head>
    <script src="pixi/pixi.min.js"></script>
    <body>
        <script type="text/javascript">
            let type = "WebGL"
            if(!PIXI.utils.isWebGLSupported()){
            type = "canvas"
            }

            PIXI.utils.sayHello(type)
        </script>
    </body>
</html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

如果Pixi链接正确，通常会在浏览器的JavaScript控制台中显示类似于下面的内容。

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

← 简介创建应用和stage（舞台） →