Pixi.js Showcase

[Cedric Fey]

Here is a little happy new year game we (Epic.net) posted a couple of days ago.

We used Pixijs of course. It really helped us bring it online faster (or less late).

It's multiplayer so bring your comrades.

http://epic.net/mmxiv/

 

Trailer: http://vimeo.com/85511552

 

[Mat Groves]

This is ace! adding this to the project gallery if thats cool?

[Cedric Fey]

that's uber cool, thanks

[eggborne]

Hi! I've used Pixi to remake my favorite Atari 2600 game, Kaboom!
Check it out!

http://kaboom.eggborne.com


 

[kuuuurija]

My first pixi.js game,

Game can be played here: http://goldenratio.github.io/candy-jump-saga/

 

Source code here: https://github.com/goldenratio/candy-jump-saga

 

[xerver]

My first pixi.js game,

Game can be played here: http://goldenratio.github.io/candy-jump-saga/

 

Source code here: https://github.com/goldenratio/candy-jump-saga

 

 

FYI King.com owns the Trademark to "Candy" in relation to video games. It is likely they will take legal action against you if they happen across your game, they have been going crazy enforcing their trademark lately.

[mwatt]

Three Simians Software (a partner and myself) is about to introduce a learning application developed using Pixi.js, called Numbers Count.

 

This will begin life as a free app targetting iPad 2 and above.  It will also run on iPhone 6+ and works well on the desktop in Chrome, Safari and Firefox.  It does not yet run properly on IE.

 

A link to the pre-release app is here:

http://www.uberiquity.com/test/fc/index.html

Press "Start at 1" to try it out.  The Home icon in the upper left-hand corner takes you to other screens.

 

A blurb that describes the app:

A great way to learn numbers, counting, and beginning addition principals. This app combines different modes of learning (touch, graphics, and sounds) to match the students learning style and uses those modes to reinforce learning.  Designed with preschool and autistic students in mind, this app is easy to start using. Rewards gives incentive to complete each level and keep learning. Customize these rewards at each level so that they apply to your student. As your student earns more rewards, the app will keep track of what they've earned, and let your student track when their reward is used.  Overall progress is tracked using charts so you know which numbers need more work.

[MonsieurPixel]

Hi !

 

I've continued working on my AABB collider for Pixi.js

 

http://pixelshaped.com/reunionjs/step2/

Game and its representation are structurally independant, which is useful to make things like the minimap on the top left.

 

Worked a lot on optimisation too. Collisions are handled by zones so that each mobile element is collided to a zone then to the static elements it contains. This reduces drastically the total number of collisions per frame.

 

Each world object has a reference to its graphical Pixi representation and vice versa. In the main loop, only mobile elements positions are refreshed. Each graphical element extends either PIXI.Sprite or PIXI.MovieClip, with a custom animation function called once per frame, which can handle interactions with the world. I found it to be the most efficient way to deal with the separation of structure and representation.

 

Still a lot of hard (design) work to go through, but I'm pleased with the result so far. I'll keep you updated.

 

Apart from that, I would like to thank (again) Mat, because my JS stepped up a lot since I'm looking at the sources of Pixi. I've learned Grunt, Git (yeah I was a lot late on that one) and many other things reading his code, which is highly understandable. AS3 and SVN now make me jump into the past

 

Edit - now with controls and context-dependant animations !

http://pixelshaped.com/reunionjs/step3/

 

Edit 14/02 - now with gravity toggling !

http://pixelshaped.com/reunionjs/step4/

[bubamara]

Hi,

 

thanks to Pixi.js little owl can flap her wings

Link to game & screenshots is here: http://www.html5gamedevs.com/topic/3993-brave-owl/

 

-Bubamara

[kentaromiura]

Hi, last weekend I was in a flappy bird 6 hours code jam with a friend here: http://www.meetup.com/London-Indie-Game-Developers/events/166271502/?a=gs1.1_l, 

This was our entry: 

you can find the bug-driven-design hacked together source here: https://github.com/kentaromiura/flappybirds

and you can try the game here: http://kentaromiura.github.io/flappybirds/

 

It currently miss some of the basic feature like a start-restart menu (hit cmd+R/ctrl+R/f5 to restart and be prepared to click straight away),

misses touch control (but you can play using spacebar if you want), it has no sound whatsoever, and in order to finish in time the sprites has been stolen from another flappy bird clone (who made a ripoff version of the original FB who itself used some Nintendo texture) and ideally they should be replaced with something different.

 

We also found a bug on the very first frame, but that will not be cause any problem apart showing an error on the console if you manage to be faster than 1/60 of a second (this will only happen with the spacebar).

[ghostrifle]

Hey guys,

 

after about 10 years of game development absence, I started again with it Over the weekend I played a little bit with pixie.js and coded a small "Bejeweled" like "match 3" game prototype.

 

