https://github.com/halaway/qtframeworkgui
A simple Qt6.5 program for creating both native and browser based GUI applications, built with CMake, Qt Creator, and Emscripten.
https://github.com/halaway/qtframeworkgui
browser cmake cpp emscripten qt widgets
Last synced: 5 months ago
JSON representation
A simple Qt6.5 program for creating both native and browser based GUI applications, built with CMake, Qt Creator, and Emscripten.
- Host: GitHub
- URL: https://github.com/halaway/qtframeworkgui
- Owner: halaway
- Created: 2024-09-07T09:27:55.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-11T07:39:43.000Z (almost 2 years ago)
- Last Synced: 2025-06-05T22:06:06.218Z (about 1 year ago)
- Topics: browser, cmake, cpp, emscripten, qt, widgets
- Language: Makefile
- Homepage: https://controlled-arch.github.io/
- Size: 2.16 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Qt Framework GUI
[](https://github.com/controlled-arch/controlled-arch.github.io/actions/workflows/pages/pages-build-deployment)
A simple Qt6.5 program for creating both native and browser based GUI applications, built with CMake, Qt Creator, and Emscripten.
## Description
Following a previous implementation of a Sudoku Board using the Simple Direct Media Layer library,
this project utilizes a more modern framework that handles extensive widget customization, event handling, and cross-platform functionality
along with I/O and file imports. The project also enables web support using WebAssembly, a binary instruction format capable of running alongside Javascript inside a
virtual environment such as a web browser. The toolchain, Emscripten, will be used to compile our C++ GUI
application into WebAssembly ( `WASM` ) and Javascript (`js`) files.
## Getting Started
### Dependencies
* Qt 5/6
* CMake
* Launch Qt VSCode Extension
* GCC (Linux/macOS) – C++ compiler (install via ```apt``` or ```brew```)
* Clang (macOS/Linux) – C++ Compiler (x86/x64)
* Xcode Command Line Tools - Required for macOs
* Emscripten – Compiling C++/C projects to WebAssembly
## Building
### VSCode macOs
Running on mac using VSCode requires the Launch Qt Extension along with CMake.
Using WebAssembly for browser compilation requires setting system Path for Emscripten: ```source "$HOME/emsdk/emsdk_env.sh" ```
To Run:
```
- cd build
- cmake ..
- cmake —build .
- open Project.app
```
### Qt Creator
Using the Qt IDE:
```
- Run cmake
- Run
```
To run the application on a web browser using Qt Creator, ensure that compatible versions of Emscripten and WebAssembly are installed. Then
set the Devices' Emscripten SDK path ```/users/path/to/emsdk/```
and Build using the WebAssembly Qt Kit.
## Native Desktop GUI Build
## WebAssembly Based Browser Build
