cellular-automata/lib/app_component.dart

import 'package:angular/angular.dart';

import 'dart:html' as html;
import 'package:rules_of_living/src/App.dart';

@Component(
  selector: 'my-app',
  templateUrl: "app_component.html"
)
class AppComponent implements OnInit {
  var name = "World";

  App engine;
  String buttonRunText = "Start";

  @ViewChild("caCanvas")
  html.CanvasElement canvas;

  @override
  void ngOnInit() {
    canvas.context2D.setFillColorRgb(255, 0, 0);
    canvas.context2D.fillRect(0, 0, 200, 150);
    engine = new App(canvas);
    html.window.animationFrame.then(animFrame);
  }

  void animFrame(num now) {
    engine.process(now);
    html.window.animationFrame.then(animFrame);
  }

  void onStartClicked() {
    bool isRunning = !engine.running;
    engine.running = isRunning;

    switch (isRunning) {
      case true: buttonRunText = "Stop"; break;
      case false: buttonRunText = "Start"; break;
    }
  }
}