StageXL MouseEvent не работает

Question

Я пытаюсь создать поле на холсте, который реагирует на события MouseClick, используя Dart и StageXL. Мой код выглядит следующим образом:

import 'dart:html' as html;    
import 'package:stagexl/stagexl.dart' as sxl;

void main() {

  var canvas = html.querySelector('#canvas');
  setCanvasFullScreen(canvas);

  var stage = new sxl.Stage(canvas);
  var renderLoop = new sxl.RenderLoop();
  renderLoop.addStage(stage);

  var rect = new sxl.Shape();
  rect.graphics.rect(80, 50, 100, 100);
  rect.graphics.fillColor(sxl.Color.Crimson);

//  rect.on(sxl.MouseEvent.CLICK).listen(react);
  rect.addEventListener(sxl.MouseEvent.CLICK, react);
  stage.addChild(rect);

}//end main

void react(sxl.MouseEvent event){
  var w = html.window;
  w.alert("I'm clicked!");
}//end onClick


void setCanvasFullScreen(canv) {
  var w = html.window;
//  w.alert("Holla!!!");
  int _width = w.innerWidth as int;
  int _height = w.innerHeight as int;
  canv.setAttribute('width', '$_width');
  canv.setAttribute('height', '$_height');
}

Я пробовал оба on(MouseEvent.CLICK).listen(react); а также addEventListener(MouseEvent.CLICK, react); без успеха нет реакции. Я использую Dart Editor & SDK версии 1.8.5 и отлаживаю в браузере Dartium по умолчанию.

Любая помощь приветствуется.

Answer 1

После некоторых поисков в Интернете я нашел эту ссылку на форуме StageXL, которая правильно объяснила, почему она не работает. Итак, я изменил строку:

var rect = new sxl.Shape();

чтобы:

var rect = new sxl.Sprite();

и это хорошо реагирует.
Надеюсь, это кому-нибудь пригодится.