Android Question How to animate a ball in bingo game

EduardoElias · Feb 9, 2021

Hi great people!

I need to make one animation only in a casino style game for that center ball:

that is after the ball show up from nowhere it goes rolling and getting small to the place of the small one, that all will slide to the right.

it is not a game in the normal sense, it is more a dashboard that will show what is happening.

any ideas?

LucaMs · Feb 9, 2021

Something like this?

https://www.b4x.com/android/forum/threads/need-advice-for-a-3d-issue.125628/post-784640

Erel · Feb 9, 2021

Complete code:

B4X:

Private Sub Button1_Click
    Dim iv As ImageView
    iv.Initialize("")
    Dim xiv As B4XView = iv
    XUIViewsUtils.SetBitmapAndFill(xiv, xui.LoadBitmap(File.DirAssets, "Ball-4-icon.png"))
    Dim w = 50dip, h = 50dip As Int
    Root.AddView(iv, Root.Width / 2 - w / 2, Root.Height / 2 - h / 2, w, h)
    w = 100dip
    h = 100dip
    xiv.SetLayoutAnimated(300, Root.Width / 2 - w / 2, Root.Height / 2 - h / 2, w, h)
    Sleep(300)
    Dim tx = 50dip, ty = 50dip As Int
    xiv.SetLayoutAnimated(300, tx - w / 2,ty - h / 2, w, h)
    Sleep(500)
    w = 50dip
    h = 50dip
    xiv.SetLayoutAnimated(300, tx - w / 2,ty - h / 2, w, h)
End Sub

Image source: https://iconarchive.com/show/pool-ball-icons-by-barkerbaggies/Ball-4-icon.html

LucaMs · Feb 9, 2021

eelias said:
it goes rolling

Erel · Feb 9, 2021

Making it roll will be more difficult. I would have used B4XGifView with an animated gif, or APNG which is similar, to do this.

ilan · Feb 9, 2021

need advice for a 3d issue

hello everyone i came across a game ad on Facebook. It's a billiard game 2d but the balls that are rolling are somehow rolling in 3d so the half-colored ball and the number on it roll according to the hitting point of the white ball and that made me think how can i make such an animation. i...

www.b4x.com

Billiard Game (Just the Beginning!)

hi everyone, i saw few days ago a video ad on Facebook about a Pool Game and I started thinking how the spinning animation of the half colored ball could be done in b4i using a 2d game engine (or poor code in my case) so i started a thread asking a little bit about 3d animation. you can watch...

www.b4x.com

ilan · Feb 9, 2021

relevant code may be this:

need advice for a 3d issue

hello everyone i came across a game ad on Facebook. It's a billiard game 2d but the balls that are rolling are somehow rolling in 3d so the half-colored ball and the number on it roll according to the hitting point of the white ball and that made me think how can i make such an animation. i...

www.b4x.com

ilan · Feb 9, 2021

Erel said:

Complete code:

B4X:

Private Sub Button1_Click
    Dim iv As ImageView
    iv.Initialize("")
    Dim xiv As B4XView = iv
    XUIViewsUtils.SetBitmapAndFill(xiv, xui.LoadBitmap(File.DirAssets, "Ball-4-icon.png"))
    Dim w = 50dip, h = 50dip As Int
    Root.AddView(iv, Root.Width / 2 - w / 2, Root.Height / 2 - h / 2, w, h)
    w = 100dip
    h = 100dip
    xiv.SetLayoutAnimated(300, Root.Width / 2 - w / 2, Root.Height / 2 - h / 2, w, h)
    Sleep(300)
    Dim tx = 50dip, ty = 50dip As Int
    xiv.SetLayoutAnimated(300, tx - w / 2,ty - h / 2, w, h)
    Sleep(500)
    w = 50dip
    h = 50dip
    xiv.SetLayoutAnimated(300, tx - w / 2,ty - h / 2, w, h)
End Sub

Image source: https://iconarchive.com/show/pool-ball-icons-by-barkerbaggies/Ball-4-icon.html

turtle library would be also good in this case, right erel?

Erel · Feb 9, 2021

ilan said:
turtle library would be also good in this case, right erel?

No, I don't see how it can help here.

ilan · Feb 9, 2021

Erel said:
No, I don't see how it can help here.

