# GuiLiteWeb

**Repository Path**: snowman007/GuiLiteWeb

## Basic Information

- **Project Name**: GuiLiteWeb
- **Description**: ㊙GuiLite 3D探索
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: https://v.youku.com/v_show/id_XNDI3NjU2MzkxMg
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 17
- **Created**: 2024-02-04
- **Last Updated**: 2024-02-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p align="center">
    <img src="doc/GuiLiteCube.gif" alt="Image" width="600" height="200"/>
</p>

# GuiLiteWeb
- [GuiLite](https://github.com/idea4good/GuiLite) is the smallest GUI library with 5000 lines of C++ code, could run on **all platforms**(e.g, iOS, Android, Linux, Windows, macOS, Docker and **MCU with or without OS**).
- GuiLiteWeb inject GuiLite samples into Web page

## CubeEx
![GuiLiteCube](doc/GuiLite3D.gif)
- Inject HelloParticle & HelloWave into Cube
- [Source code](CubeEx/main.js)
- Run it by open "CubeEx/index.html" with Microsoft Edge

## HelloParticle
- Inject Guilite Sample(HelloParticle) into Web page
- Run it by open "HelloParticle/src/main.html" with Microsoft Edge

## HelloWave
- Inject Guilite Sample(HelloWave) into Web page
- Run it by open "HelloWave/src/main.html" with Microsoft Edge

## Tutorial: How GuiLite graphic work?
![GuiLiteGraphic](doc/GuiLiteGraphic.gif)
- This 3D programm is used to show how GuiLite multi-layers work.
- [Video](https://www.youtube.com/watch?v=QzZJnU5KmDQ)
- [Source code](Graphic/main.js)
- Run it by open "Graphic/index.html" with Microsoft Edge

## Cube
![GuiLiteCube](doc/GuiLiteCube.gif)
- [Source code](Cube/main.js)
- Run it by open "Cube/index.html" with Microsoft Edge