Publicado el Deja un comentario

Flash is dead… but Phaser users can still create animations with it

As an old user of Flash technology i still miss the power and potencial that AS3 had and how it expanded the casual gaming industry with those Flash action games of the 2000s.

Now the chance is for HTML5 and lot of web frameworks able to accomplish great results as for example the one im using now, Phaser.

Phaser is a great framework to generate HTML5 games, you can check my games at www.weveana.com, and same as AS3 a great programing language required a great IDE. PhaserEditor is the choice in this case and it makes a great job into helping the developer with the most common tasks in developing great HTML5 games.

The PhaserEditor IDE is a great tool to assemble the many media that a game can include and sync it together, but games also are in need of tons of graphics and animations that many designers or developers where used to do it in Flash.

So how can a developer use Flash or in nowadays Adobe Animate to create the graphics for use it with PhaserEditor?

The secret lies in the sprite exporter that adobe animate has included and it will help a lot of designers export their animations to the Phaser.io world.


p.p1 {margin: 0.0px 0.0px 20.2px 0.0px; text-align: center; font: 14.5px ‘Times New Roman’; color: #424242}
After creating your animations go to “Generate Sprite Sheet”

When using any sprite generator the important thing is to set the specs correctly, for the PhaserEditor 2.x i use the following:

The width and height can be set on Auto or manual, but the important thing here is to select Starling as Data format and 1px for border and 1px for padding, also remember to click Trim.

Very important is to have in mind that the animations must be created on layer and not using the nested MovieClips that Flash is capable to use, instead the animations must be created for a frame by frame sprite sheet export. Instead of using nested Movie Clips it is preferably to use the simple layers and maybe some classic tweens.

With that small explanation, people who still remember or still uses Flash or Animate as their primary animation tool can export the animations created on it to Phaser.

In my case image will export on png format with transparent activated, and with a xml able to be imported in Phaser Editor, but also flash can handle json files.

Publicado el Deja un comentario

Facebook Instant Games can’t be monetized via Audience Network if you live in Ecuador and some other countries.

“This platform is not supported in the region of this payment account”

At the time of this writing there is a huge problem when trying to monetize games for Latin American countries like Ecuador using Audience Network.

From a developer perspective living in this country is a disappointing situation when using the Instant Game model to rise up a game design studio focused on casual gaming for social media because Facebook does not accept payment accounts for every country in the world.

This issue is huge for people searching to create some kind of income designing and developing instant games. For a better understanding of the issue i explain why Facebook should fix ASAP this situation for people giving a chance to this model of instant game revenue.

So, to develop an Instant Game for Facebook it is possible following some rules they have implemented in order to publish any kind of casual game in their site.

Beside of the normal development process of creating any game, one of the first complicated parts of the process for develop Facebook Instant Games, is to present some kind of document certifying a company or enterprise that is going to represent those games.

As a person living in Ecuador this implies to do the paperwork to create a company valid in Ecuador and with all the right and obligations that held up maintain it, that is to pay foundation fees and paying taxes.

After being approved by Facebook and able to upload and publish games on their Instant Game section, the next step will be trying to monetize the published games. The problem lies when applying for a payment account on the Audience Network section.

It a long step by step configuration and at the end the answer i get is “This platform is not supported in the region of this payment account”, the image below show this problem.

Why why…

I believe Facebook should extend the countries or methods to accept payment accounts for Instant Games, Im sure there is a bunch o people in many countries that will hit this wall when trying to develop and grow the library of Facebook Instant Games.

When asking customer service of Facebook this is the message i got, ‘Thank you for contacting us and for applying to the Audience Network. At this time we are unable to accept your request’

Sad Facebook, sad

Publicado el Deja un comentario

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/WebContent/TakeOnMe
Publicado el Deja un comentario

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.

Publicado el Deja un comentario

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.

Publicado el Deja un comentario

Phaser 2 and 3 Multiplayer test

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
Publicado el Deja un comentario

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/

Publicado el Deja un comentario

Porqué crear Videojuegos HTML5 para algunos desarrolladores es buena idea

La industria de los videojuegos crece vertiginosamente y muchos no tenemos idea por dónde subirnos al tren del desarrollo de este tipo de contenido interactivo, tal vez HTML5 sea una opción para muchos de nosotros.

Desarrollar videojuegos es una pasión que muchos diseñadores y desarrolladores compartimos desde que pudimos tener un mando de juego en nuestras manos.

La posibilidad de interactuar con un personaje en la pantalla de un dispositivo es algo que nos atrae por motivos que seguro se estudian en varias investigaciones científicas en todo el mundo.

Como diseñador y desarrollador latinoamericano siempre fue un desafío personal encontrar la forma de crear mi propio videojuego, y seguro muchas personas que lean este blog entenderán que ese camino no fue siempre tan fácil de iniciar, al menos comparado con las opciones con las que se contaba hace 10 o 15 años atrás.

Entonces, ¿Cómo una persona en la actualidad puede iniciarse en el mundo de los videojuegos ? Pues la verdad mentiría diciendo que tengo la respuesta correcta, pero lo que si me atrevo a decir es que encontré una opción.

Los videojuegos HTML5 para web son un camino que cualquier persona interesada en desarrollar videojuegos puede seguir, y porque no, se puede decir que es un nivel de entrada que todavía está en desarrollo y su futuro aún no está develado por completo.

Este tipo de desarrollos son el relevo de un tipo de videojuegos que en el pasado causaron mucho revuelo y que lastimosamente en la actualidad están en decadencia ya que la tecnología con la que fueron creados fue eliminada de Internet, estamos hablando de Flash y Action Script.

Como el relevo que son, estos videojuegos están tratando de alzar la barra al nivel que Flash la había dejado, este es precisamente uno de los motivos por el cuál subir al desarrollo de los videojuegos HTML5 es en la actualidad muy atractivo.

Desde otro punto de vista varios sitios web que actualmente albergan cientos y miles de videojuegos Flash están buscando la transición de sus juegos al nuevo formato, aunque su popularidad está todavía indeterminada, se puede decir que últimamente se ha fortalecido por el aparecimiento de juegos IO como agar.io, slitherIO, etc.

También se ha podido presenciar los esfuerzos de grandes sitios de social media como Facebook, Baidu y VK, por dar relevancia exclusiva a los videojuegos y en específico a los juegos casuales HTML5. Estos grandes de la industria digital y social conocen el potencial de este tipo de videojuegos que les permiten contar con largos tiempos de atención de sus usuarios y por lo tanto incrementar el porcentaje de visualización de anuncios.

Desde la perspectiva de desarrollo, los videojuegos HTML5 son perfectos para desarrolladores que vienen de la creación de sitios web o desde la antigua tecnología FLASH, el principal lenguaje que se utiliza en esta clase de juegos es JavaScript, lenguaje que con cada iteración tiene más semejanza con AS3 debido a que los dos son lenguajes apegados al standard ECMA.

Para personas principiantes en el mundo de la programación pienso que siempre es necesario entender el contexto en el cuál desean desenvolverse para empezar a programar, sin embargo JavaScript en la actualidad está haciendo grandes esfuerzos para ganar muchos adeptos y no solo es importante en el ambiente front end sino back end e incluso fuera del mundo web.

Tengo en mente varios otros factores por los cuales el desarrollo de videojuegos HTML5 puede ser atractivo para muchos diseñadores y desarrolladores en la actualidad, sin embargo esta entrada de blog ya esta muy extensa y pienso que pueden formar parte de otro compendio de ideas en el futuro.