diff --git a/README.md b/README.md index 7e55c50..86deccb 100644 --- a/README.md +++ b/README.md @@ -21,11 +21,10 @@ - ⚙️We hope GuiLite is small enough to help you understand how UI works. - 👑You should be the master of your UI and not be tied to a specific framework. -## 🔥New feature:3D tutorial -![GuiLiteGraphic](doc/GuiLiteGraphic.gif) -- This a 3D programm which used to show how GuiLite multi-layers work. -- [Full video](https://www.youtube.com/watch?v=QzZJnU5KmDQ) -- [Source code](https://github.com/idea4good/GuiLiteWeb/blob/master/Graphic/main.js) +## 🔥New feature:Run GuiLite Samples on 3D +- ![GuiLiteGraphic](doc/GuiLite3D.gif) +- Run GuiLite Samples on Web and 3D scenario +- [Source code](https://github.com/idea4good/GuiLiteWeb/blob/master/CubeEx/main.js) ## Features ### Cross platform @@ -92,6 +91,10 @@ GuiLite is the smallest and simplest GUI library. - [How to switch theme?](https://github.com/idea4good/GuiLiteSamples/blob/master/HostMonitor/UIcode/source/resource/resource.cpp) - [How to dispatch messages?](doc/HowMessageWork.md) - [UML chart of GuiLite core](doc/UML.md) + - How GuiLite multi-layers work? + - ![GuiLiteGraphic](doc/GuiLiteGraphic.gif) + - [Full video](https://www.youtube.com/watch?v=QzZJnU5KmDQ) + - [Tutorial Source code](https://github.com/idea4good/GuiLiteWeb/blob/master/Graphic/main.js) ## How to learn? 1. Build/Run GuiLite library diff --git a/README_zh.md b/README_zh.md index b21da71..5172066 100644 --- a/README_zh.md +++ b/README_zh.md @@ -20,11 +20,10 @@ - ⚙️希望GuiLite小到足够帮助大家掌握UI工作原理,从而摆脱UI框架的束缚,构建自己独一无二的UI - 👑任何UI框架都不为你我而生,你才是自己真正的主人 -## 🔥新功能:3D教程 -![GuiLiteGraphic](doc/GuiLiteGraphic.gif) -- 通过3D程序,解释GuiLite滑动,及多层叠加原理 -- [完整视频](https://v.youku.com/v_show/id_XNDI4ODE1ODcwOA) -- [Source code](https://github.com/idea4good/GuiLiteWeb/blob/master/Graphic/main.js) +## 🔥新功能:GuiLite实例 - 3D版 +- ![GuiLiteGraphic](doc/GuiLite3D.gif) +- GuiLite可以实现在Web及3D环境下的流畅运行 +- [源代码链接](https://github.com/idea4good/GuiLiteWeb/blob/master/CubeEx/main.js) ## 功能介绍 ### 卓越的跨平台能力 @@ -91,6 +90,10 @@ GuiLite是最简单,易学的GUI库。 - [如何“换肤”?](https://gitee.com/idea4good/GuiLiteSamples/blob/master/HostMonitor/UIcode/source/resource/resource.cpp) - [如何传递消息?](doc/HowMessageWork.md) - [核心UML示意图](doc/UML.md) + - GuiLite滑动,及多层叠加原理 + - ![GuiLiteGraphic](doc/GuiLiteGraphic.gif) + - [完整视频](https://v.youku.com/v_show/id_XNDI4ODE1ODcwOA) + - [Source code](https://github.com/idea4good/GuiLiteWeb/blob/master/Graphic/main.js) ## 学习方法 1. **外围** - 成功编译GuiLite库 diff --git a/doc/GuiLite3D.gif b/doc/GuiLite3D.gif new file mode 100644 index 0000000..0149a2a Binary files /dev/null and b/doc/GuiLite3D.gif differ