Profile cover photo
Profile photo
Bernhard Pichler
357 followers -
May all beings be filled with kindness and compassion for one another.
May all beings be filled with kindness and compassion for one another.

357 followers
About
Posts

The Spine runtime for StageXL just got an update with support for Spine 3.6. The new version of Spine supports many new features, find out more about it here: http://esotericsoftware.com/blog/Spine-3.6-tint-black-clipping-weight-painting-and-more

One of the new runtime features is Clipping:
http://www.stagexl.org/show/spine/spineboy/example.html
Add a comment...

I'm happy to announce that StageXL 1.2 is available on Pub.
The most important new features are:
* Added ViewportContainer (similar to Flash scrollRect)
* Added GraphicsGradient for WebGL (kudos to John Talley)
* Added GraphicsPattern for WebGL(kudos to John Talley)
* Added Stage.console window (see example below)
* Optimized stage-aligned rectangular masks

New Stage console window:
http://www.stagexl.org/show/spine/raptor/example.html
Add a comment...

I've released a minor update to StageXL. It supports SVG encoded graphics paths and fixed an issue with Sprite.bounds when Sprite.graphics was used.

Example for SVG encoded paths:
http://www.stagexl.org/example/drawing/decode_path/
https://github.com/bp74/StageXL_Samples/tree/master/example/drawing
Add a comment...

Post has attachment
I've release StageXL 1.0 - it is a fast 2D rendering engine for HTML5 and Dart, a language that feels familiar to Flash/ActionScript3 developers.
https://medium.com/@bp74/stagexl-1-0-a9c5ff22a534#.alwoc52yr
StageXL 1.0
StageXL 1.0
medium.com

Post has shared content
Add a comment...

Post has attachment
Official release of StageXL 1.0
StageXL 1.0
StageXL 1.0
medium.com
Add a comment...

I'm happy to announce that the Spine runtime for StageXL was updated to Spine v3.5. Samples and source code is available on GitHub: https://github.com/bp74/StageXL_Spine
Add a comment...

Since anti-aliasing in WebGL only works with super-sampling (which is quite slow) i've added a FXAA (fast approximate anti-alias) filter which does post processing of your Shapes, TextFields, Bitmaps or any other display object.

http://www.stagexl.org/example/filter/fxaa_filter/

If you want to try it, you have to use the master branch of StageXL on GitHub. The release to Pub will follow soon.
Add a comment...

All the credits go to +Daniel Sperl who has recently added this feature to the awesome Starling framework!

http://www.stagexl.org/show/bitmapfont/distance_field/example.html

How to scale/rotate bitmap fonts like a boss? Generate your bitmap font with a distance field. Each pixel stores it's distance to the nearest edge of the glyph. A dedicated fragment shader renders super sharp edges regardless if you up- or downscale the font. Text will look like vector graphics even if the source is a bitmap font.

The bitmap font looks like this:
http://www.stagexl.org/show/bitmapfont/distance_field/assets/font.png
Add a comment...

Post has attachment
I'm happy to announce that the Spine runtime for StageXL was updated to Spine v3.4. The new version supports path constraints so a bone can follow a path.

http://www.stagexl.org/show/spine/tank/example.html
http://www.stagexl.org/show/spine/stretchyman/example.html
http://www.stagexl.org/show/spine/vine/example.html

Take a look at the tank example. The individual elements of the tank tread follow a path which would be very hard to animate without this new feature.

Makeing of tank animation:
https://www.youtube.com/watch?v=BVH1Xvg9uvA&t=10m18s
Photo
Add a comment...
Wait while more posts are being loaded