main.dart

import 'dart:async';

import 'package:flutter/material.dart';
import 'dart:math' as math;

class Electron {
  double speed;
  double size;
  Color color;
  double currentPositionDegree;

  Electron({
    @required this.speed,
    @required this.size,
    @required this.color,
    @required this.currentPositionDegree,
  });
}

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter4Fun.com',
      theme: ThemeData(
        primarySwatch: Colors.yellow,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: HomePage(),
    );
  }
}

class HomePage extends StatefulWidget {
  const HomePage({Key key}) : super(key: key);

  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  List<Electron> electrons = [
    Electron(speed: 1, size: 10, color: Colors.yellowAccent, currentPositionDegree: 0),
    Electron(speed: 3, size: 6, color: Colors.purpleAccent, currentPositionDegree: 180),
  ];

  Timer timer;

  @override
  void initState() {
    super.initState();
    timer = new Timer.periodic(
      Duration(milliseconds: 16),
      (t) {
        setState(() {
          electrons.forEach((electron) {
            electron.currentPositionDegree += electron.speed;
          });
        });
      },
    );
  }

  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Color(0xFF191636),
      body: Center(
        child: Stack(
          children: [
            Transform.rotate(
              angle: degreesToRads(0),
              child: CustomPaint(
                painter: _OrbitPainter(electrons),
                size: Size(300, 100),
              ),
            ),
            Transform.rotate(
              angle: degreesToRads(60),
              child: CustomPaint(
                painter: _OrbitPainter(electrons),
                size: Size(300, 100),
              ),
            ),
            Transform.rotate(
              angle: degreesToRads(120),
              child: CustomPaint(
                painter: _OrbitPainter(electrons),
                size: Size(300, 100),
              ),
            ),
          ],
        ),
      ),
    );
  }

  @override
  void dispose() {
    timer.cancel();
    super.dispose();
  }
}

class _OrbitPainter extends CustomPainter {
  final List<Electron> electrons;

  _OrbitPainter(this.electrons);

  @override
  void paint(Canvas canvas, Size size) {
    final center = Offset(size.width / 2, size.height / 2);
    final rect = Rect.fromCenter(center: center, width: size.width, height: size.height);
    canvas.drawOval(
      rect,
      Paint()
        ..color = Colors.white
        ..style = PaintingStyle.stroke
        ..strokeWidth = 1,
    );

    electrons.forEach((electron) {
      final degree = degreesToRads(electron.currentPositionDegree);
      final electronPos = center +
          Offset(
            math.cos(degree) * (size.width / 2),
            math.sin(degree) * (size.height / 2),
          );
      canvas.drawCircle(electronPos, electron.size, Paint()..color = electron.color);
    });
  }

  @override
  bool shouldRepaint(covariant CustomPainter oldDelegate) => true;
}

num degreesToRads(num deg) {
  return (deg * math.pi) / 180.0;
}