flame_splashscreen

A flame splashcreen demo with one-dimensional vehicle simulation.

In the the center bottom of screen a pulsing flame logo is displayed. Towards it drives a bus and two or three cars which stop for it as if it was a red light. The flame then fades out and the vehicles pases it. Once the last car has passed the location of the flame, it fades in again.

Video of the splashscreen

Run app in your browser

Some features

• Driving speed is dependent on the window width
• On larger screens, an extra car is added giving a total of 3 cars and one bus
• If you restart the splash screen it alternates the driving direction (left-to-right vs right-to-left)
• Support for light mode (with a small change in main.dart to set darkMode = False)

The app is semi-responsive as in that it adopts to the window size, but only at the start of the splash screen. Resizing during the splashscreen does not affect the simulation.

To run it

Create the platform folders first (as those has not been included in git as no changes to them were made):

flutter create .

Get dependencies:

flutter pub get

Then run on your desired platform/device eg.:

flutter run --release -d windows

Keyboard shortcuts:

• Spacebar: Restart the demo
• F11: Go to fullscreen
• Escape: Leave fullscreen

Reused assets

The three following files are from MIT-licensed flame_splash_screen package:

• assets/images/layer1.png
• assets/images/layer2.png
• assets/images/layer3.png