"Best" way to make a simple dress-up game in 2019

IMAJFT

Newbie
Apr 14, 2019
15
13
Hello,

I am new to the whole game making scene (as in I haven't made something in years) and wanted to get started with something simple.
Back in the day I have seen a lot of dress-up games where you can drag & drop cloths onto a character. They were made in flash and once quite popular (like in the Newgrounds area of 2005).
Now flash is as dead as it gets. So the big question is, what could one use to make a simple dress-up game.
It should be able to:
-drag and drop clothes onto a simple background
-play simple sounds
-act on simple events like "if more then 3 cloths then X"
-is easy to deploy (so the game should be like 3 MB big and there should be sites to host the thing)

I consider using a HTML 5 library like phaser. But that would be overkill. And hard to deploy. I could do it with HTML 5 elements, but that isn't as easy to deploy as flash. Is there a third way that is easy and deployable?
If not were to host a game?

Thanks in advance.
 

IMAJFT

Newbie
Apr 14, 2019
15
13
Flash is not dead, Flash is immortal.
I mean you can't use it on any phone and many modern browsers no longer support it out of the box. Which results in some users not beeing able to turn the thing on. So it is kind of dead. Also I want this to be a learning experience so I kind of want to do this flash thing without flash :p.
So any idea? I am currently thinking to use the HTML5 drag-and-drop feature and build myselfe a little engine of my own. Would result in a HTML page that I can't upload on the sites I am used to. So that is not that great. Any way to pack these pages into something that can be used like a swf or gif?
 

polywog

Forum Fanatic
May 19, 2017
4,065
6,295
I mean you can't use it on any phone and many modern browsers no longer support it out of the box. So it is kind of dead. Also I want this to be a learning experience so I kind of want to do this flash thing without flash :p.
So any idea? I am currently thinking to use the HTML5 drag-and-drop feature and build myselfe a little engine of my own. Would result in a HTML page that I can't upload on the sites I am used to. So that is not that great. Any way to pack these pages into something that can be used like a swf or gif?
Only a small handfull of people use iPrones that are incapable of running Flash, most devices can. Adobe changed the name to Animate, but it's still Flash.

You can upload your Flash games here on F95Zone
 

recreation

pure evil!
Respected User
Game Developer
Jun 10, 2018
6,327
22,777
Please do yourself a favor and don't use flash. Most newer devices, especially mobile devices can not run flash on-the-fly without any additional software like adobe AIR installed. Seriously, no offense, but I can not understand why anyone would recommend to still use flash for a new game in 2019...
html5 is relatively close to flash so it's a good choice if you're familiar with flash. Renpy would also be possible, or any other VN software, but I would go with html5 in your case. Animate is good for html5 too btw.
 
  • Like
Reactions: anne O'nymous

IMAJFT

Newbie
Apr 14, 2019
15
13
Only a small handfull of people use iPrones that are incapable of running Flash, most devices can. Adobe changed the name to Animate, but it's still Flash.

You can upload your Flash games here on F95Zone
I am sorry but I have to disagree. Flash was a beautiful tool to make animation. But the area of swf files has passed. Neither IPhones nor Android phones can play flash files. Most users no longer want to use them. The time is sadly over.
So I could make a HTML5 file out of the flash code. But that would mean I would need to purchase flash to build a HTML5 game that is not as efficient as an native application.
All in all thanks for your advice but I do not think I will go with flash.
 

IMAJFT

Newbie
Apr 14, 2019
15
13
Please do yourself a favor and don't use flash. Most newer devices, especially mobile devices can not run flash on-the-fly without any additional software like adobe AIR installed. Seriously, no offense, but I can not understand why anyone would recommend to still use flash for a new game in 2019...
html5 is relatively close to flash so it's a good choice if you're familiar with flash. Renpy would also be possible, or any other VN software, but I would go with html5 in your case. Animate is good for html5 too btw.
Which opens the question, how do I host a HTML5 file?
Btw I already made a game. In HTML5. Just to test the waters. Not done yet but it is on it's way. Just need a host for version 0.1
 

recreation

pure evil!
Respected User
Game Developer
Jun 10, 2018
6,327
22,777
HTML5 files are just html files, you don't really need to host them. Every browser can open offline html files.
 

polywog

Forum Fanatic
May 19, 2017
4,065
6,295
Flash can run renpy games, better than renpy can. :ROFLMAO: But flash is too scary for some people, due to it's capabilities.

 

polywog

Forum Fanatic
May 19, 2017
4,065
6,295
While some features of HTML 5 are often compared to , the two technologies are very different. Both include features for playing audio and video within web pages, and for using . However, HTML 5 on its own cannot be used for animation or interactivity – it must be supplemented with or . There are many Flash capabilities that have no direct counterpart in HTML 5


Approximately 50 million people use Flash daily, Flash is far from dead, as of April 15, 2019 it is still in the top 3.


Those who prefer Java :rolleyes: can convert swf files to html5 but html5 alone doesn't do 10% of what Flash is capable of.


Sothink_SWF_Decompiler,_Flash_Decompiler,_Flash_to_HTML5_Converter.png
 

recreation

pure evil!
Respected User
Game Developer
Jun 10, 2018
6,327
22,777
While some features of HTML 5 are often compared to , the two technologies are very different. Both include features for playing audio and video within web pages, and for using . However, HTML 5 on its own cannot be used for animation or interactivity – it must be supplemented with or . There are many Flash capabilities that have no direct counterpart in HTML 5


Approximately 50 million people use Flash daily, Flash is far from dead, as of April 15, 2019 it is still in the top 3.


Those who prefer Java :rolleyes: can convert swf files to html5 but html5 alone doesn't do 10% of what Flash is capable of.


View attachment 282989
The Sothink Decompiler is old crap that never fully worked. Java is not JavaScript, it's completely different despite the name. HTML (5 or not) has been used in conjunction with css and javascript almost forever, one can not live without the other, they complement each other. If you learn about one, you learn about the other, it's basically one package, like Adobe Flash/Animate.
 

grtrader

Member
Feb 11, 2019
354
269
When it comes to HTML 5 there are several ways you can do it.
The easiest would be use just html 5 and css and absolute position and or relative position.
The second easiest would be canvas system, create a canvas load images and past them on the canvas were you want.
Opengl on canvas would be next and is over kill for this.

Yes, when I say use html 5 I mean with CSS and Javascript. HTML on itself is nothing more than a markup language.
It would take me about an hour to create what you are talking about with html 5.
There are a number of ways to do it. This is probably the simplest.
You could start by loading all the items at once and put them in their positions. Then all you need to do is turn on and off a visibility flag for them.
Give each element an id like <img id="dress001" src="">
Then use
document.getElementById("dress001").style.visibility = "hidden";
document.getElementById("dress001").style.visibility = "visible";
attached to a button.
Use the same size image for similar objects. Then you can give them a class and set the class in CSS to a position. That way they all appear in the right spot with no real work.
 

polywog

Forum Fanatic
May 19, 2017
4,065
6,295
Kind of wonder who the question is directed towards.
In my case certainly not.
It depends on what I am building and my requirements as to what language I use.
So rather than reinventing the wheel, writing a 2D dressup game like ones made in macromedia 20 years ago, how about writing a realtime 3D render engine dressup game. throw in some physics, so the model can pose and twirl around, and show off the clothes, or actually animate her changing clothes?
btw Adobe had nothing to do with the development of Flash, they purchased Macromedia in 2005 at that point "Shockwave" was renamed, but it had been around for a long time.