Pixi.js Showcase

[caymanbruce]

On 15/09/2017 at 12:08 AM, ivan.popelyshev said:

There was a gamejam this summer at my work at crazypanda.ru. That was made in 4 days , 2 coders and 2 artists.

http://cutiedie.crazypanda.ru/main.html

 

Wow,  you guys really like to kill. I like the name crazypanda. Maybe I should change my nickname to it.

[caymanbruce]

A slither.io clone here ! 

My game doesn't have a fancy title, I just want to make it look like slither.io as much as possible. When it's done I want to add more custom stuff. Hope you guys enjoy it.

Link here: http://tss.fun 

special thanks to @ivan.popelyshev, who wrote some wonderful plugins that I can use to produce this game. 

Also I wonder what backend language other programers use for their MMO game? 

[ivan.popelyshev]

On 15.10.2017 at 5:46 PM, caymanbruce said:

A slither.io clone here ! 

My game doesn't have a fancy title, I just want to make it look like slither.io as much as possible. When it's done I want to add more custom stuff. Hope you guys enjoy it.

Link here: http://tss.fun

special thanks to @ivan.popelyshev, who wrote some wonderful plugins that I can use to produce this game. 

Also I wonder what backend language other programers use for their MMO game? 

Thanks!

I prefer JVM stack: Java,Scala,groovy,Kotlin. I work in company which has C++ and perl at backend. I guess profficiency in your favorite platform means more than platform choice.

[caymanbruce]

14 hours ago, ivan.popelyshev said:

Thanks!

I prefer JVM stack: Java,Scala,groovy,Kotlin. I work in company which has C++ and perl at backend. I guess profficiency in your favorite platform means more than platform choice.

