I just spent over three hours creating the black hole background! Preview: arcade.medz.dev Repo: github.com/medz/flutter-a… #FlutterDev #DartDev #UI #ArcadeUI

@shiweidu This looks so cool, and the grid background is itself a component from arcade-ui - you tricked it very well.

@pythonhubdev The most difficult part of the black hole mesh is the central region; if you look closely, you'll see that I didn't handle it well. I hardcoded the boundary conditions.

@shiweidu It looks so smooth great job.👏

@pythonhubdev The "fake 3D" effect in the black hole background is achieved by using ellipses that continuously move towards the center to deceive the eye 🤣 You can't look too closely, or you'll notice this.

@shiweidu I don’t notice it even now😂 my eyes are bad. It looks so smooth thats all that matters. This could be reactbits.dev/get-started/in… for flutter?

@pythonhubdev 🤩Wow! This looks so cool! I'm going to take some effects from ReactBits and implement them in the Arcade UI! That would be awesome! (And try to keep it dependency-free)

@shiweidu But I don’t know if many things will run smoothly on Flutter web, but definitely we can use them for mobile. It would be cool to have some copy-paste code without dependencies. I’ll try to contribute some easy components as well.

@pythonhubdev The four components I have implemented so far are all dependency-free.

@shiweidu Yeah that’s super cool and I guess most of them won’t require any dependencies.

@pythonhubdev Achieving these effects only requires using Flutter's Canvas API. The rest is all math and algorithms 😂