Js 游戏虚拟摇杆

首先说明是从这个大神这里看到的  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资源路径啥的都得改下，如果这些都不会改，我也没办法了

自己多动手

 

-------------------------------------------2019.06.12 更新一波--------------

今天在下载一个文件的时候突然去看了一下我之前的资源，看到这两个大哥

哎，我特么上面已经说了 图片路径，js路径都得自己稍微改下，自己这点动手能力都没有，哎，回家养猪吧。拿来主义，稍微改改不就行了么。

我下载下来了本地跑一下

来来来，你来告诉我这里哪个文件没有？

这种路径都不会改一下么...初学者应该也不至于吧。ok,改过来再说。

改好一刷新，报错，我相信这种错各位大哥应该也能一眼就能看出来。

确实，jq我特么忘记传了，自己随便去找个jq文件吧。

加进去之后 f5

发现少了一个图片

右边那三个按钮。随便就用这里的文件替换下吧

f5

这不就出来了么   [抠鼻]

哎  稍微动手改改都不会了啊？而且还是这么简单的..动手能力这么差么..项目遇到问题了怎么办？哎.回家养猪吧.....程序猿真不适合你

新版本我也不传了，貌似现在下载积分不能手动设置了，而且还挺高的。自己稍微动下手吧，贼简单的。哎

 

====================

你说这种傻逼玩意我咋评价呢，说句回家养猪，就开始骂人了，挺想笑的，这内心是得多自卑啊，多玻璃心啊，戾气太重，或者说太高看自己了？谁都要让着你？啥玩意？

说实话啊，我也懒得回复，尤其是这种自己菜还尼玛来喷的，搞不清状况，弄得我也挺郁闷的，啥玩意这是，有点逗 搞人心态 哈哈

首先我的目的是给自己做个记录，另外能帮到有需要人的是最好，其他人，我还真不在意

哎 有这个时间还不如敲几个代码，想想办法涨点工资 实在点好