GUI and Accessibility

Questions
1

Hi all, I am fairly new to BJS, and trying to wrap my head around Canvas2D, BJS GUI and the like. I did a lot of research and still need clarity on:

  1. what is the difference between the castor GUI and the babylon GUI.
  2. where can I find documentation for canvas2D?
  3. My main point is I am trying to create HTML elements on top of the scene such that they are accessibility complaint.
    I did find links to @Dad72 https://www.babylonjs-playground.com/#S34THY#14, but the PG does nothing for me. Also tried opening up the distribution version for the castorgui min file. this link fails: CastorGUI/castorGUI.min.js at master · dad72/CastorGUI · GitHub
    please let me know what I am missing.
    Any, all help is highly appreciated.
    Thanks in advance.
2

Hi @akikciva , welcome :slight_smile:
Babylon GUI is the official webgl gui, still supported and kept up-to-date by core team and contributors,
Canvas2D was discontinued some years back when babylon gui was added. (as far as i know/remember)
CastorGUI is a HTML overlay gui, i don’t know about support/activity status.

You can also make your GUI directly in HTML & JS depending on your needs

1 Like
3

Thanks for the prompt answer, it helps!
Also, as you mentioned I can make my own GUI in HTML/JS, is there an example, an existing thread, PG, anything that can provide more insight on how to go about this?

4

You can make it the same way as any HTML pages and control your scene at canvas element with HTML/JS controls.
Examples are numerous, here is just one - https://mu-so.ru/3d/v2/ , you can change the texture with HTML controls over the canvas.