Oh thank you for the information. I have only used Java before but only for business logic stuff so I have never touched the multithreading thing.  To be proficient enough to write a backend with Java is a long way to go :(. Backend is hard, but to be proficient in both backend and frontend is incredibly harder. Thank God there is PIXI to aid the development of frontend.

[infromthecold]

Yes i made https://skyfight.io and i had submitted it to your pixi gallery a while ago, but it appears to have been ignored, which i don't understand as its a game that really shows what can be done with pixi.

About Skyfight

Skyfight is a multiplayer dogfighting game where the players control a fighter aeroplane and fly around the game zone trying to destroy other players' planes. Each fighter is equipped with basic machine guns which can be temporarily upgraded by catching falling parachutes, there are also upgrades for manoeuvrability, shields, speed and our favourite Kamikaze.

As the players play they gain rank and as they progress through the ranks, the more features such as custom and team games become available at those ranks, also as you play you will also be awarded medals for completing some of the 49 achievements which are distributed throughout the game.

How to Play Skyfight

The objective of the game is to shoot down as many planes as possible while increasing your score and rank. As you enter the game for the first time there is a keyboard layout which consists of up down left and right and of course shoot which is the space bar. It’s not complicated just lots of fun.

Skyfight Strategy

The strategy is to kill everyone, but there are some hidden gems like looping which always gets you out of trouble when someone is on your tail. Collecting the health parachutes should keep you alive, but if you do get shot down then just hit enter and take off again as your rank and medals is automatically saved no matter how many times you go down.

So don’t just sit there get one up!
 

[eggborne]

Hi folks. I've been fooling around with Pixi for a couple years now, and I've finally gotten something nearly finished:  

Frog Racer 2018  

It's a clone of the Turbo Tunnel level from Battletoads, but endless and randomly generated. It's optimized for mobile and not quite as infuriating as the NES original with touch control

Mouse/keyboard control are as follows:  

WASD: move  

Space: jump

Right click: duck

If you play, please let me know if you encounter any strange behaviour or wonky visuals. Thanks!

[rap2h]

Find the cat - A web game for toddlers

I made this for my daughter, to help her learn how to use the mouse. The player has to find and click a cat, lost in a scene with some other animals.

Play it here: https://rap2hpoutre.github.io/find-the-cat/

I took me a few hours to build it. I draw the sprites pixel by pixel with piskelapp (great free tool). Anyway, I'm not an artist, just a coder. The source is available here: https://github.com/rap2hpoutre/find-the-cat. It's a quick and dirty code, my goal was just to quick build something on my free time. Feel free to AMA (still, it's a micro-micro-game so maybe there is nothing to ask!).

It's my first post here, I hope I did not break any rule!

[labrat.mobi]

Hi,

I finished my last game for this year,  Cardinal Run

You can play it here https://labrat.mobi/games/cardinal_run/ It is also mobile web friendly.

Gameplay video

 

[speedo]

This is a casino slot game made with pixi.js with high score mode "summerslam"

migrated from as3 - to - pixi.js => rendering is super fast

http://redchilligame.com/assets/html_games/summerslam/summerslam

[Exca]

Game made during global game jam: https://globalgamejam.org/2018/games/here-come-humans

Gameplay video:

 

It's a multiplayer game where each player can send control signals to rockets and they have a transmission delay until rocket receives the info.

[Exca]

Made a game during EduGameJam2018 (educational game jam held during ITK conference in Finland).

Goal is to combine ions to compounds by controlling an ion collector by tilting the phone.

Play online at http://bit.ly/ion_in_a_jar

Gameplay video:

 

[jonforum]

i give you this awesome showcase link on codepen of really cool pixi realisations!
https://codepen.io/osublake/pens/tags/?selected_tag=pixijs

https://codepen.io/osublake/pens/tags/?selected_tag=pixi

This guy does very nice thing with pixijs and shares source code.
From what to feed your inspiration.

[Ecco]

..just finished animation and tests on placeholders(forest image is not mine, im using it as a reference only) ..more to be shared soon..

[Exca]

Made a game during Assembly Game Jam 2018 in about 9 hour time.

Play here:

https://exca.itch.io/corona-lander

Gameplay video: 

 

[xerver]

Hey all, just wanted to mention I've released a new app called Pixi Playground that allows you to create and share pixi demos!

App: https://www.pixiplayground.com/
Repo: https://github.com/englercj/playground
Announce: https://twitter.com/rolnaaba/status/1037788610915782661

[Wilco93]

12 hours ago, xerver said:

Hey all, just wanted to mention I've released a new app called Pixi Playground that allows you to create and share pixi demos!

App: https://www.pixiplayground.com/
Repo: https://github.com/englercj/playground
Announce: https://twitter.com/rolnaaba/status/1037788610915782661

This looks extremely cool, and appears to run on IE11 just fine. The latter makes this website a lot more useful than jsfiddle

Thanks a lot, I will make sure to sure this for bug reports on github and or sharing implementation details!

[Exca]

ExeCUTE is a game made during Pocket Jam #3 in 29 hours at Pocket Gamer Connects Helsinki. Game won the first place in the best jam game category. It combines 2048 controls with match3 mechanics. Theme was "Chain reaction".

Play here: http://bit.ly/ExeCUTE

For more info about the jam, check https://itch.io/jam/pocket-jam-3

 

[rrandall]

Hello,

I thought I'd give back in some way for anyone who wants to render mathematical expressions (via LaTeX) in PIXI.

I created an open-source library: https://github.com/CurriculumAssociates/canvas-latex where each mathematical symbol is rendered as a PIXI displayObject (text, graphic, etc.). This allows you to display math in your pixi application, manipulate specific parts of that math, etc.

Great for anyone working in the ed-tech space, or just math nerds!

Enjoy!

 

[benny!]

Small interactive piece of work called

...because you didn't want me!

RUN

Uses latest PixiJS V4 and pixi-sound. 

[Elfpainter]

Hi, I'm web comic creator at Korea.

I'm testing to make motion comic with pixi.js and spine2d and jquery.etc.

this page is my tests. 

 

-only anmation cuts.

http://labica.synology.me/pixi/pixi01.html

- Scroll and Animation

http://labica.synology.me/pixi/pixi02.html

-Sync with scroll

http://labica.synology.me/pixi/pixi03.html

 

I love pixi. It's great!.

 

 

[ivan.popelyshev]

@Elfpainter The scroll demo is slow, I recommend to manually register mousewheel events on canvas (stackoverflow how to do it, its not related to pixi), and scroll the stage accordingly.

Also any height more than 4096 will be a problem on mobile devices, webgl doesn't support it.

[Ecco]

..hi guys...im happy to let you know that for my project, cryptocurrency game, im using Pixi, for all pony animations as well as all mini games available to users, which will be released as part of the project. I hope you like it. :)

Linky -> : https://myetherpony.io

 

[trinoo]

Hello guys,

as an old fashion ActionSript programmer I simply love this engine.

I created simple floor planning app for temporary walls company - app is responsive and should work across mobiles too. (antialiasing disabled for maximum speed on mobiles). Thanks for this wonderful library.

Links:  http://www.roomdividersny.com/floorplanner_js/

its a JS version of application created originally in flash years ago, which is still available here:  http://www.roomdividersny.com/floorplanner.php

P.S.: This is a real app, so please, if you will play with it, dont save (Submit) your work (plan).

[Exca]

Merry Christmas to everyone!

https://excaa.github.io/xmas18/

[GambitRicky]

This was planned to be a game jam project but I didn't had time to work on it until few days ago...

It uses p2 physics, Howler for sounds, in house made scene engine and of course pixi (v4).

Still has no name, tons of missing functionality and only few levels. 

Check out the game demo

 

Btw I do have issues with scaling, check the hud sprites (HP - heart). Try it in full screen to see the difference. I am using mipmap and linear scaling.

How do you guys handle scene scaling?