Flutter Expert for "Fire Burn" Effect
Budget: $30 – $250 CAD
Project Overview:
I am looking for a specialist in Flutter's Canvas API or GLSL Shaders to build a high-fidelity "Fire Burn" effect. The animation should simulate a surface being consumed by fire from the center outward, revealing a secondary layer underneath.
Technical Requirements:
Procedural Fire Mask: Create a CustomPainter or FragmentShader that generates an expanding, irregular "burn hole." The edges must be jagged and organic, not perfectly circular.
The Ember Edge: The perimeter of the expanding hole must feature a realistic "glowing ember" effect. This includes:
An incandescent orange/yellow core (#FF8C42).
A transition to a dark, charred/carbonized texture at the singe line.
A subtle flickering effect along the burn radius.
Particle Dissolve System: As the burn expands, the UI elements on the top layer (text, icons, etc.) must dissolve into floating "ash" particles and faint smoke wisps that drift upward.
Layering Logic: The effect must act as a transition between two widgets in a Stack.
Performance: Must be highly optimized for mobile (stable 60 FPS) using Skia or Impeller rendering.
Deliverables:
A reusable Wrapper Widget that triggers the animation via an AnimationController.
Variable controls for Burn Speed, Edge Jaggedness, and Particle Intensity.
Clean, documented Dart code with no heavy third-party dependencies.
I am looking for a specialist in Flutter's Canvas API or GLSL Shaders to build a high-fidelity "Fire Burn" effect. The animation should simulate a surface being consumed by fire from the center outward, revealing a secondary layer underneath.
Technical Requirements:
Procedural Fire Mask: Create a CustomPainter or FragmentShader that generates an expanding, irregular "burn hole." The edges must be jagged and organic, not perfectly circular.
The Ember Edge: The perimeter of the expanding hole must feature a realistic "glowing ember" effect. This includes:
An incandescent orange/yellow core (#FF8C42).
A transition to a dark, charred/carbonized texture at the singe line.
A subtle flickering effect along the burn radius.
Particle Dissolve System: As the burn expands, the UI elements on the top layer (text, icons, etc.) must dissolve into floating "ash" particles and faint smoke wisps that drift upward.
Layering Logic: The effect must act as a transition between two widgets in a Stack.
Performance: Must be highly optimized for mobile (stable 60 FPS) using Skia or Impeller rendering.
Deliverables:
A reusable Wrapper Widget that triggers the animation via an AnimationController.
Variable controls for Burn Speed, Edge Jaggedness, and Particle Intensity.
Clean, documented Dart code with no heavy third-party dependencies.
Related categories:
Mobile App Development
Animation
C++ Programming
3D Animation
Dart
OpenGL
Graphics Programming
Flutter