Merry Christmas Fable Community!

Dear people from the f# & Fable community, here is my little contribution to the great F# advent calendar 2017 edition.

I’m very happy to be able to participate this year with a light presentation of PixiJS and Animejs for Fable.

PixiJS and Fable

Getting started

Use Paket

So for all your PixiJS based projects you can easily add the dependency using our beloved Paket tool:

Sample-Pixi

Samples!

Rotating Bunny?

For instance, here’s the adaptation of the very first basic pixi sample for Fable

F#
Fablicules! (Fable Particles)

You’ll also find there our latest experiments mixing sub PixiJS libraries such as pixi-particles and pixi-sound.

And even small gaming experiments like this one:

Fable Pixi Template!

So grab the template, start a new project, copy and paste some code from samples-pixi and have fun!

Animejs and Fable

fable-import

paket

samples?

Fable, PixiJS and AnimeJS working together

Merry Christmas!

Of course the source code is available for you. It’s fully documented. I’ve spent a lot of time tweaking things to easy up things. It’s a very small project involving PixiJS and AnimeJS yet it is complete: we’re using a preloader, we’re using layers, sprites, particles, a little Async based state machine to process events and a very easy to understand rendering state machine.

So there’s plenty of things to learn and who knows… You could easily tweak this project to build a complete game…

Last but not least

It seems that, for very special reasons, 2018 will also be a great #fsharp #fable year too. Now that our pixi repo is ready I will try to work on the documentation part to make this much more practical for you and who knows… Maybe we’ll see great animations or games popping on twitter with the hashtag #fablepixi

Thanks!

And particularly Alfonso & Maxime for their patience, their messages full of kawaii emojis and their invaluable help on setting up the sample-pixi and fable-import repositories as well as NuGet packages.

Fsharp rocks! And don’t forget:

Fable: if it compiles it works.