Fondation for a descent DatGUIXR ?

[eviltik]

Hi @NikLever,

Congratulations ! this is very clean. I'm a fan 🥇

There is no serious working datui/datguivr on both browser and webxr context today. Something more customizable (styles). Something like UI widgets suite, to make menus, drop down, sliders, color pickers ...)

I plan to make an aframe component on top of canvasui. But not sure. I want to work on some 3D UI widgets. I started with an html2canvas wrapper (aframe-htmlembed-component) , giving some nice results (demo) which is working great with latest aframe version (1.3.0), so latest threejs too.

aframe-htmlembed-component does not support scrolling and i didn't try to use it through a web worker yet. CanvasUI support scrolling area. Nice shot.

Perhaps we can have really nice (static) effect mixing SVG+CSS (i have to make some tests).

What do you think about adding some features/helpers into canvasUI ? So we can seriously think about a working DatGUIXR. What is missing ?

• [x] #19
• [x] a color picker (what about an image ? is it possible to read the color of the texture below the raycaster target ?)
• [ ] a slider (input range, a la datui, why not)
• [ ] working with mouse cursor too (webxr controllers, chrome addon or not, is mandatory to see demos for now)
• [ ] a drop down (with scroll, like an html select component, with onclick event on items)
• [ ] sliding panels
• [ ] add an API to have the same logic as our old datui syntax

Please add the licence you want, i'd like to fork the repo and start playing with this new toy !

[NikLever]

Added you as a collaborator. Tread warily, try not to break anything.

[NikLever]

• a slider (input range, a la datui, why not) Pretty easy to add, essential not really different to a horizontal scroll bar
• a drop down (with scroll, like an html select component, with onclick event on items) Bit more difficult having multiple states, but totally doable
• a color picker (what about an image ? is it possible to read the color of the texture below the raycaster target ?) I'd dynamically set the colours, canvas colour picker (https://codepen.io/pizza3/pen/BVzYNP)
• working with mouse cursor too (webxr controllers, chrome addon or not, is mandatory to see demos for now) Good idea
• sliding panels Could use my Tween class
• add an API to have the same logic as our old datui syntax Nice thinking.

[NikLever]

Added a ColorPicker to the dev branch and an extra example