浏览 517
分享
安装
在你开始写任何代码之前,给你的工程创建一个目录,并且在根目录下运行一个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>
标签应该看起来像是这样:
<script src="pixi.min.js"></script>
这是你用来链接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>
如果Pixi连接成功,一些这样的东西会在你的浏览器控制台里显示:
PixiJS 4.4.5 - * canvas * http://www.pixijs.com/ ♥♥♥
评论列表