update doc for GuiLite 3D

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
+## 🔥New feature：Run GuiLite Samples on 3D
-![GuiLiteGraphic](doc/GuiLiteGraphic.gif)
+- ![GuiLiteGraphic](doc/GuiLite3D.gif)
-- This a 3D programm which used to show how GuiLite multi-layers work.
+- Run GuiLite Samples on Web and 3D scenario
-- [Full video](https://www.youtube.com/watch?v=QzZJnU5KmDQ)
+- [Source code](https://github.com/idea4good/GuiLiteWeb/blob/master/CubeEx/main.js)
-- [Source code](https://github.com/idea4good/GuiLiteWeb/blob/master/Graphic/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

README_zh.md

@@ -20,11 +20,10 @@
 - ⚙️希望GuiLite小到足够帮助大家掌握UI工作原理，从而摆脱UI框架的束缚，构建自己独一无二的UI
 - 👑任何UI框架都不为你我而生，你才是自己真正的主人
 
-## 🔥新功能：3D教程
+## 🔥新功能：GuiLite实例 - 3D版
-![GuiLiteGraphic](doc/GuiLiteGraphic.gif)
+- ![GuiLiteGraphic](doc/GuiLite3D.gif)
-- 通过3D程序，解释GuiLite滑动，及多层叠加原理
+- GuiLite可以实现在Web及3D环境下的流畅运行
-- [完整视频](https://v.youku.com/v_show/id_XNDI4ODE1ODcwOA)
+- [源代码链接](https://github.com/idea4good/GuiLiteWeb/blob/master/CubeEx/main.js)
-- [Source code](https://github.com/idea4good/GuiLiteWeb/blob/master/Graphic/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库