安装

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

安装 Pixi

v4.5.5 你可以选择使用 Pixi v4.5.5的发布页面pixi文件夹下的pixi.min.js文件,或者从Pixi的主要发布页面中获取最新版本。 你不需要他们<script>标签去加载你刚刚下载的pixi.min.js文件。<script>标签的src属性应该是你根目录文件的相对路径————当然请确保你的web服务器在运行。你的<script>标签应该看起来像是这样:

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

pixi.min.js在一个叫做pixi的子文件夹中):

  1. <!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>

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

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