原创 pixijs九宮格

pixijs是一個接近原生的H5引擎,沒有可視化的界面,在九宮格方面是沒有界面去操作的,需要自己手工動手開發; RenderTexture 這個類是可以把紋理進行有矩形選擇複製,這樣就可以實現區域內的複製和平鋪功能,有了這些功能我

原创 pixijs微信小遊戲排行榜開放域開發

關於微信小遊戲開放域的基本概念本文不作介紹請去微信官文文檔閱讀; 主域: 在這你有幾件事要作,第一準備好給離屏canvas用的容器;第二作好離屏canvas事件交互,比如切換菜單/關閉窗口;第三循環裏有渲染,由於離屏canvas內

原创 微信小遊戲 後端koa架構mp-session-koa2 解析

微信小遊戲屬於h5小遊戲,本來h5小遊戲是沒有相關的規則比較自由。因爲有了微信的登錄驗證之後加了少許規則進來。這樣後臺也會有所變化。 https://developers.weixin.qq.com/minigame/dev/tu

原创 threejs 微信小遊戲中的離屏渲染做UI和排行榜

微信小遊戲對threejs真的是一次桎酷啊。。。呵呵。 規定不能用html鎖死了我們之前兩個html標籤的可能了。。。 不過微信還是允許了大家的離屏渲染,要不是我們在跳一跳之類的遊戲中也看不到排行榜和基本的UI了。。。 相關的理論知

原创 pixijs如何將gif圖片加載遊戲中變成序列幀

我們先從網上找一個動畫素材; 將這張圖片加回本地,導入ps,ps中能看到這個動畫有12幀; 我們將其導出成png導入texturepacker, texturepacker是我們常用的一個圖片打包軟件,一般二維圖片素材都會經它之手

原创 node.js await/async 讀取文件

nodejs後臺在初始化讀取一個配置然後取出變量; 配置文件 config.json: { "hasai":1, "aitime":10, } 下面的讀取代碼: var readconf = async()=>{ le

原创 socket.io裏redis的運用

最近作了一個實時遊戲,後端nodejs+mongodb+redis socket.io;socket.io是nodejs的websocket的最好的後端插件了,基本上社區都在用都在討論;四萬多顆星了,https://github.co

原创 PIXIJS九宮格

pixijs是一個接近原生的H5引擎,沒有可視化的界面,在九宮格方面是沒有界面去操作的,需要自己手工動手開發; RenderTexture 這個類是可以把紋理進行有矩形選擇複製,這樣就可以實現區域內的複製和平鋪功能,有了這些功能我們就

原创 在微信小遊戲裏用threejs

如何基礎調用: three.js官網地址threejs.org。去download下載回來three.min.js,我們就可以開工了。 我們先建一個標準的微信遊戲項目,做好基本的配置。在我們遊戲的主文件中: import * as

原创 PIXIJS 微信小遊戲排行榜開放域開發

關於微信小遊戲開放域的基本概念本文不作介紹請去微信官文文檔閱讀; 主域: 在這你有幾件事要作,第一準備好給離屏canvas用的容器;第二作好離屏canvas事件交互,比如切換菜單/關閉窗口;第三循環裏有渲染,由於離屏canvas內有向

原创 pixijs寫發射炮彈拋物線特效

這是我們大炮的圖片以及觸發按鈕; 三角函數: 通過 鄰邊/斜邊 = cos(x); 對邊/斜邊 = sin(x);這是基本原理;當我們有角度和x方向假定固定變化後就可以來得到物體在y方向的變化,x,y的變化都確定即可以運行本動畫特

原创 pixijs自制下拉菜單類

實現基礎功能: 1、實現的基礎的外面大按鈕的控制面板有顯示與否; 2、通過一個回調將選擇的菜單索引回拋給上層; import * as PIXI from '../libs/pixi' import core from './inde

原创 KOA+mongoose後臺處理異步

正常運用: page.post('/get',async (ctx)=>{ var openId = ctx.session.userInfo.openId; var rs = await Game.findOne({userid

原创 pixijs 之拖拽功能升級版

pixijs官方的有拖拽功能的範例; https://pixijs.io/examples/#/demos/dragging.js 官方的案例是拖一個小圖標,錨點也設置爲物體的中心了。但是在我們的實際的應用大多情況是拖比較大的物件不是