1.白鹭引擎开发猜拳游戏
2.菜鸟教程 | 微信小游戏好友排行榜教程
3.VSCode技术揭秘（一）
4.EGRET白鹭引擎游戏开发exml的码解创建及使用教程（第六期）

白鹭引擎开发猜拳游戏

       本文介绍如何利用白鹭引擎（Egret）开发一款猜拳游戏。白鹭引擎是码解一款基于HTML5的高性能游戏开发框架，适用于跨平台游戏开发。码解

       游戏功能包括四个页面：开始页面、码解游戏页面、码解结束页面以及试玩榜页面。码解二开源码网在开始页面，码解通过创建bitmap对象，码解实现背景和位图绘制。码解此外，码解需要添加两个按钮的码解事件监听，如开始游戏按钮和试玩榜按钮。码解

       在游戏页面，码解ok支付源码用户进行游戏操作。码解结束后页面展示游戏结果，码解而试玩榜页面可能包含用户排行榜或其他相关数据。

       发布游戏时，主要涉及H5方面。使用命令行发布项目，参数包括项目名称、版本、目标运行环境（HTML5或原生）等。打包完成后，将生成的bin-release文件夹中的内容上传至服务器。在本地测试时，规则链源码启动一个简易的/shenysun/FriendsList

VSCode技术揭秘（一）

       Visual Studio Code（VSCode）是一个轻量且功能强大的开源代码编辑器，基于Electron框架，使用TypeScript开发，内置Monaco编辑器，且拥有丰富的插件市场。它允许开发者扩展功能，如语法高亮、API提示等，但为保证UI稳定，不支持直接定制底层DOM。对于希望基于现有基础定制专用IDE的开发者，VSCode是营销官方源码一个理想选择，如Weex Studio、Egret Wing等IDE都基于其扩展。

       深入学习VSCode源码，首先需要具备Node.js和JavaScript的基础知识，尤其是对Electron有基本理解。Electron是基于Chromium和Node.js的跨平台技术，允许创建能在Mac、Windows和Linux上运行的桌面应用。它包含主进程和渲染进程，主进程负责核心功能，渲染进程负责UI交互，两者通过IPC模块进行通信。cms 多端 源码

       Monaco Editor是VSCode的重要组件，它与VSCode在代码编辑和UI上保持一致，但因为平台不同，VSCode提供了更全面的功能和性能。TypeScript的使用使得VSCode源码编写更为清晰，学习时需对其有基本了解。

       VSCode的架构包括独立的扩展Host进程，以及后台进程、编辑器窗口进程等。主进程负责文件读写、异步I/O，插件进程独立运行以避免阻塞UI，Debug进程和搜索进程则处理特殊任务。在开发环境中，需要正确安装和配置，包括科学上网可能的网络需求。

       源码下载和编译过程涉及逐步安装依赖和构建工作，最终产生可运行的VSCode应用。代码结构上，VSCode的核心功能和扩展分别位于src/vs和extensions文件夹，源码的运行环境和定制可以通过product.json和资源文件夹进行调整。

EGRET白鹭引擎游戏开发exml的创建及使用教程（第六期）

       本文为《EGRET白鹭引擎游戏开发》系列教程的第六期，旨在指导零基础开发者如何自研一款H5游戏并上线。本期教程将重点介绍EGRET引擎中EXML的创建与使用方法，以及如何实现EXML的适配，帮助开发者更好地进行游戏界面设计与布局。

       在使用EXML时，设计师首先需要了解EXML界面中各种控件的功能，通常通过询问程序员或查阅资料即可在1-2小时内掌握基本操作。特别值得注意的是约束功能，它对游戏的适配具有重要影响。合理配置约束，可以实现界面的拉伸、居中对齐等效果，提升游戏的视觉体验。

       使用EXML进行界面设计时，有几个关键点需要注意：

       1. **默认TWEEN动画**：如果动画不是装载在GROUP里，避免直接修改XY属性。确保每个帧都设置好属性，以实现流畅的动画效果。

       2. **自定义参数**：有些参数可能在EXML的常规属性中找不到，这时可以在源代码文件中自行添加。例如，BitmapLabel的Offset（锚点）可以直接在EXML文件中进行设置。

       3. **分组与模块化**：对于内容较多的界面，建议使用组或GROUP进行封装，以便于后续的代码控制和管理。

       4. **新增BITMAPLABE**：在新增BITMAPLABE时，记得重启编辑器，以确保新增组件生效。

       在TS（TypeScript）中，通过简单的代码调用即可使用EXML，示例代码如下：

       actionscript3

       public constructor() {

        super();

        this.addEventListener(eui.UIEvent.COMPLETE, this.WarinitUI, this);

        this.skinName = "resource/egamexml/War.exml";

       }

       对于EXML的适配，推荐一种简单且效果良好的方法，即在配置类中直接编写代码，实现界面自适应。示例代码如下：

       actionscript3

       export function setScreenAuto(_target) {

        _target.left = 0;

        _target.right = 0;

        _target.top = 0;

        _target.bottom = 0;

       }

       加载完EXML文件后，只需调用`setScreenAuto(this)`即可完成适配。默认的数据缩放模式设置为`SHOW_ALL`，通常无需额外调整。设计师通过合理配置EXML的约束，可以轻松实现界面布局的调整，提高开发效率。

       接下来的教程将涵盖JSON格式的使用与配置档的介绍，敬请期待！所有内容将在知乎平台持续更新，欢迎关注！