技术 16 Oct 2020 HTML5游戏开发(1)：前言 根据游戏开发经验，汇总些开发知识库。 主要内容是游戏开发中经常用到的通用功能，如各种管理器、开源库等，常见疑难问题解决方案，优质资源分享。 功能开发多以2D egret引擎为主。 相关代码库托管在github： https://github.com/pury/h5-game 部分能放在线上的功能，如… 阅读原文
技术 16 Oct 2020 input文件类型默认文本，修改样式 input文件类型默认文本无法更改，会根据不同浏览器显示特定样式。 自定义样式，多是预制一个隐藏的文件类型input标签，然后逻辑触发点击事件。 <input id="upload" type="file" style="display:none;" /> <button id="… 阅读原文
技术 13 Oct 2020 js根据内容自动调整iFrame高度 可以使用JavaScript的contentWindow属性让iFrame根据里面的内容自动调整它的高度，这样就不会出现垂直滚动条。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"&… 阅读原文
技术 11 Oct 2020 【HTML5】Egret笔记（一）：游戏层 Egret由两个层组成，简单看一个页面： id为“canvasDiv的DIV”层是一个canvas，主要用于文字、位图、矢量图等的渲染，id为“StageDelegateDiv”的层是使用HTML原生的输入文本组件，<textarea>,<input>如下图： … 阅读原文
技术 11 Oct 2020 【HTML5】Egret笔记（二）：vi / vim支持TypeScript语法高亮 插件丰富多彩，本文所述方法需要安装两个包即可。 开发环境：Mac 一、vim-pathogen : 管理‘runtimepath’，vim插件管理工具 GitHub地址：https://github.com/tpope/vim-pathogen/ 终端执行命令(全部复制，只有一行）： mkdir -… 阅读原文
技术 11 Oct 2020 【HTML5】Egret笔记（三）：打包资源配置表 Egret默认的资源配置表是［default.res.json］，官方虽有资源管理工具，但当资源量过大时还是很不方便，自写一个脚本根据文件名自动生成配置表。 Github：egret配置资源 使用： 1. 编辑resource/defalut.res.groups.json, 自定义分组 2. 将所… 阅读原文
技术 11 Oct 2020 【HTML5】Egret笔记（四）：纹理集 一、纹理集批处理 Egret官方的TextureMerger －1.5.2版本后支持简单命令行调用 命令格式：-p -o -e Windows环境： 支持批处理，分享下笔者自己的bat文件。 @echo off ::源文件目录，存放散图 set origin_path=E:\origin ::目标文… 阅读原文
技术 11 Oct 2020 【HTML5】Egret笔记（五）：打包资源配置表(续) 之前用shell打包，资源分组在单独表中，不易管理，另外纹理集键值也未解析出来，本次用python重新实现了一遍。 功能：default.res.json 中分组通过Egret Wing来可视化编辑。生成部分时，工具会先保存groups分组，然后遍历资源目录，根据资源名来得到egret格式的配置。 … 阅读原文
技术 11 Oct 2020 【HTML5】Egret笔记（六）：List/DataGroup 动态列表项 点击List/DataGroup列表中单个项，通过改变currentState切换其状态, 实现下拉效果，出现两个问题： 1. 来回切换状态，其他列表项会无法显示，只有再滚动list时才会把各项刷出来。 2. 改变一个列表项状态，滑动list，会发现列表项中会有其他若干项也会跟着发生状态变化，可… 阅读原文
技术 9 Oct 2020 gulp-clean插件监听不到end事件 同步执行task，一般pipe通道监听结束end事件如下： function cleanFiles(cb) { gulp.src(..., { read: false }).pipe(clean()).on('end', function() { console.log('end '); cb();… 阅读原文
