Coder Social home page Coder Social logo

jnmaloney / webgui Goto Github PK

View Code? Open in Web Editor NEW
633.0 9.0 73.0 2.79 MB

An example demo of IMGUI (Immediate Mode GUI) on the web. Using only WebGL, GLFW and ImGui. Suitable for being compiled to web assembly (WASM).

Home Page: https://jnmaloney.github.io/WebGui/imgui.html

License: MIT License

Makefile 8.44% C++ 65.48% HTML 26.09%
web-gui imgui glfw wasm web-assembly gui web

webgui's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

webgui's Issues

Errors on going fullscreen

my OS:
Ubuntu 20.04.4 LTS

how to recreate the problem.
in the WebGui demo
press F11 , go to fullscreen the following problems occur

the drawing area is not updated.
screenshot

Also, the postion of the mouse is vertically offset by a constant amount.
the is highlighted and is clickable but the cursor actually shows up about 150px upwards (above layout and scrolling)

Also reloading the page when in fullscreen mode ...incorrectly sets the drawing area.

Mobile web touches events not working correctly

Just wondering if you could do something about fixing the bugs with web touches on mobile. Since mobiles don't use the mouse click event as consistently compared to the touches event interface.

js_resizeCanvas is not defined

I'm not sure if this is an issue with the way I am trying to compile this repo or something else. I try to build the repo using emscripten with emmake make which completes without error. I have slightly edited the makefile to include the path to imgui and set the output to imgui.html. However when trying to launch the generated html, I get the js error Uncaught ReferenceError: js_resizeCanvas is not defined. The function in the output imgui.js just shows an Exit Status.

I can successfully launch the html and linked program in the repo, but I'm unable to build main.cpp from scratch. Am I missing something in the build process?

Blank Screen for Live Demo (iOS)

The demo didn’t work for me when clicking through on my iPhone 12. See the video.

thanks for putting this project to together, I used to make games and now code exclusively in JS. IMGUI is one of the good ones I miss.

IMG_0156.MP4

Exception thrown

Hello! Your code is doesn't work. There are errors "exception thrown: InternalError: too much recursion,resizeCanvas". Web console in Firefox shows message "too much recursion".
изображение
If I comment resizeCanvas(); in EM_JS, it works fine. Maybe fine. I'm not sure.

Text input not working

Trying to input some text doesn't work, tested both Firefox and Chrome.

  • Widgets -> Text Input -> Multi-line Text Input

Thanks in advance

webversion does not run

When I clone the repository and start "imgui.html" in my browser, I only get a black square

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.