update readme for Hello3D

README.md

@@ -17,12 +17,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：GuiLite previewer(WYSIWYG extension for GuiLite)
-- [GuiLite Previewer](https://github.com/idea4good/GuiLitePreviewer) is a Visual Studio Code extension, could extract GUI information from C++ code and preview GUI at preview page(What you see is what you get)
-- No need for drag-and-drop widgets, everything (e.g. code/design/build/debug) could be done by coding
-- No need for special GUI editor(e.g. Android Studio, Qt designer)
-- No need for Extensible Markup Language(e.g. xml, xaml)
-![GuiLitePreviewer](doc/Previewer.gif)
+## 🔥New feature：3D
+![HelloCloth](doc/HelloCloth.gif)
+
+Hello Cloth has only [100+ lines code](https://github.com/idea4good/GuiLiteSamples/blob/master/HelloCloth/UIcode/UIcode.cpp) for beginner, showing you how to build pseudo 3D App with GuiLite. You can run it on Windows, Linux and MCU.
 
 ## Features
 ### Cross platform
@@ -38,6 +36,10 @@
 | --- | --- |
 | ![macOS](doc/Mac.gif) | ![iOS](doc/Ios.landscape.gif) |
 ***
+### GuiLite previewer(WYSIWYG extension for GuiLite)
+[GuiLite Previewer](https://github.com/idea4good/GuiLitePreviewer) is a Visual Studio Code extension, could extract GUI information from C++ code and preview GUI at preview page(What you see is what you get)
+![GuiLitePreviewer](doc/Previewer.gif)
+***
 ### Support Docker Container
 We build GuiLite demo as docker image, you can update/deploy/run the latest GuiLite demo on your device with single command below:
 - `sudo docker run -it --privileged -v /dev:/dev-share idea4good/gui-lite:latest bash /run.sh`
@@ -64,6 +66,7 @@ GuiLite is only a framework, could not create UI by itself. In order to show how
 | --- | --- | --- | --- | --- |
 | HelloParticle | Windows, Linux, STM32F103, STM32F429 | Show how to develop particle effect | [Build](https://github.com/idea4good/GuiLiteSamples/blob/master/HelloParticle/README.md) | ★ |
 | HelloStar | Windows, Linux, STM32F103, STM32F429 | Show how to develop star field effect | [Build](https://github.com/idea4good/GuiLiteSamples/blob/master/HelloStar/README.md) | ★ |
+| HelloCloth | Windows, Linux, STM32F103 | Show how to build physics App with GuiLite | [Build](https://github.com/idea4good/GuiLiteSamples/blob/master/HelloCloth/README.md) | ★★ |
 | HelloGuiLite | Windows, Linux | Show how to Initialize UI, load resource, layout UI | [Build](https://github.com/idea4good/GuiLiteSamples/blob/master/HelloGuiLite/README.md) | ★★ |
 | HelloWidgets | Windows, Linux | Show how to use GuiLite widgets | [Build](https://github.com/idea4good/GuiLiteSamples/blob/master/HelloWidgets/README.md) | ★★ |
 | HelloMario | Windows, Linux, STM32F103, STM32F429 | Show how to develop multi-layer UI system | [Build](https://github.com/idea4good/GuiLiteSamples/blob/master/HelloMario/README.md) | ★★ |

README_zh.md

@@ -16,12 +16,10 @@
 - ⚙️希望GuiLite小到足够帮助大家掌握UI工作原理，从而摆脱UI框架的束缚，构建自己独一无二的UI
 - 👑任何UI框架都不为你我而生，你才是自己真正的主人
 
-## 🔥新功能：GuiLite Previewer(所见即所得的GuiLite开发插件)
-- [GuiLite Previewer](https://github.com/idea4good/GuiLitePreviewer)是一个Visual Studio Code插件，它可以自动提取源代码的GUI布局信息，并实时显示在“预览”页面上(所见即所得)
-- **不需要**“拖拽”控件，仅通过敲代码，就可以完成所有工作（例如：代码，UI编辑，编译，运行，调试）
-- **不需要**使用庞大的GUI编辑工具（或IDE，例如：Android Studio, Qt designer）
-- **不需要**使用可扩展标记语言（例如：xml, xaml）
-![GuiLitePreviewer](doc/Previewer.gif)
+## 🔥新功能：3D
+![HelloCloth](doc/HelloCloth.gif)
+
+Hello Cloth 仅有[100多行代码](https://github.com/idea4good/GuiLiteSamples/blob/master/HelloCloth/UIcode/UIcode.cpp)，用于向初学者展示：如何使用GuiLite模拟3D物理过程。该实例可支持Windows，Linux及单片机平台。
 
 ## 功能介绍
 ### 卓越的跨平台能力
@@ -37,6 +35,10 @@
 | --- | --- |
 | ![macOS](doc/Mac.gif) | ![iOS](doc/Ios.landscape.gif) |
 ***
+### GuiLite Previewer(所见即所得的GuiLite开发插件)
+[GuiLite Previewer](https://github.com/idea4good/GuiLitePreviewer)是一个Visual Studio Code插件，它可以自动提取源代码的GUI布局信息，并实时显示在“预览”页面上(所见即所得)
+![GuiLitePreviewer](doc/Previewer.gif)
+***
 ### 支持Docker容器
 我们把GuiLite demo做成了Docker映像，只需一行命令，就可以将最新的GuiLite demo升级/部署/运行在你的设备上了。
 - `sudo docker run -it --privileged -v /dev:/dev-share idea4good/gui-lite:latest bash /run.sh`
@@ -63,6 +65,7 @@ GuiLite只是一个框架，本身并不能生成UI。为了能够展示如何
 | --- | --- | --- | --- | --- |
 | HelloParticle | Windows, Linux, STM32F103, STM32F429 | 粒子效果的应用 | [编译/运行](https://gitee.com/idea4good/GuiLiteSamples/blob/master/HelloParticle/README.md) | ★|
 | HelloStar | Windows, Linux, STM32F103, STM32F429 | 星空效果的应用 | [编译/运行](https://gitee.com/idea4good/GuiLiteSamples/blob/master/HelloStar/README.md) | ★|
+| HelloCloth | Windows, Linux, STM32F103 | 3D物理过程的应用 | [Build](https://gitee.com/idea4good/GuiLiteSamples/blob/master/HelloCloth/README.md) | ★★ |
 | HelloGuiLite | Windows, Linux | 初始化GuiLite，加载资源，布局界面元素，按钮响应 | [编译/运行](https://gitee.com/idea4good/GuiLiteSamples/blob/master/HelloGuiLite/README.md) | ★★|
 | HelloWidgets | Windows, Linux | 用于演示基本控件的使用方法 | [编译/运行](https://gitee.com/idea4good/GuiLiteSamples/blob/master/HelloWidgets/README.md) | ★★|
 | HelloMario | Windows, Linux, STM32F103, STM32F429 | 多图层的UI系统 | [编译/运行](https://gitee.com/idea4good/GuiLiteSamples/blob/master/HelloMario/README.md) | ★★|