Create a <roll-dice> Web Component

[Danny-Engelman]

I created an experimental <roll-dice> Web Component: https://jsfiddle.net/WebComponents/cmbvswq1/

It works; could be enhanced

• I can't set display:inline-block (see code)
• for the Web Component to load its dependencies, I need to jump thru some hoops to get that exported class (see code)
• The DiceBox constructor requires a string to reference a DIV, would be nice if it accepted the DIV Node reference itself

[frankieali]

This looks great. I'll see what I can adjust to support your web component.

[Danny-Engelman]

No hurry for me. I now use: https://tympanus.net/codrops/2023/01/25/crafting-a-dice-roller-with-three-js-and-cannon-es/ because it creates true 1-6 dice faces