Create HTML5 Vertical Endless Runner cross platform games

Using Phaser framework and other FREE software
Endless runner games are gaining more and more popularity and they are really easy to code.
I will take you by hand through the creation of a complete HTML5 vertical endless runner cross platform game with a lot of features and room for customization.
100 pages + 31 source code examples with a free update to come in a few days.

Photoshop action to create an outer space scene

Emanuele Feronato Photoshop

The net is full of tutorials about creating an outer space image, but every one of them, in order to achieve good results, require the user (you) to manually draw stars or adjust some parameters.

The real challenge is to code an action that creates an outer space without any drawing by the user.

The result I got, is a quite realistic outer space, and every time I play the action I get a different image.

Look at the examples:

Emanuele Feronato's outer space

Emanuele Feronato's outer space

Emanuele Feronato's outer space

Emanuele Feronato's outer space

Emanuele Feronato's outer space

As you can see, results are quite good, especially for game design.

Download the action and run into Photoshop.

I developed it with CS2 and I cannot test with any other platform so if you have a different version and the action runs, please let me know.

The action stops itself when you can change the image size and when you can change the background color of the nebulas you will created.

Enjoy it and let’s start coding space games…

Stay up to date
Follow me on the social networks and never miss a post.

Official Emanuele Feronato Facebook page

Official Emanuele Feronato Twitter account

From null to full HTML5 cross platform game

I will take you by hand from the bare bones of JavaScript programming through the creation of a full cross platform HTML5 game, with detailed explainations and source code.

If you don't know where to start, then From null to full HTML5 cross platform game is the book for you.

Comments 73

  1. Pingback: Create a Flash ball game with visual from above tutorial at Emanuele Feronato

  2. Peter

    When running in Photoshop CS3 I get to pick the two background colours, and then it fails with the error message:

    “Could not complete the command because the selected area is empty.”

    It appears to have reached the stage
    Difference Clouds
    Set current layer
    Make layer

  3. Peter

    And another follow-up: that was using a canvas of 850x75px; when I used an 850x500px canvas it completed without an error.

  4. Alix

    Took me a while to figure out how to use Action and where to find it but I found out eventually.

    If anyone is clueless where it is :

    [Window > Actions / f9]

    Anyways, awesome Action. I’ll be using it in game siggy’s

  5. madi

    I believe that you just added color to these photos. i do not believe that you are a liar. but, good job making it look good! ;) –NOT!!! you didn’t even make it believable! haha! sucker!!

  6. stolen

    madi, you’re a loser.

    great job btw on the space thingy. now i can use the techniques on my illustration exam. and its theme is ‘outer space’.

    -peace out-

  7. Richard

    Hey there, Emanuele. I’ve used this action to create the backgrounds for my space game, GravPull. You wanted someone to create some space game with it, so there you go. :)

    I’ve used some other filters on the end result of your action but you should be able to recognize it if you take a look at my game.

    Anyways, I’ve been reading your blog for a few months and I enjoy in very much. I don’t know where you get the time to blog so frequently. Keep it up!


  8. José

    It´s a great action, thanks a lot. You wanted to know if it works on another version, well i Just tried it in cs3 and it worked perfect.

  9. Pingback: 50 Super Cool Photoshop Actions You Might Want to Use |

  10. Pingback: Create Stunning Effects In Photoshop With This 22 FREE Actions - Yokamo

  11. Pingback: Webdesign | Super-fast! | Iasi, Romania

  12. Pingback: 35 ?????????? ???????-???????? »

  13. Pingback: 50 ???? ?????? ???? ?????? ?????? ( ???? ???) | GFX World

  14. Pingback: 35 ?????????? ???????-???????? | ?????? ? ????????

  15. Pingback: 50 free Photoshop actions to create stunning effects | HueDesigner

  16. jodipheonix

    I just tested this in photoshop CS6 and it works a dream!
    Great work with this , cuts out A LOT of time for spacescapes thank you!

  17. Pingback: 30+ Free Photoshop Actions Sets — DzineWatch

  18. Pingback: 50 free Photoshop actions | Visual Arts

  19. Pingback: 10 Handy Photoshop Plugins & Actions for web design | Think Tank

  20. Pingback: Download Photoshop Actions 50+ dengan Effect Keren

  21. Pingback: 40 Free PhotoShop Actions CollectionDaily Design Notes

  22. Pingback: 50 free Photoshop actions to create stunning effects | Lanka enews

  23. Pingback: 30 Amazing Photoshop Actions for your Toolkit

  24. Pingback: 50 free Photoshop actions to create stunning effects |

  25. Pingback: 500+ Free Photoshop Actions to Download in 2014

  26. Pingback: 50 free Photoshop actions

  27. Pingback: 50 Free Photoshop Actions to Create Amazing Effects | Design Posts

  28. Pingback: ????50?????????????? | ????

  29. Pingback: 50?????????????? | PS???

  30. Pingback: 50? ?? Photoshop Action ??? | ???

  31. Pingback: Day 8: The Twelve Days of Author Goodies | Dog-ear Book Design

  32. Pingback: 50 akcí do photoshopu | GRUMcz

  33. Pingback: ????50??????????????

  34. Pingback: Photoshop Mockups

  35. Pingback: IT Help Space / 50 free Photoshop actions - IT Help Space

  36. Pingback: 35+ free Photoshop actions | Daniel Swanick

  37. Janet

    January 17, 2016. I just loaded this action into Photoshop Elements 14 and it worked just fine. From That I would guess it will work for PSE11 and up, maybe even lower.

  38. Pingback: Outer Space | Creatofilia

  39. Pingback: 54 free Photoshop actions - ELISION

  40. Pingback: ?????? ????? | 30 ???? ??????? ??????? ?????? ?????

  41. Pingback: Free Photoshop actions - Special effects | Sanker

  42. Pingback: 59 free Photoshop actions – Graficstudio

  43. Pingback: 59 free Photoshop actions - The Tech News

  44. Pingback: 59 free Photoshop actions -

  45. Pingback: 59 free Photoshop actions | Avant-Digital Marketing Group

  46. Pingback: 59 free Photoshop actions – Tadka Online | News | Updates

  47. Pingback: 59 free Photoshop actions - LeoyOpino

Leave a Reply

Your email address will not be published. Required fields are marked *