The dice do not roll if the results is the same as the previous

Question

1.00/5 (1 vote)

See more:

I made a dice and a function to rotate the dice as I want.

But the the dice do not roll if the results is the same as the previous

Because I thought it would be a bit hard to imagine how it work, so I made a demo there. With full code

https://codepen.io/GinCanhViet/pen/zYjvbVX

Any one can help please.

What I have tried:

Tried make a random rotation before rotating to the desired result.

However, thie made a feeling of rotation without smooth

Posted 7-Sep-22 7:03am

GinCanhViet

Updated 7-Sep-22 8:35am

v3

Add a Solution

Comments

PIEBALDconsult 7-Sep-22 13:14pm

No idea, and I'm not going to look at your code.
What I will say is that when I implemented a dice game, rather than just calling Roll() once per die, I did something along the lines of: for ( int i = 0 ; i < 10 ; i++ ) Roll() ; so the result was more pleasing.

GinCanhViet 7-Sep-22 13:18pm

I think you may not understand the issue yet

GinCanhViet 7-Sep-22 13:24pm

multi roll make the rolling not smooth, I dont wanna that

[no name] 7-Sep-22 13:31pm

If it's doing something unwanted based on a previous result, you're obviously not "initializing" things properly for the next iteration. At the very least, "result" should be initialized to something like -1 before the next "roll" to signal an obvious "different" result (when it really isn't).

GinCanhViet 7-Sep-22 13:35pm

Haha, thanks.
Keep doing your work! So toxic

OriginalGriff 7-Sep-22 14:15pm

In what way is that "toxic"?
It's a sensible response to a poor question: Why would we want to go wade through the whole of your code looking for whatever the deck your problem might be because you found it easier than extracting the relevant fragments and posting it here?

Remember that we can't see your screen, access your HDD, or read your mind - we only get exactly what you type to work with. So if you type as little as possible, you can't expect us to give you code that fixes your problem immediately ...

GinCanhViet 7-Sep-22 14:21pm

I don't understand why it look like you want to explode here.
I think it's much easier for you if I put a link with a demo than if you have to read a few lines of code and imagine it (and beacause my english so terrible).

About reason why you're angry. I think you should ignore it and continue your work.
Don't pretend to be better than newbies.

GinCanhViet 7-Sep-22 14:27pm

And by the way, I would like some help.
Because of my ability can not do more.

I don't ask you to do something for me. I pay you nothing. So I'm not asking for that.

If you don't have free time. Or feel this is unnecessary and a waste of your time. Just ignore it. Isn't this very simple?

GinCanhViet 7-Sep-22 14:30pm

Think twice. Toxic behavior from top experts. May codeproject release block or ignore feature please :D

CHill60 8-Sep-22 4:34am

There is nothing toxic about Gerry's response nor OriginalGriff's - it's a perfectly valid solution and perfectly valid advice.
If you want people to look at your code then post it here - I for one am not going to click on a link to a website I've never heard of. You've been a member of the site for long enough to know how it works

[no name] 8-Sep-22 15:20pm

That was straight advice in the absence of code. The toxicity is in your mind.

Member 15627495 8-Sep-22 1:16am

hello !
firstly : nice work !

the pattern of 'rotate' is leaking from one number to the same number.. ? ( I won't play dice hours to be sure )
It's surely from the three lines removeattribute / removeclass / re-put class of same value.

you have to write a isolated ( without constraint on the choice of the rotate by css ) pattern which make the dice turn and rotate,
so the animation stop on the status "the good display for the good random number" ....

telling with others words, your animation is too fixed.

you can force a basic animation of few rotate ( a moment of random rotate ), before adding the good class for the display.

GinCanhViet 8-Sep-22 1:33am

Thanks.
I understand that using CSS will not solve the problem in this case.

Member 15627495 8-Sep-22 1:36am

add an animation pattern , but with random moves.
then the animation go to the final one.

belonging to your decision :
- you can random the animation, then go to a last animation for final good number.
or
- follow by code each shown dice side on animation until the good number is show, with steps > 1

GinCanhViet 8-Sep-22 15:25pm

I have tried with few 3D js lib. It works fine but looks complicated.
Then I found this guy. Still CSS but working perfectly. https://github.com/alexerlandsson/dice

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

GinCanhViet · Accepted Answer · 2022-09-08T09:25:00

Solution 1

I have tried with few 3D js lib. It works fine but looks complicated. Then I found this guy. alexerlandsson dice on github. Still CSS but working perfectly.

Posted 8-Sep-22 9:25am

GinCanhViet

Updated 8-Sep-22 9:33am

v3