Phaser and Tone.js music box prototype

Playing with Phaser and a sound library called Tone.js, i was able to assemble a prototype of something like a music box. Using Tone.js is very interesting how it can handle the sound for an experiment like the one presented in this post.

Tone.js is able to create the notes from scratch and with a bit of luck execute from Phaser.io

The experiment uses Phaser as the trigger of the notes in Tone.js, and the notes can be added as expected with the Tone.js notation system. In this case the music was written by a friend who is a musician and was very effective recreating the notes from A-HA TAKE ON ME.

Click on the link bellow to listen and see the Tone.js and Phaser experiment:

https://weveana.com/proyectos/SoundTest/WebContentTakeOnMe

The road to HTML5 casual game development – “I still use Phaser 2”

Well, for some time now, i´ve triying to catch the Phaser 3 train. In my experience, as a single developer who already passed several years deciding how to get involved into the HTML5 game design and development world, first i started with a js framework called impact.js.

But going even more to the past, i remember to proof myself doing any game with whatever languaje i had. So as a multimedia designer i already was, the first technology i had contact with and able to really do some interesting interactive stuff was FLASH. At the time this technology was involved in many web games that used to inspire me to try to develop something like that.

So my first game prototypes where made using FLASH but the dead of this tech marked me with a new task, learn how to make HTML5 games. Thats why i ended at firts with impact.js, a library in JS that is fine for doing games but its no more upgraded or maintained for a while now.

So i decided to search for another solution, and found Phaser, that in the moment was in version 2. For many years i used my time to learn this framework, i got some ebooks and followed some tutorials, i spent many hours and did some prototypes and finally i knew how to move a bit quickly in that development eviroment.

In some point i was exited for the upcomming release of Phaser3, but untill then i continued learning how to develop things on Phaser 2. I even aquire some plugins or programs to accelerate the development process and make my first complete game.

So after i got the chance to fully concentrate in develping a complete game, i did it knowing that Phaser 3 was already realeased, in my mind this technology was an “upgrade” from Pasher 2. But sadly when i wanted to connect my already aquired knoledge and effort with the “New Phaser”, I was surprised and i felt a bit dissapointed to the complete rewrite of the framework.

So with the history backgorund given, on my case to continue learning the new workflow showed in Phaser 3 is a WANT but not a MUST, considering that also i am attracted to give the chance to Unity as the IDE for building the web games.

The funny thing here is that already is an upcomming Phaser 4 on the way! Well i left here the link to other of my articles where i did the same thing with the two versions of Phaser, with this examples i ended making my first multiplayer game but i decided to go with Phaser 2 mostly cause the workflow i already have optimized and aquired and by now no further plans on cotinuing on Phaser 3 because i want to try Unity.

A new game has arrived: Spacewalk

In our quest for creating interactive experiences, we begun to explore the vast world of multiplayer gaming design and develop. As a first example of what can we do with the tools and languajes available to build HTML5 games with ease, Spacewalk is the result of that path of design and development.

Play our first multiplayer game now!

As we advanced with the creation process, we have the theory of what a multiplayer game must do in terms of the coding and the networking behind the scenes to deliver a online multiplayer experience.

Using croquet.io and Phaser to create a multiplayer game.

Searching the perfect framework for programing the online part of the game, we already had the knowledge of socket.io as a possible solution to the online connection between users. In the testing with this technology we found Sockect.io is suitable for multiplayer games with HTML5 but only when actions made in game are not send as via the update part of the code. This is due to the very minimal specs we had in the tryout server, and also the unknow location of it.

Searching for other solutions, we found a very interesting techonoly that claim to use the lastest 5G specs or something. Anyway this solution is great for our purpose because makes our game serverless and it claim to support a wide range of coverage to solve the lag issues of a normal multiplayer approach.

The name of this solution is CROQUET.io and the use of it can help a lot in the creation of multiplayer games with HTML5. In our case we had to solve the logic in communicating the Croquet library with the Phaser library and was a very very ease solution given that both tech are writen in javascript.

Most of the problem with this project was to find any writing or tutorial about the mix of this technologies, apparently no much people was using this approach and thats why we are writing this notes in our blog, ready to help with our experience learned.

Phaser 2 and 3 Multiplayer test

The image shows two players connected with the Croquet.io tech and Phaser 3, check the example with the links bellow.

So we are trying to get into the multiplayer game area with Phaser, and the current technologies we know so far that could work are Socket.io and Croquet.io. The diferences between them are huge, and the performance also very noticeable.

By now i will juts post the examples we made, but we are planning to bring a tutorial or series of tutorials if the community has some interest.

The examples ill give you bellow, are not perfect, but in the first case (socket.io), it will demostrate how the socket.io is working in our weveana server and can handle a multiplayer game, at least the movement and shooting of some spaceships.

We haven’t tested the performance of how many ships can handle the server, but please! don’t you try here! in case of shutting down my own server :S

The second example is made with Phaser and the Croquet.io engine, a very interesting approach to the multiplayer programing, recomended to check out their website http://croquet.io/

If you want to test by yourself ill give you the links of the examples and the soruce code at github.

Example 1: Socket.io

https://weveana.com/proyectos/socketTest/

https://github.com/pattodiablo/socketTest

Example 2: Croquet.io

https://weveana.com/proyectos/MultiplayerTest3/WebContent/

https://github.com/pattodiablo/MultiplayerTest3

Weveana at Global Game Jam 2020

We loved to participate at Global Game Jam 2020 from 31 January – 02 February 2020, the theme that year was REPAIR, so we join some friends at Ciespal, Ecuador and made the funny and challenging game Kuiper Repair Station, this is an arcade puzzle game, about an hangar setted at Solar System to repair the spaceships, through combinating differents kinds of components.

Link: https://globalgamejam.org/2020/games/kuiper-repair-station-4

Play here:
https://weveana.com/proyectos/gameJam/WebContent/

A new game has arrive!

Im happy to annouce the finalization of my second game called “NOT EASY Till you get it” im shure many people will enjoy it.

The game is a combination of skill and luck the player need to survive longer. It is aimed most for mobile gamers but that doesn’t mean can’t be played on computer as well.

The game is a bit difficult for beginners, but as the title says, its hard “till you get it”

Leave some screen shots an the link to the game now:

Play the Game here

A racing game prototype with phaser

So i wanted to make a game based on the famous NES game, Road Fighter. I reached to a point where the project becomes to large to complete due to the tile creation system, it requires a lot of effort. Anyway what i accomplished was very instructive and now a shared here the current progress.

The graphical concept its about a turtle that gets a car and race through various tracks agains a bunch of bunnies. The prototype created can be played on mobile with the fingers or in PC mode with the directional keys. PLAY THE PROTOTYPE HERE