弃天笑的程序世界

专注于游戏开发。AS3、JavaScrirpt/TypeScript、Java服务端、持续集成,自动化流程...

JavaScript实现H5游戏断线自动重连的技术

断线重连的需求尤其是手机上,会因为网络的不稳定或者其他原因,导致用户的socket链接断开。这个时候如果直接让玩家退出游戏,重新登录,无疑是非常影响用户体验的事情。所以根据这个需求,就有需要程序来实现断线后自动重连回去的技术,是用户能够再次快速开始游戏进行战斗。一、断线重连原理原来其实很简单,就是...

2017-08-29 12:45:26

阅读数:8483

评论数:8

JavaScript Canvas2D实现SpriteSheet角色动画

一、SpriteSheet目前市面上H5游戏的图片资源,基本都是采用SpriteSheet打包成图集来使用的。这样可以减少网络加载的次数,从而提升性能。另外的原因就是随着webgl的普及,把多张图片打包成一张纹理,减少纹理的频繁上传,这样也可以提升性能。本文主要是讨论使用Canvas实现的2D序列...

2017-08-23 20:01:09

阅读数:3419

评论数:2

H5手游页游的资源版本管理(带Egret例子)

Html5网络游戏和网页游戏,是属于打开浏览器就可以直接玩的,而且是边玩边下载的游戏。 由于每个版本更新,只是更新一小部分资源,如果每次进行版本更新都导致用户重新加载全部游戏资源,那么会导致用户消耗的流量以及不能快速进入游戏,严重影响体验。所以需要对网络资源加载这一块做深入的分析研究,拿出一个资...

2017-08-16 11:12:57

阅读数:4247

评论数:1

加载zip压缩的javascript代码以及在Egret H5实际应用

随着H5游戏项目越做越大,那么随之而来的javascript也越来越来大。下面是来自实际项目使用的技术分享,从最开始的简单压缩应用到最后的Egret H5项目实战。主要起因是策划对最快进入登录界面有硬性要求(3秒),那么最开始加载的文件越少越小越好。对H5的游戏程序进行压缩,可以大大缩小应用程序...

2017-07-31 13:30:42

阅读数:6144

评论数:18

如何使用JSZip(How to use JSZip)

最近在用jszip来压缩script脚本以及相关的配置文件,所以详细了解了下它 , http://stuk.github.io/jszip/ JSZip是一个用于创建,阅读和编辑.zip文件的JavaScript库,具有友好而简单的API。 下面简单地翻译下这里的文章 http://stu...

2017-07-25 09:56:55

阅读数:11374

评论数:2

创建和调试Egret5.0的WebAssembly项目

一、Egret5.0Egret升级到5.0了,增加了他们说的黑科技:WebAssembly。但是直接使用官方创建5.0的WebAssembly项目例子,竟然无法跑起来。结合了一下4.1.0的版本以及5.0的介绍,查找了相关资料,总算解决了相关问题,可以正常跑起WebAssembly工程了。这里总结...

2017-07-04 00:35:00

阅读数:2268

评论数:0

JavaScript和TypeScript的单例写法(面向对象)

一、单例类的作用在我们平时开发H5游戏过程中,有某别对象,希望在内存中只有一份实例,其他任何地方想要获取到这个实例,只能通过这个类提供的静态方法来获取到实例,而任何地方进行new来进行构造的话,都会报错。总结一下这个单例类的要求 这个类只允许进行一个new的调用构造函数行为 提供静态方法来访问唯一...

2017-06-11 21:56:29

阅读数:5571

评论数:0

解决前端Html5和Egret跨域请求Http数据的例子

最近在做平台的接入,需要做一些像其他web服务器请求相关数据的功能。那么就遇到了一个跨域请求网络数据的问题了。这里记录一下相关的解决方案。一、服务端修改Header 最主要是服务端支持服,返回的时候必须增加一个Header AddHeader("Access-Control-Allow-...

2017-06-08 20:22:41

阅读数:10405

评论数:3

H5(JavaScript/TypeScript)慎用constructor.name作标识

做个简单的错误笔记,主要是使用js的原型构造函数名字作为唯一key引起的错误。 开发语言:TypeScript/JavaScript 开发工具:白鹭工具和引擎(Egret)prototype.constructor.name引起的错误最近在做项目写底层的时候,为了底层的通讯和便捷性,预先缓存了...

2017-03-22 20:55:04

阅读数:2373

评论数:4

JavaScript的Console扩展和输出级别控制

扩展Console的原由Console作为日志输出调试的功能还是很强大的。可以打印正常的日志信息,错误信息(log,info,warn,error)等等,还可以详细详细显示函数调用栈,信息的输出函数名以及代码位置,功能可谓非常强大。 但是有个问题就是无法根据日志的等级来自由控制输出权限。比如...

2017-03-09 19:49:51

阅读数:2695

评论数:2

TS/JS错误:TypeError: Cannot read property 'prototype' of undefined

总结一下解决这个错误的引起和过程。 错误信息:TypeError: Cannot read property ‘prototype’ of undefined 开发语言:TypeScript 编译后语言:JavaScript 开发工具:LayaAir今天在调试一个新写的框架的时候,突然出现...

2017-02-08 19:51:47

阅读数:10491

评论数:0

WebStorm强大的调试JavaScript功能

一、JavaScript的调试目前火狐和Chrome都具备调试JavaScript的功能,而且还是相当的强大。如果纯粹是用浏览器来进行js调试的话,我比较喜欢用火狐。火狐可以安装各种插件,真的是非常适合开发者。不过今天的主角并不是火狐,也不是Chrome,而是号称最智能的JavaScript ID...

2017-01-06 20:28:47

阅读数:40242

评论数:0

提示
确定要删除当前文章?
取消 删除