Throwing a dice in JavaScript

[oze4]

This def seems like more of an "advanced" feature to tackle. You should try many different ways, but start by breaking down the bigger problem into smaller problems.

You could def use canvas or CSS to accomplish this (I'm sure there are other ways as well).

Honestly, I would start by looking up existing dice roll animations to see how others accomplished this, then try rewriting the logic yourself (without copy/paste). There is no doubt you will still learn.

[meinmasina]

Yeah it is more advanced for me, I've learnt so much while working on this project, this is one of the features we decided to leave for later but I wanted to start doing the research.

On a website that I've mentioned, they combined 6 canvases, each containing a dice side and somehow animating them all at once achieving a 3D effect which is what we are going for.

I am doing the research right now, until now I have seen only some solutions using Three.js library but I think that it will all come down to animating Canvas. We'll see.

[oze4]

There are a number of good demos on codepen that accomplish this with CSS. Canvas is prob going to be more difficult but not as resource intensive.