you can replace the triangle with the ball and instead of writing the whole code you wrote above you tell the turtle to go from point 1 to point 2.
that would not work?

Erel · Feb 9, 2021

If you just want to move the image then you need a single line of code xiv.SetLayoutAnimated(...).

The code is a tiny bit longer because it: adds the image view, enlarges it, moves it and makes it small again. Each step is animated (nicer than in the screenshot above).

omarruben · Feb 9, 2021

sometime ago I used Cinema4d to do a dice animation ( should be very easy to animate a rolling ball), and convert file to a GIF (using photoshop), that time GIF support was very bad in Android. Maybe now it is better with last components ... give it a try with B4XGifView

Star-Dust · Feb 9, 2021

eelias said:
Hi great people!

I need to make one animation only in a casino style game for that center ball:

that is after the ball show up from nowhere it goes rolling and getting small to the place of the small one, that all will slide to the right.

it is not a game in the normal sense, it is more a dashboard that will show what is happening.

any ideas?

Hi great man!

B4X:

SD_Rollball1.Start

Star-Dust · Feb 10, 2021

I would do this, I think it's the easiest way

B4X:

SD_RollingBall2.Start
SD_RollingBall2.Move(800,300,300)
Sleep(800)
SD_RollingBall2.Rebound(1.8)

ilan · Feb 10, 2021

Star-Dust said:
I would do this, I think it's the easiest way

B4X:

SD_RollingBall2.Start SD_RollingBall2.Move(800,300,300) Sleep(800) SD_RollingBall2.Rebound(1.8)

View attachment 107744

this is what i meant using the turtle logic in such a scenario.
i think the turtle logic can be useful in a lot cases when you want to implement animations in your apps.

well done @Star-Dust

Star-Dust · Feb 10, 2021

Everything by code (excluding the fund which is an ImageView)

B4X:

SD_RollingBall1.BallText="8"
SD_RollingBall1.MoveTo(1500,Side1.Left,Side1.Top)
Sleep(1500)
SD_RollingBall1.Reduce(500,Side1.Width,Side1.Height)
Sleep(500)
SD_RollingBall1.Stop

EduardoElias · Feb 10, 2021

WOW ! now you gave me something beautiful!

EduardoElias · Feb 10, 2021

Star-Dust said:
I would do this, I think it's the easiest way

B4X:

SD_RollingBall2.Start SD_RollingBall2.Move(800,300,300) Sleep(800) SD_RollingBall2.Rebound(1.8)

sir, I am little newbie with all these libraries cited here, would you mind to give me some heads up about SD_RollingBall2 ? is is part of B4XTurtle and how can I materilize it?

appreciated...

Star-Dust · Feb 11, 2021

eelias said:
sir, I am little newbie with all these libraries cited here, would you mind to give me some heads up about SD_RollingBall2 ? is is part of B4XTurtle and how can I materilize it?

appreciated...

There is no SD_RollingBall. I combined the algorithms (or rather the basic idea) of these two codes (by Erel and Ilan) by adding the light effect.

How to animate a ball in bingo game

Hi great people! I need to make one animation only in a casino style game for that center ball: that is after the ball show up from nowhere it goes rolling and getting small to the place of the small one, that all will slide to the right. it is not a game in the normal sense, it is more a...

www.b4x.com

need advice for a 3d issue

hello everyone i came across a game ad on Facebook. It's a billiard game 2d but the balls that are rolling are somehow rolling in 3d so the half-colored ball and the number on it roll according to the hitting point of the white ball and that made me think how can i make such an animation. i...

www.b4x.com

Do the same too.

Star-Dust · Feb 11, 2021

At the request of elias, I produced a small example with a B4XLib library.
I have removed a small effect which reinforces the 3D effect because I do not wish to disclose it and with the B4Xlib libraries some are convinced that they have the right to disassemble them.

Despite this change, the result is equally satisfactory.

The ideas to make this animation were brilliantly illustrated by others, it was only necessary to put everything together

Android Question How to animate a ball in bingo game

Active Member

Expert

B4X founder

Attachments

Expert

B4X founder

Expert

Expert

Expert

B4X founder

Expert

B4X founder

Active Member

Expert

Expert

Expert

Expert

Active Member

Active Member

Expert

Expert

Attachments

Similar Threads

Privacy & Transparency

Privacy & Transparency