首先說明是從這個大神這里看到的??https://blog.csdn.net/cdnight/article/details/50751832?locationNum=3&fps=1

一看之后下載資源需要30個幣，而且下面的評論說資源不全，于是打消了下載csdn資源的念頭了，其實自己也沒幣了，

這里鄙視一下csdn，我記得我之前有很多幣的，前幾天查了一下 都過期了？？？wtf?過期了，雖然不多，但是直接就給我過期了？？？？？？？？真特么弱智，還有就是csdn上廣告越來越多，體驗越來越差，等到哪天有時間我開個帖子好好噴一頓

繼續(xù)，看了一下代碼，看到了引用了一些庫，名字都是有的，于是自己上網(wǎng)找了找，沒想到居然找到了，然后把代碼拷貝下來，引用我找到的代碼，沒想到還跑起來了。。。開心

換了一下?lián)u桿的圖片，換了一下按鈕的圖片，沒啥問題。

（自己看情況調(diào)整吧）

后面我想的是需要將背景透明，查看了一下 pixi 的文檔 在autoDetectRenderer的時候?qū)?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就是 我在谷歌瀏覽器上模擬是沒有問題的 搖桿背景 跟 搖桿中心 剛加載是好好的 搖動搖桿 也是好好的

如下圖：

?

但是我在手機(jī)上，剛加載也是沒有問題的，如下圖（我先將搖桿背景和搖桿換成另外的圖片 不然分別不出來）

但是但是，只要一拖動搖桿，問題就出來了，如下圖 看見沒，搖桿 跟 搖桿背景變成一樣了 或者說 搖桿背景被替換成搖桿了 放松之后也回不來了

后面我一想，索性把背景 跟 搖桿換成一樣的，也懶得找原因了 替換了之后感覺還行 也就這樣了。。。你們?nèi)绻袝r間可以自己去找找看哈

好了，上資源。?https://download.csdn.net/download/u010067685/10693874

下載后，自己還是得改點東西的，里面的圖片路徑，js資源路徑啥的都得改下，如果這些都不會改，我也沒辦法了

自己多動手

?

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

今天在下載一個文件的時候突然去看了一下我之前的資源，看到這兩個大哥

哎，我特么上面已經(jīng)說了 圖片路徑，js路徑都得自己稍微改下，自己這點動手能力都沒有，哎，回家養(yǎng)豬吧。拿來主義，稍微改改不就行了么。

我下載下來了本地跑一下

來來來，你來告訴我這里哪個文件沒有？

這種路徑都不會改一下么...初學(xué)者應(yīng)該也不至于吧。ok,改過來再說。

改好一刷新，報錯，我相信這種錯各位大哥應(yīng)該也能一眼就能看出來。

確實，jq我特么忘記傳了，自己隨便去找個jq文件吧。

加進(jìn)去之后 f5

發(fā)現(xiàn)少了一個圖片

右邊那三個按鈕。隨便就用這里的文件替換下吧

f5

這不就出來了么? ?[摳鼻]

哎? 稍微動手改改都不會了啊？而且還是這么簡單的..動手能力這么差么..項目遇到問題了怎么辦？哎.回家養(yǎng)豬吧.....程序猿真不適合你

新版本我也不傳了，貌似現(xiàn)在下載積分不能手動設(shè)置了，而且還挺高的。自己稍微動下手吧，賊簡單的。哎

?

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

你說這種傻逼玩意我咋評價呢，說句回家養(yǎng)豬，就開始罵人了，挺想笑的，這內(nèi)心是得多自卑啊，多玻璃心啊，戾氣太重，或者說太高看自己了？誰都要讓著你？啥玩意？

說實話啊，我也懶得回復(fù)，尤其是這種自己菜還尼瑪來噴的，搞不清狀況，弄得我也挺郁悶的，啥玩意這是，有點逗 搞人心態(tài) 哈哈

首先我的目的是給自己做個記錄，另外能幫到有需要人的是最好，其他人，我還真不在意

哎 有這個時間還不如敲幾個代碼，想想辦法漲點工資 實在點好

?

總結(jié)

以上是生活随笔為你收集整理的Js 游戏虚拟摇杆的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。