Skip to content

Instantly share code, notes, and snippets.

@bp74

bp74/gist:7838125

Created December 7, 2013 06:55
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save bp74/7838125 to your computer and use it in GitHub Desktop.
Save bp74/7838125 to your computer and use it in GitHub Desktop.
Download ZIP
This is a simple test for the blur bitmap filter in StageXL: https://github.com/bp74/StageXL/blob/master/lib/src/filters/blur_filter.dart
Raw
gistfile1.dart
import 'dart:html' as html;
import 'package:stagexl/stagexl.dart';
void main() {
var stage = new Stage("myStage", html.querySelector("#stage"));
var renderLoop = new RenderLoop();
renderLoop.addStage(stage);
BitmapData.load("Astronaut.jpg").then((bitmapData) {
var targetBitmapData = new BitmapData(bitmapData.width + 40, bitmapData.height + 40, true, Color.Transparent);
var filter = new BlurFilter(10, 10);
var rectangle = new Rectangle(0, 0, bitmapData.width, bitmapData.height);
//-------------
var sw = new Stopwatch();
sw.start();
for(int i = 0 ; i < 100; i++) {
targetBitmapData.clear();
targetBitmapData.applyFilter(bitmapData, rectangle, new Point(20, 20), filter);
}
print(sw.elapsedMilliseconds);
//-------------
var bitmap1 = new Bitmap(bitmapData);
bitmap1.x = 20;
bitmap1.y = 20;
stage.addChild(bitmap1);
var bitmap2 = new Bitmap(targetBitmapData);
bitmap2.x = 400;
bitmap2.y = 0;
stage.addChild(bitmap2);
});
}
Raw
gistfile2.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>FilterTest</title>
<link rel="stylesheet" href="filtertest.css">
</head>
<body>
<canvas id="stage" width="940" height="500"></canvas>
<script type="application/dart" src="filtertest.dart"></script>
<script src="packages/browser/dart.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment