DICE concept development (TECHNOBABBLE PAGE)

I will need a campaign identifier (database table is built) and a character selector (that part is done) but progress is good. The DICE roll results are stored in an individual table by the selected character.

MOUSE OVER FOR RULES CHEAT SHEET

::::RULES::::

COIN – Yes/No Heads or Tails This is did you succeed or fail?

D20 – This roll is how good you succeeded… or how bad you failed.

D8 – Rolling this is health and damage

D4 – Rolling this is CRIT and Bonuses/Penalties

CHOOSE

Text operation for DICE for now… My first BLENDER animations…

Ready to roll…
Result: –


I got the d20, d8 and the coin, now I gotta do the d4 other dice today and then put them together in the widget, associate icons for each dice when selected change the widget background, when rolled play the video and generate random numbers for each roll. I am going this route instead of actual video gaming because that requires compute and accelerated graphics, this way does not.

I am going to add a silly mini game to play dice with OTHERS who are logged in, while the story is being interacted with players… You will be able to bet your a single coin from YOUR inventory vs a single coin from THEIRS, since player characters will have their own database entries for their coins adding and subtracting 1 at a time wont be hard and roll the dice for the highest number whoever wins get them both. This is a time engagement NOT a full distraction.


I need a WIRE FRAME to FORM the dice bodies. How I will ULTIMATELY do it…

I took VIDEO mp4 file and converted it to HTML/CSS and added a button with javascript to execute the animation.. But I felt like it was clunky and not smooth enough, This was the result.


I searched online for a base video that I could use to create a mock up… and I then decided on THIS video… Now I want to add this video to custom BOX as the background, and OVERLAY the rolls random number for 1-20 on it, recreate images for ALL the DICE and limit the values for them COIN, D4, D8,D12,D20 etc etc… Will and dissect this into a series of images to use as backgrounds and call with CSS and HTML instead of a static video.

Now we need to MOVE the resulting random 1-20 value to the CENTER of the video position and OVERLAY it on the dice… Remove the step by step actions and hide them so its a SMOOTH roll. THEN repeat for ALL THE dice in the set that we will need., Will clean up looks and colors later for NOW. I just want it as GENERIC as possible to be portable and be able to apply a LOOK and THEME to them on the fly by the games selected UNIVERSE.

I had to remove the ITERATIONS because the NAMES of the objects in the Javascript were breaking the testing so unforunately I cannot show change by the CHANGES taking place and have to only show the FINAL result. I will continue to LOG the changes as I make them and tweak them,

Now I want to remove the BLACKSPACE in the video and BIND its scaling to the BOX size… to be a CLEAN DICE roll image. NEED it to be exactly SQUARE because I will be rotating the video in the background to simulate different ANGLE but the position MUST stay fixed for the CSS to work. TESTING ROLLS until I see ALL rolls land on 1 through 20 as well. Will add effects for number ranges later 1 SCREEN SHAKE AND CRACK SCREAMING IN THE BACKGROUND, 2-6 EPIC FAIL – PLAY HOMER SIMPSON DOH! or other ooopsie kinda sound effect. 7-9 Just failed… dangit! 10-14 well you just succeeded… kind of… 15-19 EPIC SUCCESS!!! Chimes or other fan fair. 20 ABSOLUTE SUCCESS!!! Screen glow and bounces with confetti and shit.

Development of this process is complete.

I need to create a second layer UI around this that will allow the SELECTION of the COIN, and other DICE to roll. I need to do ALL the dice but that can be done LATER on the TEST server. The development of the DICE process is now complete.

I am satisfied with this for NOW… On to the NEXT areas.