1.0.2 • Published 10 years ago

dice3d v1.0.2

Weekly downloads
2
License
MIT
Repository
github
Last release
10 years ago

dice3d

npm package Build Status PeerDependencies Dependencies DevDependencies

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. 6 only.
  • pips: Number of pips on the dice top.
  • callback: Called when animation is finished.

Thanks

License

MIT License

Bug, Issue, Pull Request

Open issue in English or Japanese.

Example

dice.html

Press a button Dice rolling Result

1.0.2

10 years ago

1.0.1

10 years ago

1.0.0

10 years ago

0.1.5

10 years ago

0.1.4

10 years ago

0.1.3

10 years ago

0.1.2

10 years ago

0.1.1

10 years ago

0.1.0

10 years ago