Sign in to follow this  
Followers 0
Alexalten

Action RPG pack

18 posts in this topic

Hello everyone,

I do apologize in advance if it's off topic, but I would open a small post about my little project for an action pack RPG on mobile devices (made with Phaser of course).
I've posted in January (2015) the first link for the "basic elements" and the related landing page (http://www.html5gamedevs.com/topic/1975-game-list-of-phaser-games/page-16#entry67295)

In 2015, I've developed more modules for this "ARPG pack". These are all freely available using the links of the main menu: http://www.magratheaworks.net/RPG/mainmenu.html
With these links you can test the module online and download it (ZIP file).
For those that want to use them: I've alway used the "basic elements" as a starting point, then I've add the new content (you need only to find the comment with the name of the module (eg. search for "bloody_screen" in the same labelled module and You'll find the new code))

Hoping this could be useful for someone, here the list of the modules:




-> "basic elements"
LINK
VIDEO

arpg_1.png

arpg_2.png

arpg_3.png


-> "bloody screen" (visual feedback each time We are damaged)
LINK

arpg_4.png


-> "dynamic map" (three button on screen to choose btween classic map, transparent map, no map)
LINK

arpg_5.png

arpg_6.png

Share this post


Link to post
Share on other sites

Hi Alexalten,

 

this is great stuff, I'm making a multiplayer RPG so I reckon there's plenty here I can use. I'll experiment over the weekend

 

I making similar modules but for the server side. I'm all about modular game system too.

 

Is there a link to the license?

 

Also you could make an All-in-one pack of all the zips combined.

 

Great work!

Share this post


Link to post
Share on other sites

Hi Techbot

many thanks!!! I hope my stuff will be useful for you! I do apologize in advance: there is a lot of "spaghetti code" in my scripts.... sorry

The licenses:

- phaser license

- audio and graphics came from Opengameart website, the creators' name is in my landing page and/or inside the scripts (usually is under creative common)

- my scripts: totally free to use, I'm making this project for the community. Use my stuff as you want!

Wich is your project. There is a web link? I'm really curious!

Bye,

Alex

Share this post


Link to post
Share on other sites
Hi,
 
a new module is available for my ARPG pack (remember: the download of all module is possible using the landing pagehttp://www.magratheaworks.net/RPG/mainmenu.html )
 
-> "the map" (this module is not built on "basic elements", so it's simply to recycle), I've made it using a previous tutorial made by Feronato (http://www.emanueleferonato.com/2015/01/21/create-an-html5-level-selection-screen-using-a-scrollable-map-like-in-hero-emblems-game-using-phaser/)
 
This module can be used as a "hub" in a game or in the middle of a quest.
 

 

and some images:

 

the_map1.png

the_map2.png

the_map3.png

Share this post


Link to post
Share on other sites

Hi,
 
a new module is available for my ARPG pack.
 
-> "the shop" (this module is not built on "basic elements", so it's simply to recycle). Finally a shop for all the adventurers! :)

A little note: when you exit from the shop (using the "exit" button, obviously :) ), all the bougth objects, previously stored in an array, are saved in a localStorage variable using a JSON format.

Credits for the used graphis, as usual, are in the script's comments.
 
GO TO WEB PAGE: http://www.magratheaworks.net/RPG/the_shop/index.html

A gif to show the module:

 

shop.gif

Share this post


Link to post
Share on other sites

Hi,
 
a new module is available for my ARPG pack.
 
-> "customize the avatar" (this module is not built on "basic elements", so it's simply to recycle).

A little note: this is only an interface, you need to use some server-side software to save the players choices (eg. ImageMagik to merge the spritesheets and to apply a color filter).

Credits for the used graphis, as usual, are in the script's comments.
 
GO TO WEB PAGE: http://www.magratheaworks.net/RPG/customize_the_avatar/index.html

Here a little video:

 

and some images:

 

 

 

customize3.png

customize2.png

customize1.png

Share this post


Link to post
Share on other sites

Hi,
 
a little update for my ARPG pack.
 
-> "messages collection" (this module is not built on "basic elements", so it's simply to recycle).

It's a small collection of styles for messages that, usually, appear in RPG games

Credits for the used graphis, as usual, are in the script's comments.
 
GO TO WEB PAGE: http://www.magratheaworks.net/RPG/messages_collection/index.html

Here a little video:

https://www.youtube.com/watch?v=WalG-0P8Rak


..and a little gif:

text-coll1.gif

Share this post


Link to post
Share on other sites
Hi,
 
a new module is available: "RANDOM ENVIROMENT". It's an exploratory enviroment randomly created (at each refresh of the web page)
 
Ok, what is generated each time?
 
- the background is choosen randomly (on 4 different images)
- Not Playable Characters (NPCs) randomly displaced, with a random color (on 8 different colors) with a rotating rune under them. When our protagonist is close enough, an info box appear and the NPC start to tell a story
- these stories, are randomly generated using an existing library (tracery.js)
- each "story teller" has his avatar inside the box (of course, also the avatar is randomly generated using the "avatar generator's sprite" used in "Age of conquest" (http://www.ageofconquest.com/   &   http://www.noblemaster.com )), these sets are available at the following link: http://opengameart.org/content/avatar-generator-with-15-trillion-combinations
- other Not Playable Characters randomly displaced, with a random color (on 8 different colors), that walk across the game area
- other flying NPCs (like little demons) go across the screen and follow our main character when he is close to them
- trees are choose and randomly displaced
- rocks and walls (randomly displaced   :) ) are an obstacle for our main character (we bounce on them)
 
 
Sorry for the intensive use of the word "randomly" :)
 
 
 
P.S.
To manage the color of the NPCs, we need to use Phaser (version Tarabon or greater).
 
 
P.P.S.
In this module there aren't the weapon buttons, it's only an exploratory enviroment.
 
 
 
 
 
Here some videos:
 
 
 
 
Used assets:
 
 
 
Bye,
Alex

random_enviroment_1.png

random_enviroment_2.png

random_enviroment_3.png

random_enviroment_4.png

RANDOM_ENVIROMENT_1.ogv.gif

RANDOM_ENVIROMENT_2.ogv.gif

drhayes likes this

Share this post


Link to post
Share on other sites

Hi,
 
a new module is available: "Crafting items". 
It's a small module that show a simple crafting management (NOTE: You have to swipe the objects to select them).

Here the link to the module: http://www.magratheaworks.net/RPG/crafting/index.html

NOTE:
I've used the Feronato's tutorial: http://www.emanueleferonato.com/2016/01/20/phaser-tutorial-creation-of-a-html5-character-selection-screen-like-the-one-in-crossy-road-ios-smash-hit/
....and for the assets thanks to Opengameart's member Ludicarts: http://opengameart.org/content/handpainted-rpg-icons


Bye,
Alex

crafting1.png

crafting2.png

crafting3.png

Share this post


Link to post
Share on other sites

i recognized the assets from the game flare

https://github.com/clintbellanger/flare-game/tree/master/art_src

image assets are here https://github.com/clintbellanger/flare-game/tree/master/art_src

 

also that guy Clint Bellanger has a page on opengameart.org

 

i am also using them in my game. :)

 

the images are definitely older then 2015 so i guess Clint Bellanger is the author.

Alexalten likes this

Share this post


Link to post
Share on other sites

Great work! I will probably use this in a future project. You have done a great job!

But I need to know, how many of the pictures are modular enough to be interchangeable with my own pictures?

Alexalten likes this

Share this post


Link to post
Share on other sites

@viso  Yes, You're right: the assets (images and  audio) are available on OpenGameArt  (I hope that the credits (inside the scripts) are right)!  P.S. Sorry for my late reply...

 

@TheCodeCrafter  many tanks! Well, I don't think You'll have some problems to customize the graphics asset. The images (tiles, sprites, etc.) have a quite standard size (except the background :) ). Let me know if You have some problems. Good luck for Your project!

 

Bye,

Alex

Share this post


Link to post
Share on other sites

Hi, a new module is available: the "area selector" module.

It's a simple rotating menu (like a lot of RPG/MOBA's menu You can find on mobile devices).

The code is simple and verbose (maybe too much). When you select the area (through the text "click here for....") an alert will appear (inside there is a commented script that redirect to the area).

 

Here a little video:

Bye,

Alex

area_selection3.png

area_selection2.png

area_selection1.png

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0

  • Recently Browsing   0 members

    No registered users viewing this page.