egret

这是我的第 61 篇原创文章 作者 | 悟空聊架构 来源 | 悟空聊架构 （ID：PassJava666） 转载请联系授权（微信ID：PassJava） 前言 大家看到这篇文章的时候，我和 一枝花、Guide哥、Guide哥的妹纸 一起恰饭去啦！ 离国庆还有几天，无心写技术干货，那就来点珍藏的私活（货）吧。 谐音梗 有没有发现？ 大家可能不知道，我 并不是 「计算机专业的，在大学都是自学编程、单片机、嵌入式的」 ，和计算机专业的学生还是有些差距。 要是说单片机、嵌入式我还能给您倒腾倒腾，毕竟大学期间还获得过全国研究生嵌入式电子设计 二等奖 （ 以本科身份破格参加 ）、全国大学生电子设计比赛 三等奖 。 但是 编译原理 、 Linux 内核 我真心不会。 能接到这四个私活实属意外，很魔幻了。 魔幻一、小白做网站-小亏 那个时候刚毕业几个月，通过公司培训 + 自学，学了点编程技术。从公司小伙伴中结识了一个计算机专业的大学同学，想找我一起帮他亲戚做个小网站，说是几百块钱。 第一次接私活，所以带着一颗 激动的心 就开始做了，功能就是做一个静态网站，有顶部导航栏，可以切换菜单，每个菜单下有不同内容，支持跳转等，总共有 7 个主页面，最复杂的是首页功能。 下面这张图就是当时做的网站，做的首页还是 有模有样 的~ 第一个私活截图 打完收工 做完了提的需求后，我就将网站效果图发给他们，他们觉得还行

本文，我们通过Egret和Node.js实现一个在线聊天室的demo。主要包括，聊天，改用户名，查看其他用户在线状态的功能。大致流程为，用户访问网页，即进入聊天状态，成为新游客，通过底部的输入框，可以输入自己想说的话，点击发布，信息呈现给所有在聊天的人的页面。用户可以实时修改自己的昵称，用户离线上线都会实时广播给其他用户。 体验链接 http://7hds.com:8888/ 下图为最终制作完成的聊天面板 WebSocket服务器可以用其他语言编写，本文采用的方法建立在Node.js上 。 在Node.js中我们使用ws第三方模块来实现服务器业务逻辑的快速搭建，还需使用uuid模块生成随机id，你需要使用npm包管理器来安装ws、uuid模块。使用以下命令： npm install ws -g npm install uuid -g 安装完成之后，使用终端工具进入服务器目录，开始编写代码： // 引入ws模块 var WebSocket = require('ws' ); // 创建websocket服务，端口port为：**** var WebSocketServer = WebSocket.Server, wss = new WebSocketServer({port: 8180 }); // 引入uuid模块 var uuid = require('node-uuid' );

