Android Question How to animate a ball in bingo game

[EduardoElias]

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]

Something like this?

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

 

[Erel]

Complete code:

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]

it goes rolling

 

[Erel]

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]

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]

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]

Complete code:

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]

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

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

 

[ilan]

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]

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]

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]

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!

SD_Rollball1.Start

 

[Star-Dust]

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

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

 

[ilan]

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

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]

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

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]

WOW ! now you gave me something beautiful!

 

[EduardoElias]

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

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]

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]

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