PixiJS起步

项目搭建

在你开始写任何代码之前,给你的工程创建一个目录,这里我的项目文件夹名称叫 pixi-demo ,使用Visual Studio Code编辑器打开该文件夹

安装 Pixi

Pixi官网:http://www.pixijs.com/
这个教程使用的版本是 v4.5.5
你可以选择使用Pixi v4.5.5的发布页面的pixi.min.js文件,或者从Pixi的版本列表中获取最新版本。

  • 在文件夹 pixi-demo 下创建一个基础的HTML页面( index.html )
  • 在文件夹 pixi-demo 下新建js文件夹,将之前下载的 pixi.min.js 文件放在js文件夹下
  • 编写 index.html 文件,使用
    • 编写完毕使用Visual Studio Code的插件Live Server右键 Open with Live Server 打开 index.html
    • 如果Pixi连接成功,浏览器控制台会显示:
    PixiJS 4.5.5 - WebGL - http://www.pixijs.com/

你可能感兴趣的:(前端pixi.js)