后来知道也可以透过canvas让网页动起来！

而PixiJS是使用WebGL在canvas上绘制内容与制作动态

且同时有下列特色：

支持多点触控

掩码与混合模式

可外加WebGL滤镜

多装置支持

等等，什么是WebGL(sxjlf88)？

WebGL是一种JS的API，让网页能不需使用外挂程序就能在HTML的canvas元素中实现二维及三维渲染。

不过要注意的是，有些浏览器预设会把WebGL关闭，避免太吃性能，要打开可以参照这篇文章How can I enable WebGL in my browser？

这边我示范一下chrome如何打开。

首先，打开硬件加速功能

进入chrome://settings/

接着，启用WebGL

进入chrome://flags/

搜寻WebGL点击启用

最后，确认WebGL状态

进入chrome://gpu/

如果状态不是Hardware accelerated，下方的Problems Detected列表可能会解释原因！

不过前面提到了这么多看起来很赞的特色，想当然就是不能支持太过老旧的浏览器。

或许有人会说，那怎么不用three.js或phaser3呢？

这是因为这两者底层实际上也是用PixiJS，这样你不觉得先学好PixiJS再去学这两者会比较快速吗？

而且PixiJS更新时，three.js及phaser3需要等待一段时间才有办法更新。

就连前段时间很红的

这款游戏也是用PixiJS制作的！

对，你没有听错，Canvas也可以做游戏！

在接下来的四天时间，我将会带各位初步了解PixiJS的语法以及实作，那们我们明天见(leafor)！

最新文章

1. 学习笔记 UpdateXml() MYSQL显错注入
2. [sql查询] 重复数据只取一条
3. read
4. Leetcode 328 Odd Even Linked List 链表
5. java 学习之（基本语法）
6. Data manipulation primitives in R and Python
7. Codeforces Round #225 (Div. 2)
8. VS2012+SQL2008+ODBC编程，第一篇博客，写的不好忘各位大神指点一二~
9. Android UI ActionBar功能-ActionBarSherlock 的使用
10. 了解sota字符界面（章节4.1）
11. Lua之Lua数据结构-TTLSA(6)（转） good
12. Python开发——排队问题随机模拟分析
13. 深入浅出ES6教程模块化
14. es6异步编程
15. [Python]Python中的浅复制与深复制
16. 公众号第三方平台开发 教程六 代公众号使用JS SDK说明
17. CF600E Lomsat gelral（dsu on tree）
18. LeetCode--005--最长回文子串(java)
19. RocketMQ的客户端连接数调查
20. codeforce1029B B. Creating the Contest(简单dp，简单版单调栈)

热门文章

1. CS229 1 .线性回归与特征归一化(feature scaling)
2. Linux最大线程数限制及当前线程数查询
3. 在Linux上git pull线上仓库代码时，出现error: Your local changes to the following files would be overwritten by merge
4. ES6学习笔记<五> Module的操作——import、export、as
5. Oracle 更改字符集 更改后之前的中文全成乱码了
6. First C++
7. 关系型数据库和NoSQL数据库
8. 函数getpass
9. Shell 编程（实例一）
10. C# 方法参数传递方式 关键字（in、out、ref）