前言 一行白鹭上青天 需求 最近,我们老板刷刷的为了省事,给美术减压(背景有点长,不说了). 美术出 fairygui,我需要在网页上看到实时操作,并且看到效果! 需求分析 这怕是要了我的狗命啊,但是要年底了,包住饭碗要紧. 提炼关键字,fairygui,网页展示,操作,Egret 再浓缩一下:fairygui 为交互素材,白鹭为引擎,vue为展示页面 一.fairygui 是什么? 官方地址:http://www.fairygui.com/guide/  FairyGUI提供了一个强大的UI编…

目录 1.麻将产品需求文档 2.麻将游戏流程 3.Egret白鹭引擎 4.TypeScript简要了解 5.TypeScript快速入门 1.麻将产品需求文档 1.麻将术语 1.名词术语 牌⼦: 序数牌:⼀万,⼆万,三万,-,九万,⼀筒,⼆筒,-, 九筒,⼀条 ---- 九条 字牌:字牌⼜分为⻛牌和箭牌 ⻛牌: 东南⻄北 箭牌:中发⽩ 花牌:春夏秋冬梅兰⽵菊 ⺓牌:1.9.字牌,统称⺓牌 刻⼦:三张相同的牌 箭刻:中发⽩的刻⼦ ⻛刻:东南⻄北的刻⼦明刻:碰的牌为明刻 暗刻: ⾃⼰摸上来的为暗刻…

前言:本学习文档的目的是为了实现h5,或者简单的h5游戏,比如说,我们要实现一个可以左右,或者上下移动的场景的h5,在场景移动的过程中,会有相应的动画或者操作,我们通过 js 也可以实现,但是为了流畅度和更好的效果,还是需要借助一些引擎来实现,比如说 2d的渲染引擎 pixi.js 或者是本文档要学习的 Egret (白鹭)引擎: 作为刚接触游戏引擎的人,虽然没有相关使用经验,但是也听说过相关内容:几年前接触过 Cocos (游戏引擎),所以也只了解这么一个游戏引擎,最近随着h5和小游戏的发展,…

前言 相信我,这个错误新手都不陌生:TypeError: Cannot read property 'asCom' of null 还有,一定要看我上一篇,哦不(人家应该是报了这个错,才找到看到这篇文章的) 错误描述 项目背景:Egret+fairyGui 1.官方案例我可以跑通 2.一替换成自己的素材,就报这个错 分析 1.你真的替换成功了吗? 2.该改的地方,你都改了吗? 实操 1.把官方实例的素材,替换成你的素材 你从fairygui 发布,一定要选择二进制格式,不然最新的Egret 会报…

萌新第一次用egret打安卓包,发现裸包22M+,吃惊到吃手手. 上网搜查无果. 可能原因是egret优化过一波打包,变得更便利了,网上对新版本打包比较少讨论. 解决方法: egret-android-support-5.0.12\egret-android-support-as-5.0.12\proj.android\app\libs 删剩下就可以了,变成7M+. 代价就是部分老机型不能跑,看产品适配定位咯.…

this.addEventListener(egret.TouchEvent.TOUCH_BEGIN, (event) => { if (event.target!=this) return;//防止按钮事件冒泡穿透 this.isCancelTap = false; }, this)…

前言: 昨天的文章中简单的介绍了Egret白鹭引擎从安装到基本的使用配置等问题,今天着重介绍H5小游戏开发的起步阶段,如Wing面板的使用,素材的处理,类的说明,开始布局等等. 整体概况: 根据上一篇文章的提示,我们找到index.html,将帧率data-frame-rate修改成60.根据设计图宽高,我将data-content-width设成640,data-content-height设成1038: 就是下图不包括微信工具栏的高度.至于适配模式我先设成exactFit,以canvas的渲…

前言: 好久没更新博客了,以前很多都不会,所以常常写博客总结,倒是现在有点点经验了就懒了.在过去的几个月里,在canvas游戏框架方面,撸过了CreateJS,玩得了Egret,又学过PIXI.js.在移动前端方面,尤其是小游戏开始有一点点小经验了.但只是小经验,为什么说是小经验? 首先,深度不足,虽然用得最熟最多的白鹭,可是习惯了JavaScript,对TypeScript的OOP编程掌握得还不够:其次,对Egret等游戏框架了解的广度还不够,还有相当部分用法没用到.虽然能够应付朋友圈里传播的…

Egret Engine简要介绍----- Egret Engine(白鹭引擎)[Egret Engine官网:http://www.egret-labs.org/]是一款使用TypeScript语言构建的开源免费的移动游戏引擎.白鹭引擎的核心定位是开放,高效,优雅.通过它,你可以快速地创建HTML5类型的移动游戏,也可以将游戏项目编译输出成为目标移动平台的原生游戏应用. 提到Egret Engine(白鹭引擎)就不得不提<围住神经猫>这一火爆游戏,7月22日,一款名为<围住神经猫>…

FaceRank,最有趣的 TensorFlow 入门实战项目 TensorFlow 从观望到入门! https://github.com/fendouai/FaceRank 最有趣? 机器学习是不是很无聊,用来用去都是识别字体.能不能帮我找到颜值高的妹子,顺便提高一下姿势水平. FaceRank 基于 TensorFlow CNN 模型,提供了一些图片处理的工具集,后续还会提供训练好的模型.给 FaceRank 一个妹子,他给你个分数. 从此以后筛选简历,先把头像颜值低的去掉:自动寻找女主颜值…