【源码】基于Cocos Creator的DOM渲染优化方案

项目简介

本项目致力于优化使用Cocos Creator创建的界面，借助DOM渲染提升性能与用户体验。该方案适用于静态页面较多且无需每帧都渲染动画的手机APP开发环境。

项目的主要特性和功能

1. DOM渲染优化：运用DOM渲染技术，仅在控件发生变化时进行重绘，有效提高电池使用效率，改善用户操作体验。
2. 插件化实现：以插件形式集成到Cocos Creator引擎中，方便开发者快速应用。
3. 源码调试支持：修改部分Cocos Creator引擎源码以支持VSCode调试，便于开发者调试和排查问题。

安装使用步骤

前提条件

确保已安装Cocos Creator 2.1.2版本。

安装步骤

1. 将本项目提供的dom目录拷贝到Cocos Creator引擎的根目录下。
2. 在Cocos Creator引擎的index.js文件中，加入代码：require('./dom')。
3. 打开命令行工具，导航到Cocos Creator引擎目录。
4. 执行命令npm install gulp来安装gulp工具。
5. 执行命令gulp build编译引擎。
6. 编译完成后，会在bin目录里出现新的Cocos Creator引擎文件，替换项目中的引擎目录即可。

VSCode调试

1. 在工程目录安装electron模块：npm install electron。
2. 在VSCode中选择"Electron: All"进行调试。
3. 第一次启动不会断点，需要在调试工具选择"Electron: Renderer"然后点击重启调试。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】