首先说明是从这个大神这里看到的 https://blog.csdn.net/cdnight/article/details/50751832?locationNum=3&fps=1
一看之后下载资源需要30个币，而且下面的评论说资源不全，于是打消了下载csdn资源的念头了，其实自己也没币了，
这里鄙视一下csdn，我记得我之前有很多币的，前几天查了一下 都过期了？？？wtf?过期了，虽然不多，但是直接就给我过期了？？？？？？？？真特么弱智，还有就是csdn上广告越来越多，体验越来越差，等到哪天有时间我开个帖子好好喷一顿
继续，看了一下代码，看到了引用了一些库，名字都是有的，于是自己上网找了找，没想到居然找到了，然后把代码拷贝下来，引用我找到的代码，没想到还跑起来了。。。开心
换了一下摇杆的图片，换了一下按钮的图片，没啥问题。
（自己看情况调整吧）
后面我想的是需要将背景透明，查看了一下 pixi 的文档 在autoDetectRenderer的时候将 transparent 赋值为 true即可
var game_renderer = PIXI.autoDetectRenderer(GameOptions.width, GameOptions.height, { backgroundColor: 0x1099bb });
改为
var game_renderer = PIXI.autoDetectRenderer(GameOptions.width, GameOptions.height, { backgroundColor: 0x1099bb,transparent:true });
http://pixijs.download/release/docs/PIXI.html#.autoDetectRenderer
摇杆的图片是从unity3d的 Easy Touch 资源包里面弄出来的。
最终效果为，右边三个按钮的图片乱找的
这里有个小bug就是 我在谷歌浏览器上模拟是没有问题的 摇杆背景 跟 摇杆中心 刚加载是好好的 摇动摇杆 也是好好的
如下图：
但是我在手机上，刚加载也是没有问题的，如下图（我先将摇杆背景和摇杆换成另外的图片 不然分别不出来）
但是但是，只要一拖动摇杆，问题就出来了，如下图 看见没，摇杆 跟 摇杆背景变成一样了 或者说 摇杆背景被替换成摇杆了 放松之后也回不来了
后面我一想，索性把背景 跟 摇杆换成一样的，也懒得找原因了 替换了之后感觉还行 也就这样了。。。你们如果有时间可以自己去找找看哈
好了，上资源。 https://download.csdn.net/download/u010067685/10693874
下载后，自己还是得改点东西的，里面的图片路径，js资源路径啥的都得改下，如果这些都不会改，我也没办法了
自己多动手