本文由云+社区发表 使用一个简单的游戏开发示例,由浅入深,介绍了如何用Laya引擎开发微信小游戏. 作者:马晓东,腾讯前端高级工程师. 微信小游戏的推出也快一年时间了,在IEG的游戏运营活动中,也出现了越来越多的以小游戏作为载体运营的活动类型,比如游戏预约,抢先试完等等,都收到了非常良好的效果. 在支持微信小游戏的游戏引擎中,Cocos,Egret,Laya都对小游戏的开发提供了很多强大的支持.前段时间正好抽空研究了一下这块的内容,现做一个总结,针对如何使用Laya引擎开发微信小游戏给大家做一下…

在支持微信小游戏的游戏引擎中,Cocos,Egret,Laya都对小游戏的开发提供了很多强大的支持.前段时间正好抽空研究了一下这块的内容,现做一个总结,针对如何使用Laya引擎开发微信小游戏给大家做一下介绍.因为时间有限,研究并不深入, 如有高手路过,忘不吝赐教.   做个啥游戏呢?"绝地求生"很火,我们做个"绝地求死"如何?策划也很简单,和绝地求生相反,主角不是跳伞的玩家,而是地面的炮手,大炮要把跳伞的伞兵用大炮一个个都消灭掉.   牛逼的策划有了,咱们进入正题,…

