StageXL: fast and universal 2D rendering engine for HTML5 and Dart (opens in new tab)

(github.com)

47 pointswx19610y ago18 comments

18 comments

13 comments · 7 top-level

mkesper10y ago· 4 in thread

StageXL started as an easy migration path for Adobe Flash developers and their products to HTML5. Therefore StageXL provides the same display list API you may have used in Flash for many years. Furthermore the Dart programming language is easy to use for everyone who is familiar with ActionScript.

talmand10y ago

CreateJS is the same concept but with Javascript.

bp7410y ago

Yes, CreateJS was one of the first libraries providing a Flash display list in HTML5. But CreateJS uses the Canvas2D api and a very limited WebGL implementation. StageXL provides much more features with full WebGL support.

1 more reply

JoeSloth10y ago

Seems similar to Pixi js. I like that Pixi uses WebGL though, with a canvas fallback. It also uses a Flash-esque API

bp7410y ago

StageXL does also use WebGL with a fallback to Canvas. Fortunately, most browsers supports WebGL nowadays.

1 more reply

bshimmin10y ago· 2 in thread

It does pretty well on the always-entertaining bunny benchmark! http://www.stagexl.org/samples/bunny_bench/ (You'll want to click and hold because clicking to try and get the FPS below 60 soon gets tedious.)

I always found the Display List in Flash to be a pleasant thing to work with.

bp7410y ago

There is also an updated version of this benchmark: http://www.stagexl.org/example/benchmark/bunny_mark/

jbrantly10y ago

That benchmark is amazing. I remember wanting to prototype an HTML5 tower defense game a number of years back but couldn't overcome the performance issues as more and more sprites were added. I may need to revisit...

bp7410y ago

You can try more examples here:

http://www.stagexl.org/samples/

And you can look at some source code examples here:

https://github.com/bp74/StageXL_Samples

And StageXL also supports runtimes for Spine, Dragenbones, Flump, ...:

https://github.com/bp74/StageXL_Spine

https://github.com/bp74/StageXL_DragonBones

https://github.com/bp74/StageXL_Flump

https://github.com/bp74/StageXL_BitmapFont

fuck_dang10y ago

This is pretty cool! Being able to use Dart easily and comfortable will go a long way I think.

Especially with new things like the Flutter toolkit for mobile apps, it'll be nice to have something like StageXL for porting those games to browser or from the browser to apps, etc.

Dart gives me the feeling that it'll be easy to port my code to another platform later. Nice and simple, but plenty fast enough and with good lang features.

I'm on a Chromebook, and none of the performance demos seem to work... nothing renders or happens at all

markdog1210y ago

Using this to port games from Flash. Would highly recommend.

sounddesignz10y ago

Sneak Peek on a StageXL framework I am working on: http://rockdot.sounddesignz.com/template/

Screen Management + Responsive Layouts + Material Design UI library + Spring Application Context (IoC/DI) + MVC/Commands + Physics + Google API + Facebook API + whatnot.

To kind of prove that the Dart2JS compiler is amazing: What you see comes in 230KiB gzipped.

Also make sure to check out the button to the upper right. If it does magic, you're on WebGL.

Github: https://github.com/blockforest/rockdot-generator

leeoniya10y ago

would be fun to port Portal 2D: http://portal.wecreatestuff.com/

j / k navigate · click thread line to collapse

18 comments

13 comments · 7 top-level

mkesper10y ago· 4 in thread

talmand10y ago

CreateJS is the same concept but with Javascript.

bp7410y ago

1 more reply

JoeSloth10y ago

Seems similar to Pixi js. I like that Pixi uses WebGL though, with a canvas fallback. It also uses a Flash-esque API

bp7410y ago

StageXL does also use WebGL with a fallback to Canvas. Fortunately, most browsers supports WebGL nowadays.

1 more reply

bshimmin10y ago· 2 in thread

I always found the Display List in Flash to be a pleasant thing to work with.

bp7410y ago

There is also an updated version of this benchmark: http://www.stagexl.org/example/benchmark/bunny_mark/

jbrantly10y ago

bp7410y ago

You can try more examples here:

http://www.stagexl.org/samples/

And you can look at some source code examples here:

https://github.com/bp74/StageXL_Samples

And StageXL also supports runtimes for Spine, Dragenbones, Flump, ...:

https://github.com/bp74/StageXL_Spine

https://github.com/bp74/StageXL_DragonBones

https://github.com/bp74/StageXL_Flump

https://github.com/bp74/StageXL_BitmapFont

fuck_dang10y ago

This is pretty cool! Being able to use Dart easily and comfortable will go a long way I think.

Especially with new things like the Flutter toolkit for mobile apps, it'll be nice to have something like StageXL for porting those games to browser or from the browser to apps, etc.

Dart gives me the feeling that it'll be easy to port my code to another platform later. Nice and simple, but plenty fast enough and with good lang features.

I'm on a Chromebook, and none of the performance demos seem to work... nothing renders or happens at all

markdog1210y ago

Using this to port games from Flash. Would highly recommend.

sounddesignz10y ago

Sneak Peek on a StageXL framework I am working on: http://rockdot.sounddesignz.com/template/

Screen Management + Responsive Layouts + Material Design UI library + Spring Application Context (IoC/DI) + MVC/Commands + Physics + Google API + Facebook API + whatnot.

To kind of prove that the Dart2JS compiler is amazing: What you see comes in 230KiB gzipped.

Also make sure to check out the button to the upper right. If it does magic, you're on WebGL.

Github: https://github.com/blockforest/rockdot-generator

leeoniya10y ago

would be fun to port Portal 2D: http://portal.wecreatestuff.com/

j / k navigate · click thread line to collapse