Aug 14, 2017 notes

浅析事件驱动的 GUI 原理

从中学时期做 Flash 开发，到大学期间学 App 开发，到毕业后当了几年手机游戏开发者，再到现在转行做 Web 前端。在脑海里一直挥洒不去的疑问就是「如何从 0 开始实现一个 GUI 框架」。

期间间断性地尝试过找一些书看，但大部分都是教如何用现成的桌面 GUI 框架（例如 Java Swing，Qt，WPF 等）写一些软件或者 APP 。而非我想要的那种偏实践性的，从概念介绍 GUI 架构并一步一步实现的文献。

不过在经过使用那么多框架后做了各种各样的项目后，其实已经从这些框架中汲取了不少思想。所以想通过对几个游戏引擎的分析，来看看交互程序中的 GUI 是如何工作的。如果有时间，或许可以试着在网页的 Canvas 上实现一个简单的 GUI 框架。

为什么选游戏引擎？因为游戏引擎是非常典型的图形交互程序，而且游戏引擎的 GUI 部分相对于传统应用程序而言更加精炼，容易理解。经过考查，我选了三个游戏引擎，分别是 cocos2d-html5，egret-core 和 unity3d-ui 。