Jump to content

Pixi.js Showcase


Mat Groves
 Share

Recommended Posts

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? 

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

  • 1 month later...

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!

 

screenshot1.png

screenshot9.png

screenshot7.png

Link to comment
Share on other sites

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!

screenshot1.png

screenshot2.png

Link to comment
Share on other sites

  • 3 weeks later...

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!

5a38d3a2ce5ca_Capturedecran2017-12-18a15_55_50.thumb.png.eb91541900b19fee80d9504dfd24cf1d.png

Link to comment
Share on other sites

  • 2 weeks later...
  • 1 month later...
  • 2 months later...
  • 4 weeks later...
  • 2 weeks later...
  • 2 months later...
  • 1 month later...
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

image.thumb.png.84ffc8c7abbc27802db73ffd34575416.png

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!

Link to comment
Share on other sites

  • 2 weeks later...

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!

 

MathExpressions.gif

Link to comment
Share on other sites

  • 4 weeks later...

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!.

 

 

Link to comment
Share on other sites

  • 2 weeks later...

..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

 

Link to comment
Share on other sites

  • 4 weeks later...

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).

floorplanner-p.jpg

floorplanner-l.jpg

Link to comment
Share on other sites

  • 5 weeks later...
  • 2 weeks later...

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

image.png

 

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?

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...