update doc for 3D tutorial
This commit is contained in:
idea4good
parent
79ec69420f
commit
0853a236a7
|
|
@ -21,10 +21,11 @@
|
|||
- ⚙️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
|
||||
|
||||
|
||||
Hello 3D has only [100+ lines code](https://github.com/idea4good/GuiLiteSamples/blob/master/Hello3D/UIcode/UIcode.cpp) for beginner, showing you how to build pseudo 3D App with GuiLite. You can run it on Windows, Linux and MCU.
|
||||
## 🔥New feature：3D tutorial
|
||||
|
||||
- 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)
|
||||
|
||||
## Features
|
||||
### Cross platform
|
||||
|
|
|
|||
|
|
@ -20,10 +20,11 @@
|
|||
- ⚙️希望GuiLite小到足够帮助大家掌握UI工作原理，从而摆脱UI框架的束缚，构建自己独一无二的UI
|
||||
- 👑任何UI框架都不为你我而生，你才是自己真正的主人
|
||||
|
||||
## 🔥新功能：3D
|
||||
|
||||
|
||||
Hello 3D 仅有[100多行代码](https://gitee.com/idea4good/GuiLiteSamples/blob/master/Hello3D/UIcode/UIcode.cpp)，用于向初学者展示：如何使用GuiLite模拟3D物理过程。该实例可支持Windows，Linux及单片机平台。
|
||||
## 🔥新功能：3D教程
|
||||
|
||||
- 通过3D程序，解释GuiLite滑动，及多层叠加原理
|
||||
- [完整视频](https://v.youku.com/v_show/id_XNDI4ODE1ODcwOA)
|
||||
- [Source code](https://github.com/idea4good/GuiLiteWeb/blob/master/Graphic/main.js)
|
||||
|
||||
## 功能介绍
|
||||
### 卓越的跨平台能力
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 190 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 642 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 956 KiB |
|
|
@ -62,17 +62,10 @@ widgets:
|
|||
为了发挥GPU的加速功能，也可以通过改写draw_xxx/fill_xxx函数，使用GPU特性，来提升绘制效率。
|
||||
|
||||
### 图层管理
|
||||
GuiLite的所有图层，如下图所示：
|
||||
|
||||
|
||||
display层：
|
||||
该层对应了物理显存，display层决定了一个显示终端的最终显示效果；通常系统中至少有一个display层。
|
||||
|
||||
surface层：
|
||||
该层属于display层的一个部分；它为左右滑动而存在，每一张滑动页面均对应了一个surface层；surface层决定了一个滑动页面的最终显示效果；通常1个display层会对应多个surface层。
|
||||
|
||||
frame层:
|
||||
该层属于surface层的一个部分；它现实叠加界面元素而存在。
|
||||
|
||||
- display层：该层对应了物理显存，display层决定了一个显示终端的最终显示效果；通常系统中至少有一个display层。
|
||||
- surface层：该层属于display层的一个部分；它为左右滑动而存在，每一张滑动页面均对应了一个surface层；surface层决定了一个滑动页面的最终显示效果；通常1个display层会对应多个surface层。
|
||||
- frame层：该层属于surface层的一个部分；它现实叠加界面元素而存在。
|
||||
|
||||
## 文件注释
|
||||
| core 重要程度/文件名称 | 代码简介 | 推荐学习时间 |
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@ Rendering include rendering method and graphic management.
|
|||
- For take GPU advantage, you can refactor draw_xxx() by using GPU feature
|
||||
|
||||
### Graphic layer
|
||||
|
||||
|
||||
- display layer：This layer for physical display device, one UI has only one display layer
|
||||
- surface layer: One display layer have many surface layers, one surface layer represent one flip page
|
||||
- frame layer: One surface layer has many frame layers, one frame layer represent one layer in Z direction
|
||||
|
|
|
|||
Loading…
Reference in New Issue