dice3d
Simple 3D dice roll animator by CSS3 Animation.
With bower
install
$ bower install dice3d
Load styles in <head></head>
<link rel="stylesheet" href="bower_components/dice3d/dist/dice3d.css">
Load sound at top of <body></body> and set id to dice3d-sound.
<audio id="dice3d-sound" src="bower_components/dice3d/dist/nc93322.mp3"></audio>
Load script at end of <body></body>.
<script type="text/javascript" src="bower_components/dice3d/dist/dice3d.js"></script>
You can animate dice rolling by globaly defined function dice3d().
dice3d(6, 1, callback);
With npm (and CommonJS builder)
Install with npm.
$ npm install --save dice3d
Copy dice3d.css and nc93322.mp3 in to your public directory.
Load styles in <head></head>.
<link rel="stylesheet" href="path/to/dice3d.css">
Load sound at top of <body></body> and set id to dice3d-sound.
<audio id="dice3d-sound" src="bower_components/dice3d/nc93322.mp3"></audio>
You can animate dice rolling.
var dice3d = require('dice3d');
dice3d(6, 2, callback);
Docs
function dice3d(faces, pips, callback);
faces: Number of faces.6only.pips: Number of pips on the dice top.callback: Called when animation is finished.
Thanks
[サイコロ] 1D6 [SE](Sound Effect)
License
MIT License
Bug, Issue, Pull Request
Open issue in English or Japanese.
Example
dice.html