本文由云+社区发表 6. 动画 6.1 创建伞兵对象 在src目录下创建一个新目录role,用来存放游戏中角色. 在role里创建一个伞兵Soldier.ts对象文件. module role{ export class Soldier extends Laya.Sprite{ constructor(){ super(); this.init(); } init():void{ var img:Laya.Sprite = new Laya.Sprite(); img.graphics.draw…

前言 这是一次利用 three.js 开发微信小游戏的尝试,并不能算作是教程,只能算是一篇笔记吧. 微信 WeChat 6.6.1 开始引入了微信小游戏,初期上线了一批质量相当不错的小游戏.我在查阅各处的文章时候,发现其中有几款是基于 three.js 开发的,目前火爆朋友圈的<跳一跳>就是其中之一.这引起了我的注意,想起几年前也做过不少 WebGL 的尝试,于是禁不住想要弄到微信小游戏平台上试试. 准备工作 最新版本的 three.js: 首先应该具有一定的 three.js 开发经验,有之…

推荐阅读: 我的CSDN 我的博客园 QQ群:704621321 我的个人博客 最近事情特别多,今天终于实现了排行榜功能,记录下来大家一起学习学习. 一.调用默认排行榜 首先我们需要了解: 1.白鹭开发文档(开放数据域):http://developer.egret.com/cn/github/egret-docs/Engine2D/minigame/openDataContext/index.html 2.微信小游戏开发文档(关系链数据):https://developers.weixin.q…

今天给大家分享一下微信分享转发功能,话不多说,直接干 方法一: 1.在egret中打开Platfrom.ts文件,添加代码如下(当然,你也可以直接复制粘贴) /** * 平台数据接口. * 由于每款游戏通常需要发布到多个平台上,所以提取出一个统一的接口用于开发者获取平台数据信息 * 推荐开发者通过这种方式封装平台逻辑,以保证整体结构的稳定 * 由于不同平台的接口形式各有不同,白鹭推荐开发者将所有接口封装为基于 Promise 的异步形式 */ declare interface Platform…

假设我们要实现的功能是从小游戏A跳转到小游戏B 对于小游戏A: (1)在platform.ts中添加代码如下: /** * 平台数据接口. * 由于每款游戏通常需要发布到多个平台上,所以提取出一个统一的接口用于开发者获取平台数据信息 * 推荐开发者通过这种方式封装平台逻辑,以保证整体结构的稳定 * 由于不同平台的接口形式各有不同,白鹭推荐开发者将所有接口封装为基于 Promise 的异步形式 */ declare interface Platform { getUserInfo(): Promi…

先用cocoscreator实现游戏逻辑 在cocoscreator项目里可以调用微信小游戏api 在cocos里面判断小游戏的运行环境 if (cc.sys.platform === cc.sys.WECHAT_GAME){ wx.aaaaa() } 纯js代码都可以在微信小游戏里使用,所以cocos creator里也可以调用为微信小游戏api,jq代码不行,纯在兼容问题…

(1)新建皮肤,并命名如下 (2)根据实际情况自定义皮肤,例如: (3)修改名字为如下: (4)运行游戏会自动生成以下代码: (5)在default.thm.json中添加如下代码:(具体路径名字根据实际情况填写) (6)新建ts文件,添加如下代码,j即可调用皮肤上的组件. 注意;记得添加ts文件继承的类及实现方法.…

纯属个人兴趣, 如有兴趣可共同参与维护. git: https://gitee.com/redw1234567/phaser3_wx image的地方需要修改,代码贴上 var ImageFile = new Class({ Extends: File, initialize: function ImageFile (loader, key, url, xhrSettings, frameConfig) { this.isWX = typeof wx !== "undefined";…

最近用Cocos Creator 开发微信小游戏,构建发布到微信上,用安卓手机预览打开后加载到100%就不动了,开始以为微信开发工具版本的问题,后来用苹果的手机测试了一下,发现也有同样的问题. 仔细分析了下问题: 由于本游戏项目资源大,超出了微信小游戏的打包的要求4M,所以把资源都放到了远程服务器,另外我的服务器还没有加到微信小游戏平台的可信任服务器中,这就要求微信端需要开启调试模式来预览.下图是开启调试模式的入口,开发的小伙伴一般都知道. 但是发现苹果手机的用户可以随时打开调试模式,而安卓的点…

一.前言 微信小游戏中最魔性的'跳一跳'就是基于three.js 引擎开发的 源码放到github上了:GitHub地址   请自行下载. 二.下载 three.min.js 打开页面,复制代码到本地 三.引用 使用如下方式在小游戏中引用three let THREE = require('three.min.js的路径') 四.开始 创建3dgame.js文件 需要注意的是,在微信小游戏中并没有'ImageBitmap'这个全局对象,所以在加载纹理贴图时会报错,此时需要修改源码 let THR…

用egret + p2 做一个类似投球的小游戏,坑大致如下: 1.p2引擎与egret坐标不同注意转换,横坐标没什么,纵坐标egret.y = stageHeight - body.position[1]*factor 2.p2物体的原点为中心点,而egret显示对象的原点为左上角,设置display.anchorOffsetX = display.width/2;display.anchorOffsetY = display.height/2 3.p2的单位与egret像素单位的factor设…

.Net Core ORM选择之路,哪个才适合你   因为老板的一句话公司项目需要迁移到.Net Core ,但是以前同事用的ORM不支持.Net Core 开发过程也遇到了各种坑,插入条数多了也特别的慢,导致系统体验比较差好多都改写Sql实现. 所以我打算找一款 性能比较好 功能比较完善 方便以后可以切换数据库(经过我对老板的了解这个功能非常重要) 并且要有一定用户基础的ORM 参赛ORM 能够参赛的ORM必须要有以下个条件 第一.功能方面要比较完善 第二.Github需要有一定人气并且最近有…

尝试下Egret的小游戏开发,学习,学习,干IT,不学习,就得落后啊... 相关教程: Egret微信小游戏教程 微信公众平台-微信小游戏教程 微信公众平台-微信小游戏接入指南 开发版本: Egret Engine 5.1.11 Egret Wing 4.1.5 微信开发者工具 1.02.1803210 开发流程: 一. 注册微信小程序账号. 二. 下载安装微信开发者工具. 三. Egret创建微信小游戏项目 一.注册微信小程序账号 前往 微信公众平台,按照小程序注册教程注册账号. 二.下载安装…

有人说 微信小程序游戏的百花齐放 活像十几年前的4399小游戏称霸互联网的景象 " 歪,斗地主吗,三缺二, 不用下app,小程序就能玩,我保证不抢地主让你抢!" ...... " ' 肝 ' 小游戏到半夜五点半, 谁能告诉我怎么卸载微信小程序永远找不回来!" 自 2018 年初,首批微信小程序游戏上线,到现在不到两年的时间内,微信小游戏月活用户已超 4 亿,开发者高达数十万.在现如今的游戏市场寒冬中,拥有微信庞大的用户量以及更好兼容性的小程序游戏,优势就显得格外明显…

Demo: 微信小程序demo组件:股票分时图 微信小程序小组件:仿直播点赞气泡效果,基于Canvas 优质demo推荐:二维码生成器:使用canvas与纯JS版二维码生成 微信小程序学习用完整demo:canvas涂鸦(含node后端) 微信小程序canvas demo:黑客帝国metrix效果.渐变时钟 微信小程序优质demo推荐:转盘抽奖:Canvas绘制可配置(已更新) 微信小程序demo:canvas手绘雷达图 微信小程序学习用demo:装逼生成器:canvas绘制图片 微信小程序学习…

发布为微信小游戏后,在微信工具中测试时总是提示加载retry to load TheRed.fnt,并以error告终.由于没有任何出错信息,无奈之下只好阅读源码.对BitmapFont的处理分为两个部分,一是下载x.fnt文件并加以解析,成功后会将x.fnt替换为x.png并再次下载.在微信工具中一步步地debug,最终定位到是在MiniAdapter.parseXMLFromString方法中调用: (new window.Parser.DomParser()).parseFromStrin…

egret的官方文档,对tiled的介绍不是很细致,很多东西都需要摸索.现在把踩的坑记录下来.作为一个备忘 引用tiledmap的库 在GitHub上下载egret的tiledmap支持库:https://github.com/egret-labs/egret-game-library 下载后,导入到egret wing的libs的modules中.然后执行egret build -e 就ok了 导入一个tmx和贴图文件 let tmx = RES.getRes('woca_tmx'); var…

版本2.1.1. 由于有4m包限制,所以一般小游戏项目分成主包+远程资源. 现在我新建一个remote目录,该目录下资源不发布到微信小游戏目录下,而是服务器远程加载. 发布时,勾线是否提取本地包 远程资源目录remote不需要勾选 这是发布出的项目有两个文件夹,其中wxgame是常规项目,wxgame_pack是不含remote文件夹的项目 那么我们微信提交时,只需要提交主包wxgame_pack就行了.将remote资源放到服务器动态加载. 平时我们使用remote的图片是这样的.加载remo…

微信小游戏API Platform主要是Egret用于来调用平台的SDK的. 在Egret中使用接口定义Platform. Egret项目中默认的platform值是DebugPlatform. 发布微信小游戏后,重新定义了platform的值为WxgamePlatform. game.js中的小游戏API定义位置platform.js 所以最终结果是Egret在项目中调用platform时,会调用小游戏项目的platform.js. Egret主项目Main.ts: 小游戏项目platform…

1. 首先,再次被网上一大堆屎一样的资料搞得浪费了我一天时间.各种坑. 2. 本文先讲一种正确的方式,然后再列举坑. 去www.egret.com下载最新的引擎,我的最新版本是5.2.2. 然后就会被安装了一个全家桶.在里面,你还要在去点击Egret Wing,安装个开发环境. 然后,在项目的地方,新建一个游戏项目,带EUI框架: 必须注意红框的地方,避免踩坑.类型是Egret游戏项目.之后,全家桶就会默认打开Egret Wing进入开发环境. 在src目录下面,新建模板文件——新建EUI组件.…

phaser与eget, laya, pixi.js本质上没什么区别. 都是渲染引擎.  其它的都是配角.  phaser的特点是.代码容易理解 功能比较全面. 个人比较喜欢phaser的地方 tween,path,深度排序 下面来一步一步的学习phaser,以及用phaser快速移植小游戏 修改代码: 微信小游戏不支持blob, phaser加载image的方式需要修改. 添加适配器. 官网上下载最新的weapp-adapter. 其实仅需两步就可以支持微信小游戏了. 一些基本的功能点: 1.…

pixi是什么?一款h5游戏引擎 优点:简单简洁性能第一 缺点:大多数用的国产三大引擎,pixi资料少,工具少, 为什么学,装逼 用pixi开发小游戏行吗? 行.但要简单处理下 下载官网上的 weapp-adapter.js  找到 var TouchEvent = function TouchEvent(type);  此行的后面添加  window.TouchEvent = TouchEvent; 因为这是window事件,必须全局化 另外还需要对weapp-adapter的ajax做下处理…

你确定没玩过下面这些微信小游戏?是不是有点out了?赶紧添加微信号kangfuyk,回复H5马上畅玩! 当然了,扫一下二维码关注后回复H5更快捷噢! 微信小游戏列表,持续更新中 辨色大比拼!心理游戏 好评89%674285人玩过 看你有多se菜鸟游戏 好评93%694604人玩过 围住神经猫菜鸟游戏 好评95%656395人玩过 猜金币 - 考验你的眼力智力游戏 好评95%658623人玩过 更多微信小游戏还在整理中,不定时发布,您想玩什么微信游戏可以跟我们说噢,我们力争为您开发出来.…

欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 本文由腾讯云数据库 TencentDB 发表于云+社区专栏 随着微信小游戏的爆发,越来越多开发者关注到MongoDB与小游戏业务的契合度. 腾讯云已为多个爆款微信小游戏提供服务,腾讯云数据库团队在多年MongoDB运营&支持微信小游戏服务经验总结,MongoDB产品经理李晓慧在7月26日在厦门举行的<腾讯云GAME-TECH游戏开发者技术沙龙>上,为广大开发者分享了腾讯云MongoDB在小游戏中的实践应用,帮助刚刚走进小游戏开…

最近在 https://classroom.udacity.com/courses/cs291 学习了一些 3D 引擎和 three.js 的知识 把 three.js 弄到微信小游戏里,先随便跑一跑 最终效果: 代码结构如下: (先忽略 audio 和 images, 这里先不用) game.js 代码 import './js/libs/weapp-adapter' import './js/libs/symbol' import * as THREE from './js/engine/t…

前言 微信又更新了,从更新日志上来看,似乎只是一次不痛不痒的小更新.不过,很快就有人发现,原来微信这次搞了个大动作——在小程序里加入了小游戏.今天也是朋友圈被刷爆的缘故. 看到网上 有人弄了一个破解版的,于是自己也跟着网上的案例整了一下,感觉挺有意思的. 游戏如下: 来玩游戏 劳动成果 用Kotlin破解Android版微信小游戏-跳一跳 跳一跳 微信小程序可以玩游戏了,我们来破解一下<跳一跳>这个官方出品的小游戏吧. 思路 用usb调试安卓手机,用adb截图并用鼠标测量距离,然后计算按压时间…

在微信小游戏中使用粒子效果 参考: 1. 粒子库下载地址 2. 粒子官方使用教程 3. 水友解决微信小游戏particle is not defined 一.下载第三方库 Git地址:https://github.com/egret-labs/egret-game-library 二.配置粒子库 粒子库放在项目同级目录mylibs下 修改egretProperties.json文件 编译一遍引擎 三.代码里使用粒子 将Egret Feather制作的粒子资源放入项目 适配微信小游戏,修改wxga…

微信开发者工具中,当你使用一个公众号开发一个项目,有需求切换到另外一个公众号继续开发时,需要修改appid. 修改微信小游戏 project.config.json 文件的appid…