Pury

HTML5游戏开发(2):策划数值导表工具 技术

HTML5游戏开发(2):策划数值导表工具

工欲善其事,必先利其器。 根据策划提供的游戏数值表,导出程序需要的数据格式。 各游戏都有其特色数据格式,提供一个基础解析方式。 主要应用node-xlsx包。 解析逻辑在build.js,依据需求可灵活自定义格式。 demo见GitHub: https://github.com/pury/h5-ga…
HTML5游戏开发(1):前言 技术

HTML5游戏开发(1):前言

根据游戏开发经验,汇总些开发知识库。 主要内容是游戏开发中经常用到的通用功能,如各种管理器、开源库等,常见疑难问题解决方案,优质资源分享。 功能开发多以2D egret引擎为主。 相关代码库托管在github: https://github.com/pury/h5-game 部分能放在线上的功能,如…
input文件类型默认文本,修改样式 技术

input文件类型默认文本,修改样式

input文件类型默认文本无法更改,会根据不同浏览器显示特定样式。 自定义样式,多是预制一个隐藏的文件类型input标签,然后逻辑触发点击事件。 <input id="upload" type="file" style="display:none;" /> <button id="…
【HTML5】Egret笔记(一):游戏层 技术

【HTML5】Egret笔记(一):游戏层

Egret由两个层组成,简单看一个页面:        id为“canvasDiv的DIV”层是一个canvas,主要用于文字、位图、矢量图等的渲染,id为“StageDelegateDiv”的层是使用HTML原生的输入文本组件,<textarea>,<input>如下图: …
【HTML5】Egret笔记(三):打包资源配置表 技术

【HTML5】Egret笔记(三):打包资源配置表

Egret默认的资源配置表是[default.res.json],官方虽有资源管理工具,但当资源量过大时还是很不方便,自写一个脚本根据文件名自动生成配置表。 Github:egret配置资源 使用: 1. 编辑resource/defalut.res.groups.json, 自定义分组 2. 将所…
【HTML5】Egret笔记(四):纹理集 技术

【HTML5】Egret笔记(四):纹理集

一、纹理集批处理 Egret官方的TextureMerger -1.5.2版本后支持简单命令行调用 命令格式:-p -o -e Windows环境: 支持批处理,分享下笔者自己的bat文件。 @echo off ::源文件目录,存放散图 set origin_path=E:\origin ::目标文…
【HTML5】Egret笔记(五):打包资源配置表(续) 技术

【HTML5】Egret笔记(五):打包资源配置表(续)

之前用shell打包,资源分组在单独表中,不易管理,另外纹理集键值也未解析出来,本次用python重新实现了一遍。 功能:default.res.json 中分组通过Egret Wing来可视化编辑。生成部分时,工具会先保存groups分组,然后遍历资源目录,根据资源名来得到egret格式的配置。 …