How to Create a Dice Roll Game using HTML CSS & JavaScript

View the SOURCE CODE 👇

In today's project we'll take a look at creating a dice roll game using HTML, CSS and JavaScript. This will allow you to "roll" dice in 2D, giving you a random set of dice after 1 second.

This project is great for improving your CSS and JavaScript DOM skills, especially as a beginner to web development.

If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!

#dcode #webdevelopment #javascript

[photoinshot]

Excellent tutorial very clearly explained, many thanks!

[redMaple_QC]

Great tutorial. Very clean. Thank you.

[jacobchung]

Thanks! Although, wouldn't it be easier to load 6 images for the sides of the die instead of creating specific dots?

[scienceireland]

Thanks, that was a great tutorial. I learned a lot.

[pontusrydstrom]

What if I want to make something that counts everytime i role a dice?

[joemelnick]

Great Tutorial, Dom. Could be used as the basis for a game like Yahtzee. Nice!!

[xylzevercon]

what would you do differently if you wanted to have is display the number 1, 2, 3, 4, 5 etc. instead of a dot.

[adelineiscoding]

Really nice ! Thank you for that tutorial.

[trapdracula_]

Followed the tutorial up to the point where he talks about the dot matrix....and the link is suspended.

[ffplayer]

Anyone guide me! How to save canvas images in p5js ?