The complete code can be downloaded from github. The game can be found here.

 

I never used javascript besides some basic jQuery stuff. So I first had to get comfortable with this language. Why can't it be like C++ ? (just a joke)

 

Have fun Alex

[Sebi]

Already posted in the HTML5 Game Showcase section but I think it fits in here too.

 

Hi Guys,

 

this is my first HTML5 Game. Still a lot optimization to do tho. (GC etc)

Not yet sure if I want to add a tutorial ingame, maybe I should. 

 

I'm really not in the mood to include any deeper describtion, below the controls, a link to the game and a few screenshots.

I'd love to hear some opinions, thanks  

 

Game Play:

Desktop:

Move your cursor to move around, click to attack.

Keys: 1 and 2 for item slots.

 

Touch:

Touchmove the screen to move around.

Tap to attack.

 

 

Game URL:

http://www.kongregate.com/games/AkumaCati/doge-samurai

 

 

 

On a sidenote:

I will create the android and iOS versions native and not via webview / html5. I think it's just not the time yet to use HTML5 for smartphone apps.

[Mat Groves]

cool game!

[ghostrifle]

Nice one! And greetings from germany!

[eggborne]

Editing this post because I found annoying browser-breaking antics in the project I originally linked to. Sorry for the inconvenience.

[xnamex]

Hi there!

 

So, this is my first PIXI based game, it's called Memory Game, and you can play it here: http://cristianbote.ro/games/memory-game/

Give it a try and let me know, what you think!

 

Cheers!

[giraluna]

Here's a city building / business simulation game I've been working on for about 2 months:

 

http://giraluna.github.io/citygame/

 

It's nowhere near finished though, so don't expect much. You should expect even less of the source code, but it's at https://github.com/giraluna/citygame for those who might be interested.

 

 

I've really liked using Pixi so far. The library itself is great and the docs and source are top notch as well. Big thanks to everyone involved and keep up the good work!

[stimpi]

Hi guys,

 

We posted yesterday our new game in the game showcase forum: http://www.html5gamedevs.com/topic/5951-super-driller-new-free-social-html5-online-game/

 

Super driller is a free social HTML5 online game on facebook (currently only for PC).  We use the awesome PIXI library for our game, we really love it! :-)

 

A link to the game is here: Super Driller

 

 

Also, we love to hear what you think about the game on our Super Driller Facebook page. 

 

Thank you!

[eggborne]

I've been working on a couple fun things lately. Pixi's performance is just nuts!
 
Conway's Game of Life Visualizer - click and drag to start a pattern
 
Ant Simulator 4000 - I especially enjoy the filters used in "Groovy Mode" 
 

[yoodit]

I everyone, I used pixi.js on https://www.youtab.me/

 

It's a syncing and notation application for chords and lyrics. It will soon support tabs and notation as well. If you're a musician you should check it out.

 

I had a good experience with pixi. As a former AS3 developer it was very familiar. Took some adjusting and some custom solutions but overall I'm very happy that I decided to go with pixi.

 

See it in action here:

https://www.youtab.me/music/aCJg4O9P3uJ/grateful-dead/row-jimmy

 

Thanks to everyone involved in this project. You do a great job.

 

 

 

 

[snakesnap]

Hi,

 

please check out Snake Snap, a classic arcade game from 1990 revived on the Web and Android with the help of Pixi.js!

 

https://www.snakesnap.com

[bone0101]

Hello!

I have just completed version 1 of a game inspired by the classic Williams game, Defender.

 

This is a classic side-scrolling shooter with pretty phenomenal performance based on the speed of the pixi.js engine.

 

Please check it out and let me know what you think!

 

You can play the game at: http://cleespencer.github.io

(This is a desktop game that requires a keyboard.  I'd also suggest using either Firefox 29 or greater, or a recent version of Chrome.)

 

[bunnyhero]

i created an experiment/game called GIANT BROCCOLI FOR THE RABBIT GOD for the arbitrary gamejam 10 (#tagjam10), using pixi.js. it features a dynamically generated fractal broccoli landscape. to my surprise, it won the competition, which means i am hosting tagjam 11 (which i will post about in another thread ).

 

you can play it here: http://bunnyherolabs.com/giantbroccoli/

 

screenshots:

 

[Agares]

Hello everyone, I'm working in Bomberbot is a game about solving puzzles ordering a robot how to reach a star or destroy a crystal, it has a campaign mode and players can create their own levels.

 

 

Page: http://bomberbot.com

Create levels: http://bomberbot.com/levels/create

 

By now, I want to implement a fullscreen responsive screen, someone did that before?

[Josepho]

Hi there guys I released a game sponsored by spilgames using Pixi a Dating Sim for girls called Prom Queen Sim

 

You can check it here: http://www.girlsgogames.com/game/balo_kralicesi.html

 

Here is some screenshots

 

 

Thanks mat for your awesome engine!