@3d-dice/dice-ui - npm explorer

@3d-dice/dice-ui

v0.5.2

User Interface components that works with @3d-dice/dice-box and @3d-dice/dice-parser-interface

dice dice-box roller roll roll20 rpg ttrpg tabletop dnd d&d

0/weekUpdated 1 years agoMITUnpacked: 287.1 KB

Published by Frank Ali

npm install @3d-dice/dice-ui

Repository Homepage npm

Dice UI

Dice User Interface

Purpose

Dice UI provides a library of front-end components for use with Dice Box. These are modules are designed to be stand-alone without dependencies on each other. Add only the modules you want to your dice roller. For instructions on how to use a specific module, see the readme file under that module's directory.

Modules

| Module | Description |
|-|-|
|Display Results|Displays the final roll results based on the JSON object representing the final results|
|Advanced Roller|Renders and input field and enables support for the full Roll20 Dice Specification|
|Box Controls|Creates a control box with sliders to adjust the dice box configurations dynamically|

TODO's

|Module|Description|Status|
|-|-|-|
|Theme picker|Select the dice texture to use|WIP|
|Color picker|Set the dice to a specific color using a color picker widget|WIP|
|Dice Picker|UI menu to quickly select 1-5 dice of a specific type|TODO|
|Roll History|A short history of recent dice rolls|TODO|
|Roll Favorites|A place to save your favorite dice rolls|TODO|
|Dice Distribution|Shows what's been rolled over time as a chart|TODO|
|Options slider|UI to adjust physics world|Done|