二次贝塞尔曲线 贝塞尔曲线(Bézier curve)，又称贝兹曲线或贝济埃曲线，是应用于二维图形应用程序的数学曲线。一般的矢量图形软件通过它来精确画出曲线，贝兹曲线由线段与节点组成， 节点是可拖动的支点，线段像可伸缩的皮筋，我们在绘图工具上看到的钢笔工具就是来做这种矢量曲线的。贝塞尔曲线是计算机图形学中相当重要的参数曲线，在一些比较 成熟的位图软件中也有贝塞尔曲线工具，如PhotoShop等。在Flash4中还没有完整的曲线工具，而在Flash5里面已经提供出贝塞尔曲线工具。 这个公式简单的来说，就是知道起点、拐点、终点三个点之后，就能绘制出一条曲线.... 实现代码 /** * 弧线运动 * tween和二次贝塞尔曲线 * @author chenkai 2018/6/28 * */ class ArcMotion { private target:egret.DisplayObject; private p0:egret.Point; private p1:egret.Point; private p2:egret.Point; private loop:Boolean = false; private delay:number = 1000; /** * 初始化 * @param target 需要运动的对象 * @param p0 起始点 * @param p1 拐点 *

移动设备与行业技术不断更迭，移动游戏市场的浪潮持续升温，国内游戏从业者在面对无数行业新动态与新机遇的同时，仍有许多难题亟待解决：如何快速提升游戏性能，如何实现游戏快速获量，出海产品如何才能快速实现 “本地化”？ 今日，华为应用市场AppGallery Connect研习社·沙龙来到成都，与成都地区的游戏开发者们面对面地针对行业趋势、开发工具、运营变现等进行了深入探讨，希望通过AppGallery Connect一站式解决方案，辅助游戏开发者解决开发、分发、运营、出海等各个阶段遇到的问题，让游戏研发、分发运营、流量获取、游戏出海都能变得更加简单、高效，让更多开发者可以通过一站式解决方案做出优质产品，进而推进国内游戏市场更快发展。 那么华为应用市场AppGallery Connect究竟能给游戏行业以及游戏从业者们带来什么变化呢？让我们走进活动现场一探究竟。 AppGallery Connect一站式服务，提升游戏开发与经营效率 AppGallery Connect作为华为应用市场面向应用开发者开放的一站式服务平台，构建全场景智慧化应用生态，旨在提升开发和运营效率，帮助开发者实现用户及收入增长。截止2020年11月，AppGallery Connect已开通了87个服务，其服务应用包括了游戏、教育等多个垂直领域，服务内容涵盖了应用创意、开发、分发、运营，到分析的应用全生命周期服务。

gulpfile.js var gulp = require('gulp'); var fs = require("fs"); //type 角色0，动画1 var type=1; var resPath,dirPath,resName; function SetTypePath(n) { switch(n) { //角色 case 0: resPath="../resource/Arts/Animals/xxxA/"; dirPath="Arts/Animals/xxxA"; resName="xxxA.res"; break; //骰子 case 1: resPath="../resource/Arts/Animals/xxxB/"; dirPath="Arts/Animals/xxxB"; resName="xxxB.res"; break; } } SetTypePath(1); var context = { "gulp": gulp, "fs": fs, "in": { "resPath": resPath, "dirPath": dirPath }, "out": { "resPath": "../resource/", "dirPath": dirPath }, "res": { "ignore": ["default.res.json"],//忽略的文件

​这是我的第 61 篇原创文章 作者 | 悟空聊架构 来源 | 悟空聊架构（ID：PassJava666） 转载请联系授权（微信ID：PassJava） 前言 大家看到这篇文章的时候，我和 一枝花、Guide哥、Guide哥的妹纸 一起恰饭去啦！ 离国庆还有几天，无心写技术干货，那就来点珍藏的私活（货）吧。 谐音梗 有没有发现？ 大家可能不知道，我并不是 「计算机专业的，在大学都是自学编程、单片机、嵌入式的」 ，和计算机专业的学生还是有些差距。 要是说单片机、嵌入式我还能给您倒腾倒腾，毕竟大学期间还获得过全国研究生嵌入式电子设计 二等奖 （以本科身份破格参加）、全国大学生电子设计比赛 三等奖 。 但是 编译原理 、 Linux 内核 我真心不会。 能接到这四个私活实属意外，很魔幻了。 魔幻一、小白做网站-小亏 那个时候刚毕业几个月，通过公司培训 + 自学，学了点编程技术。从公司小伙伴中结识了一个计算机专业的大学同学，想找我一起帮他亲戚做个小网站，说是几百块钱。 第一次接私活，所以带着一颗激动的心就开始做了，功能就是做一个静态网站，有顶部导航栏，可以切换菜单，每个菜单下有不同内容，支持跳转等，总共有 7 个主页面，最复杂的是首页功能。 下面这张图就是当时做的网站，做的首页还是有模有样的~ 第一个私活截图 打完收工 做完了提的需求后，我就将网站效果图发给他们，他们觉得还行

class Main extends egret.DisplayObjectContainer { /* * * Main 类构造器, 初始化的时候自动执行, ( 子类的构造函数必须调用父类的构造函数 super ) * constructor 是类的构造函数, 类在实例化的时候调用 * egret.Event.ADDED_TO_STAGE, 在将显示对象添加到舞台显示列表时调度 */ public constructor() { super(); this .addEventListener(egret.Event.ADDED_TO_STAGE, this .onAddToStage, this ); } /* * * 手机屏幕的四大接触事件 * egret.TouchEvent.TOUCH_TAP 点击事件 * egret.TouchEvent.TOUCH_BEGIN 手指开始点击时 * egret.TouchEvent.TOUCH_MOVE 手指在屏幕移动时 * egret.TouchEvent.TOUCH_END 手指离开时 */ private onAddToStage(event: egret.Event) { // 设定2个偏移量 var offsetX: number; var offsetY: number; // 画一个红色的圆 var circle:

1：滚动小球案例 1：导入素材： 2：进行动画编辑 运行结果： 2.游戏开场动画： 1：导入素材： 2：进行动画编辑： 运行结果： 来源： oschina 链接： https://my.oschina.net/u/4460136/blog/4318232

这个游戏效果大概是这样的： 点击调色盘，即可给音符上色。 听起来简单，做起来还是有几个难点的。 1. 拖拽画笔并且确定画笔点击的颜色； 2.切换画笔到对应的颜色； 3.确定选择的是哪个音符； 4.涂上对应的颜色； 1、创建界面 a. 使用的是EXML可视化编辑器，用这个的话，页面布局用手拖动就可以了，不必再用ts计算。官方文档 http://developer.egret.com/cn/github/egret-docs/Wing/exmlEditor/index.html 也可以查看我的另外一篇博客 https://www.cnblogs.com/caoshufang/p/12074230.html 编写界面的时候不要偷懒记得给它们加上name属性，这个name属性在后面有大作用。添加的话点击所有属性里就可以找到啦。 b. 把创建好了的界面添加到舞台上。 1 /* * 2 * 创建场景界面 3 * Create scene interface 4 */ 5 protected createGameScene(): void { 6 const coloringScene = new ColoringScene(); 7 coloringScene.skinName = `resource/eui_skins/ ColoringScene.exml`; 8

游戏客户端相对于web前端开发，面临着几个问题： 前后端分离，前端业务压力更大，需要更多的设计模式、数据结构、优化策略。 之前一直从事网页游戏行业，与web前端开发对比发现： 行业天花板低，业务垂直，所以可以接触的东西少； 工业化程度更高，前后端分离，基础架构搭建，都有一套成熟的体系在实践； 公司数量少，除了头部几个巨无霸，剩下的团队大多数都是20-100人左右； 创业成本高，游戏玩法同质化严重，生存下来的游戏凤毛麟角，失败率更高； 下面通过几个维度来看看游戏客户端开发： 岗位数量； 薪资天花板（或者说行业从业者最后能达到”能力“） 公司稳定性 目前游戏主要分两个方向： h5游戏（当前国产h5引擎普遍支持全端发布） 客户端游戏 H5引擎主要是三家：cocos，egret，laya 客户端引擎主要是：u3d，虚幻引擎 一、客户端开发岗位数量分析： 1.h5游戏（cocos，egret，laya） 三者总共招聘信息+h5游戏关键字信息，总页数在 10+5+3+2=20页，每页是30条，也就说招聘公司最多600家；平均每家公司1.5个项目，一个项目需要4个客户端开发，则需求总数是： 600 1.5 4 = 36000； 也就说，上海h5游戏行业的就业容量是3.6万人；当然，其他招聘渠道也差不多，基本都是同样的公司在招聘。 如果从业者找工作岗位，对应的cocos最好，egret次之