摘要:
引擎版本3.0.6教程目录一 为什么要用jszip二 如何使用jszip 2.1 下载jszip库 2.2 导入jszip库 2.3 加载和解压zip代码三 Demo源码下载一 为什么要用jszip在游戏中有大量配置文件时,为了减少加载次数和传输量,将文件打包成zip,在egret中加载并解压获取数 阅读全文
摘要:
引擎版本3.2.6教程目录一 为什么要使用位图字体二 如何使用位图字体2.1 TextureMerger制作位图字体2.2 exml中使用位图字体三 Demo源码一 为什么要使用位图字体egret在手机端发布的h5,一般显示的都是手机自带默认字体。要显示特殊字体的话,一般会用到位图字体。例如下图中的 阅读全文
摘要:
本案例参考:http://emoji.decathlon.trustingme.cn/但是实现方式不一样。 教程目录一 head first二 打开本地图片功能三 拖拽和缩放手势,调整图片四 gifjs工具类动态表情合成五 demo源码下载一 head first显示原理1.1 利用<input>标 阅读全文
摘要:
先看看实际效果 实现原理1. ScrollView继承eui.Scroll2. 监听eui.Sroll的CHANGE_START和CHANGE_END事件, 根据鼠标滑动距离,来改变视口viewport.scrollH,达到图片滑动的效果。使用方法1. 拖动组件到exml上在自定义组件里,拖动Scr 阅读全文
摘要:
教程目录一 微信测试号申请二 微信php后台搭建三 微信测试号设置四 微信客户端接口使用五 Egret微信第三方库使用六 源码下载一 微信测试号申请个人开发者没有号,所以只能用测试号来实现,不过不用担心,客户端的代码使用起来和真实的公众号是一样的。首先到微信公众平台开发者文档去申请测试号:http: 阅读全文
摘要:
一 实际效果二 实现原理三 源码下载在egret中实现长按复制文本效果,一般用于复制优惠码什么的。一 实际效果 二 实现原理在egret的游戏元素都是绘制在canvas上的,我们在canvas上覆盖一个<p>标签,来实现长按复制的效果。 1 首先在index.html中为egret所在div赋值id 阅读全文
摘要:
教程目录一 实现原理二 实现过程三 Demo下载本教程是在Egret中实现长按识别的二维码,并可以精确定位二维码的位置和大小,支持横屏和竖屏。 一 实现原理微信中长按识别二维码,需要长按jpg或png等图片上,才会调起识别。因为egret中的二维码,是绘制在canvas上的,故不能被长按识别。所以为 阅读全文
摘要:
教程目录 一 前言二 实际效果三 实现原理四 自定义位图影片剪辑类五 切图工具类六 使用示例七 Demo源码下载一 前言一般我们做动画用TextureMerger,用gif或swf,导出一个json和png纹理合集,用MovieClip类来实现。现在我们使用自定义的BitmapMovie类来制作序列 阅读全文
摘要:
教程目录1 Base64简介2 使用Base643 Demo下载1 Base64简介百度百科:Base64是网络上最常见的用于传输8Bit字节代码的编码方式之一,大家可以查看RFC2045~RFC2049,上面有MIME的详细规范。Base64编码可用于在HTTP环境下传递较长的标识信息。例如,在J 阅读全文
摘要:
参考: CSDN:Egret项目中使用protobuf(protobufjs) TS项目中使用Protobuf的解决方案(babel) 在cocos creator中使用protobufjs layabox:网络和格式--ProtocolBuffer egret protobuf(egret官方提供 阅读全文
摘要:
教程目录一 计时器简介二 计时器实现三 Demo下载一 计时器简介在手机上跑游戏时,可能由于运动物体过多,导致帧频太低,计时不准确。比如一些倒计时的游戏,可能倒计时30s,变成了35s。比如iphone运行流畅游戏倒计时60s,实际耗时60s,而android有点儿慢,倒计时60s,实际耗时70s。 阅读全文
摘要:
教程目录一 实现原理二 代码三 Demo下载一 实现原理监听设备旋转角度的变化,来判断用户是否摇动手机。参考:智能手机里陀螺仪和重力感应有何区别?HTML5实现摇一摇的功能Egret官方陀螺仪教程二 代码摇一摇工具类ShakeTool使用范例 [Actionscript3] 纯文本查看 复制代码 ? 阅读全文
摘要:
教程目录 一 演示效果二 实现原理三 代码四 Demo下载一 演示效果 二 实现原理Scroller + Label实现 Label动态高度,随着输入文本增加而增加。每输入一行,则将Scroller的视口viewport垂直位置scrollV对齐到Label底端。三 代码exml 代码 [Actio 阅读全文
摘要:
教程目录一 实际效果二 实现原理三 Demo下载一 实际效果在很多游戏中,都会用到虚拟摇杆 我这里抛砖引玉,做一个简单的Demo 二 实现原理摇杆的实现关键技术点就是通过Math.atan2函数,用触摸位置和摇杆的位置来获取两者的角度(弧度...)。角度 = Math.atan2(触摸点Y - 摇杆 阅读全文
摘要:
教程目录一 演示效果二 画布实现三 画笔实现四 橡皮擦实现五 Demo一 演示效果这是一个很简单的画布,就是提供个思路。比如阴阳师画符 测试地址PC:http://120.24.188.118/egret/canvasexample/手机: 二 画布实现画布是一个白色底的sprite,利用sprit 阅读全文
摘要:
教程目录1 演示效果2 实现原理3 Demo1 演示效果主要参考9ria帖子,年代久远,忘了。另可参考 jquery+css3实现元素颤抖特效 PC演示地址手机扫码: 2 实现原理定时器,每隔一段时间改变震动对象的x,y。 可追加rotation和alpha。使用方法 [C#] 纯文本查看 复制代码 阅读全文
摘要:
一、 实际效果 演示地址 二、实现原理主要用Button+List组件,和遮罩实现。1. 点击Button时,将List下移展开。2. 再次点击Button,或者选中List中的某一项时,将List上移收缩。三、使用方法1. 拖动UIPopupMenu自定义组件到场景exml上 2. 根据需求自定义 阅读全文
摘要:
教程目录一 流程图二 微信测试号申请三 新建Egret项目四 微信网页授权流程五 微信Web开发者工具六 Demo下载一、流程图 二、微信测试号申请测试号申请参考之前教程:http://bbs.egret.com/thread-26429-1-1.html申请微信测试号后,要测试网页授权,需要设置授 阅读全文
摘要:
BitmapFont主要用于特殊字体在游戏中的使用 目录 一 方法1:添加字符 适合一张一张的零碎图片来制作位图字体 二 方法2:系统字体 适合使用已安装的系统字体来制作位图字体 三 方法3:字体纹理集 适合美术提供的整张图字体来制作位图字体 打开TextureMerger,选择BitmapFont 阅读全文
摘要:
Sprite Sheet主要用于将零碎的小图合并成一张整图。减少加载图片时http的请求次数。1 打开TextureMerger,选择Sprite Sheet 2 添加纹理(未创建项目时,会先弹出一个新建项目,任意取名创建一个项目就行) 选择4张图 图片添加到了项目中附加拓展名:自动在图片名后增加“ 阅读全文