- 博客(12)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 threejs 微信小游戏中的离屏渲染做UI和排行榜
微信小游戏对threejs真的是一次桎酷啊。。。呵呵。规定不能用html锁死了我们之前两个html标签的可能了。。。不过微信还是允许了大家的离屏渲染，要不是我们在跳一跳之类的游戏中也看不到排行榜和基本的UI了。。。相关的理论知识与概念大家可以看官网这篇文章；https://developers.weixin.qq.com/community/develop/doc/00042c94bc0...
2019-02-05 08:33:40
2977
7
原创 pixijs如何将gif图片加载游戏中变成序列帧
我们先从网上找一个动画素材；将这张图片加回本地，导入ps，ps中能看到这个动画有12帧；我们将其导出成png导入texturepacker，texturepacker是我们常用的一个图片打包软件，一般二维图片素材都会经它之手打成一张大图，加载进游戏，这样可以大大降游戏管理素材；降低drawcall;注意在选项里选择好引擎/json文件地址/png打包图片地址；最终形成了游戏中要的序...
2019-01-24 19:48:41
2968
原创 node.js await/async 读取文件
nodejs后台在初始化读取一个配置然后取出变量；配置文件 config.json：{ "hasai":1, "aitime":10,}下面的读取代码：var readconf = async()=>{ let rs = await new Promise((resolve,reject)=>{ var fs = require('fs'); fs....
2019-01-16 23:15:18
922
原创 socket.io里redis的运用
最近作了一个实时游戏，后端nodejs+mongodb+redis socket.io；socket.io是nodejs的websocket的最好的后端插件了，基本上社区都在用都在讨论；四万多颗星了，https://github.com/socketio/socket.io 。我的理解因为它良好的兼容性易用性完全是websocket的集大成者；本身是在nodejs里发源的，但也有不少语言版本；so...
2019-01-06 08:47:08
4193
原创 微信小游戏 后端koa架构mp-session-koa2 解析
微信小游戏属于h5小游戏，本来h5小游戏是没有相关的规则比较自由。因为有了微信的登录验证之后加了少许规则进来。这样后台也会有所变化。https://developers.weixin.qq.com/minigame/dev/tutorial/open-ability/login.html这里有官方示例的前后登录验证流程；梳理一下你在后端要多两件事，第一件事，要拿着前端传来的code和app...
2019-01-01 19:08:42
979
原创 pixijs微信小游戏排行榜开放域开发
关于微信小游戏开放域的基本概念本文不作介绍请去微信官文文档阅读；主域：在这你有几件事要作，第一准备好给离屏canvas用的容器；第二作好离屏canvas事件交互，比如切换菜单/关闭窗口；第三循环里有渲染，由于离屏canvas内有向微信官方的异步请求，所以他会晚于主域生成，但这时间是不确定的。以下是主域循环外的代码主要是先拿到离屏的引用然后设置好宽高；//let openDataConte...
2018-12-18 14:36:45
1400
原创 pixijs写发射炮弹抛物线特效
这是我们大炮的图片以及触发按钮；三角函数：通过 邻边/斜边 = cos(x); 对边/斜边 = sin(x);这是基本原理；当我们有角度和x方向假定固定变化后就可以来得到物体在y方向的变化，x,y的变化都确定即可以运行本动画特效；以下是实理的代码，运行的环境是微信小游戏+pixijs；/** * 游戏主函数 */export default class Main { co...
2018-12-02 23:18:40
1669
原创 pixijs 之拖拽功能升级版
pixijs官方的有拖拽功能的范例；https://pixijs.io/examples/#/demos/dragging.js官方的案例是拖一个小图标，锚点也设置为物体的中心了。但是在我们的实际的应用大多情况是拖比较大的物件不是一个小物件，锚点初始在左上角，这时我们需要在pointerdown 事件时记录鼠标与物体锚点的偏差值；_this.diff = {x:event.data.glob...
2018-11-27 18:16:52
3625
原创 pixijs自制下拉菜单类
实现基础功能：1、实现的基础的外面大按钮的控制面板有显示与否；2、通过一个回调将选择的菜单索引回抛给上层；import * as PIXI from '../libs/pixi'import core from './index'//import Button from './mybutton'export default class main { constructor(menu...
2018-11-26 15:14:32
591
原创 pixijs九宫格
pixijs是一个接近原生的H5引擎，没有可视化的界面，在九宫格方面是没有界面去操作的，需要自己手工动手开发；RenderTexture 这个类是可以把纹理进行有矩形选择复制，这样就可以实现区域内的复制和平铺功能，有了这些功能我们就可以做九宫格了；上面是我们要做九宫格的素材；这样我先确定一些数据，第一宽度第二宽度，第一高度第二高度；通过这四个参数来定九宫格的区域；上面素材的定的 [45,16...
2018-11-25 12:34:21
1389
原创 KOA+mongoose后台处理异步
正常运用：page.post('/get',async (ctx)=>{ var openId = ctx.session.userInfo.openId; await Game.findOne({userid:openId},function(err,rs){ ctx.body = rs; })})async await就是交替着出现的；先有一个 async然后后面一定...
2018-11-24 10:22:04
790
原创 在微信小游戏里用threejs
如何基础调用：three.js官网地址threejs.org。去download下载回来three.min.js，我们就可以开工了。我们先建一个标准的微信游戏项目，做好基本的配置。在我们游戏的主文件中：import * as THREE from ‘./libs/three.min’这样即可以在我们的项目中引用THREE；代理weapp-adapter，可以用github这个，地址是ht...
2018-11-16 09:33:06
3156
9
threejs微信小游戏shader写法
2018-11-18
webgl编程指南 公用函数库2
2018-01-09
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人