• Log InLog In
  • Register
Liquid`
Team Liquid Liquipedia
EDT 21:43
CET 02:43
KST 10:43
  • Home
  • Forum
  • Calendar
  • Streams
  • Liquipedia
  • Features
  • Store
  • EPT
  • TL+
  • StarCraft 2
  • Brood War
  • Smash
  • Heroes
  • Counter-Strike
  • Overwatch
  • Liquibet
  • Fantasy StarCraft
  • TLPD
  • StarCraft 2
  • Brood War
  • Blogs
Forum Sidebar
Events/Features
News
Featured News
ByuL: The Forgotten Master of ZvT29Behind the Blue - Team Liquid History Book19Clem wins HomeStory Cup 289HomeStory Cup 28 - Info & Preview13Rongyi Cup S3 - Preview & Info8
Community News
GSL CK - New online series10BSL Season 224Vitality ends partnership with ONSYDE20Team Liquid Map Contest - Preparation Notice6Weekly Cups (Feb 23-Mar 1): herO doubles, 2v2 bonanza2
StarCraft 2
General
GSL CK - New online series Weekly Cups (Feb 23-Mar 1): herO doubles, 2v2 bonanza Vitality ends partnership with ONSYDE How do you think the 5.0.15 balance patch (Oct 2025) for StarCraft II has affected the game? Team Liquid Map Contest - Preparation Notice
Tourneys
RSL Season 4 announced for March-April Sparkling Tuna Cup - Weekly Open Tournament PIG STY FESTIVAL 7.0! (19 Feb - 1 Mar) $5,000 WardiTV Winter Championship 2026 Sea Duckling Open (Global, Bronze-Diamond)
Strategy
Custom Maps
Publishing has been re-enabled! [Feb 24th 2026] Map Editor closed ?
External Content
The PondCast: SC2 News & Results Mutation # 516 Specter of Death Mutation # 515 Together Forever Mutation # 514 Ulnar New Year
Brood War
General
BSL Season 22 BSL 22 Map Contest — Submissions OPEN to March 10 BGH Auto Balance -> http://bghmmr.eu/ battle.net problems ASL21 General Discussion
Tourneys
ASL Season 21 Qualifiers March 7-8 [Megathread] Daily Proleagues BWCL Season 64 Announcement [BSL22] Open Qualifier #1 - Sunday 21:00 CET
Strategy
Soma's 9 hatch build from ASL Game 2 Fighting Spirit mining rates Simple Questions, Simple Answers Zealot bombing is no longer popular?
Other Games
General Games
Nintendo Switch Thread PC Games Sales Thread Path of Exile No Man's Sky (PS4 and PC) Stormgate/Frost Giant Megathread
Dota 2
Official 'what is Dota anymore' discussion The Story of Wings Gaming
League of Legends
Heroes of the Storm
Simple Questions, Simple Answers Heroes of the Storm 2.0
Hearthstone
Deck construction bug Heroes of StarCraft mini-set
TL Mafia
Mafia Game Mode Feedback/Ideas Vanilla Mini Mafia TL Mafia Community Thread
Community
General
US Politics Mega-thread Mexico's Drug War Russo-Ukrainian War Thread Things Aren’t Peaceful in Palestine YouTube Thread
Fan Clubs
The IdrA Fan Club
Media & Entertainment
[Req][Books] Good Fantasy/SciFi books [Manga] One Piece Anime Discussion Thread
Sports
2024 - 2026 Football Thread Cricket [SPORT] Formula 1 Discussion TL MMA Pick'em Pool 2013
World Cup 2022
Tech Support
Laptop capable of using Photoshop Lightroom?
TL Community
The Automated Ban List
Blogs
FS++
Kraekkling
Shocked by a laser…
Spydermine0240
Gaming-Related Deaths
TrAiDoS
ONE GREAT AMERICAN MARINE…
XenOsky
Unintentional protectionism…
Uldridge
ASL S21 English Commentary…
namkraft
Customize Sidebar...

Website Feedback

Closed Threads



Active: 2175 users

[Q] how to code browser based game?

Blogs > evanthebouncy!
Post a Reply
evanthebouncy!
Profile Blog Joined June 2006
United States12796 Posts
Last Edited: 2010-03-19 08:46:02
March 18 2010 18:58 GMT
#1
Spring break is coming up so I'd have a lot of free time to goof around.
Can someone give me an overview how to write a browser based game?

Here's my overall idea, I want the game to be able to support:
1) User input/login
Each user can log in with some account_name/pass_word, and select their stats. Their stats will be stored on the server.
2) Make the players fight each other and display the results.

Let's start simple and say we only want to do part 1). What I would like is, at the most primitive level, have the user able to use some interface to set up their stats (possibly a gui if I cared enough), and write the datas, formatted, into a file (plain txt is file, i can just parse).
apparently this is a bad idea so forget it. I'll learn MySQL

Then I can do part 2) just by downloading the file and batch process it on my local machine, and paste the result online in plain text again every night or something.

But how do I do part 1)?
I did some research and I probably will need to use SQL but nowhere did I find how can I integrate SQL with a server(I'm thinking buying a server off some host).
Just give me some idea how to get the frameworks together, the rest should be pretty straight forward.

Life is run, it is dance, it is fast, passionate and BAM!, you dance and sing and booze while you can for now is the time and time is mine. Smile and laugh when still can for now is the time and soon you die!
Southlight
Profile Blog Joined August 2007
United States11768 Posts
Last Edited: 2010-03-18 19:11:05
March 18 2010 19:09 GMT
#2
SQL is just a database interface, isn't it? Back in high school I remember needing to use some browser coding to interface with the mysql database. I'd imagine technology has advanced considerably since then, and whatever coding language I used in the day wouldn't be applicable anymore, but mostly in regard to SQL it'd be learning how to install the thing.

1 would probably involve some sort of javascript or whatnot, basically creating an encrypted bridge between the user and the SQL database, and the bridge would obviously include the game itself.

Edit:
Sorry, I have no idea why I posted, because I'm clueless. Wish I could delete this Just running on like 5+ year old vague knowledge, bleh.
oraoraoraoraoraoraoraora
R1CH
Profile Blog Joined May 2007
Netherlands10342 Posts
March 18 2010 19:14 GMT
#3
You'll most likely want to learn PHP and SQL. You can download XAMPP which is a local Windows setup of Apache / PHP / MySQL for learning / development. Jumping into this won't be easy though without any programming or database background. When you want to put it on the web, you'll need web hosting which can be had for like $5/month or less.
AdministratorTwitter: @R1CH_TL
TL+ Member
evanthebouncy!
Profile Blog Joined June 2006
United States12796 Posts
Last Edited: 2010-03-18 19:23:29
March 18 2010 19:14 GMT
#4
Hmm if SQL is just an interface I probably don't really need it because the thing I do doesn't really require any fancy operation on it at all.

All I want is to have user to log-in and select some stats, and write those to a file. Don't really need anything more than that.

Hmm...

You guys reckon going through this tutorial is sufficient for a start?
http://www.w3schools.com/php/php_file.asp
Life is run, it is dance, it is fast, passionate and BAM!, you dance and sing and booze while you can for now is the time and time is mine. Smile and laugh when still can for now is the time and soon you die!
spinesheath
Profile Blog Joined June 2009
Germany8679 Posts
March 18 2010 19:35 GMT
#5
If you don't want to save user data on the server you probably won't need a database.
If you have a good reason to disagree with the above, please tell me. Thank you.
love1another
Profile Blog Joined December 2009
United States1844 Posts
Last Edited: 2010-03-18 19:43:22
March 18 2010 19:37 GMT
#6
On March 19 2010 04:14 evanthebouncy! wrote:
Hmm if SQL is just an interface I probably don't really need it because the thing I do doesn't really require any fancy operation on it at all.

All I want is to have user to log-in and select some stats, and write those to a file. Don't really need anything more than that.

Hmm...

You guys reckon going through this tutorial is sufficient for a start?
http://www.w3schools.com/php/php_file.asp

Unless you think you're some god-like oracle who knows what he's doing from day 1 and is never going to change his data structures ever.... you're going to need an SQL-based database, as opposed to a handwritten file.

SQL is an interface, but it's a crucial interface to basically EVERY database ever. Which database you use, for your development, doesn't matter.... just use MySQL or PostGres or whatever you can get your hands on for free.

Trust me (but more importantly R1CH) on this one, that using a database is TOTALLY worthwhile over the long haul.

On the other hand, you may not need to learn SQL per se... if you choose to use an alternative web framework like Django (python-based) or Rails (ruby-based) the SQL stuff is taken care of...

So instead of writing something manual like

Select Username from Users Where Username = "USERNAME" AND Password = "PASSWORD"

You can use something like:
Users.getUsername("USERNAME")

And generally be learning a single language, instead of.... like 10.
R1CH's solution requires you to learn PHP and SQL, but also HTML, Javascript, and quite possibly some bizarre CSS that a framework's default settings can help you avoid. If you want to optimize your server instead of just using shared hosting, you might even end up having to learn Java or *gasp* C.

Then again, there's nothing wrong with that approach, but the learning curve is significantly steeper and if you ever end up wanting to get more devs working on your project, the learning curve will probably be steeper for them as well.... (It generally takes longer to figure out what's going on when your code is in 10 languages than when it's all in 1 language.)

Regarding RoR vs. Django:
Though RoR has wider support, thus cheaper entry-level hosting options, than Django... and both have absolute crap support/scalability when compared to R1CH's recommended PHP + MySQL. If you're planning on running a dedicated server to reach a wide audience, however, none of that means shit, since you're almost never CPU bottlenecked... you should just pick whatever is easier for you to understand.

Anyway.... TL;DR: Don't use a text file. Use a database. If you have half a year to learn shit, learn everything. If you have 1 month, pick up Django or Ruby on Rails.

Edit: Mongrel is a server, not a dbms.
"I'm learning more and more that TL isn't the place to go for advice outside of anything you need in college. It's like you guys just make up your own fantasy world shit and post it as if you've done it." - Chill
Kentor *
Profile Blog Joined December 2007
United States5784 Posts
Last Edited: 2010-03-18 19:46:38
March 18 2010 19:46 GMT
#7
On March 19 2010 04:14 R1CH wrote:
You'll most likely want to learn PHP and SQL. You can download XAMPP which is a local Windows setup of Apache / PHP / MySQL for learning / development. Jumping into this won't be easy though without any programming or database background. When you want to put it on the web, you'll need web hosting which can be had for like $5/month or less.

thanks for xampp. been installing apache mysql php manually everytime i have to reformat!
love1another
Profile Blog Joined December 2009
United States1844 Posts
March 18 2010 19:49 GMT
#8
On March 19 2010 04:35 spinesheath wrote:
If you don't want to save user data on the server you probably won't need a database.

If you don't want to save user data on the server, what other options do you have? You can store it all in a cookie. What happens when the user goes onto another computer or clears cookies? All data lost...

You need to store data on the server. And if you do, you are soooooooooo much better using a database (dbms):

1.) You get concurrency control for free. If you have a large number of users this is critical.
2.) You can enable memcaching (which can DRAMATICALLY) improve your game's response time, potentially for free.
3.) You get housekeeping of your persistent data.... for free. (Add a new column, delete a column, retrieve data, etc...)
4.) You get a broad base of internet support for your database configuration (in most cases) for free.
5.) People won't laugh at you like they will when you say you're using a text file to manage the user data for a game site.
"I'm learning more and more that TL isn't the place to go for advice outside of anything you need in college. It's like you guys just make up your own fantasy world shit and post it as if you've done it." - Chill
Adeny
Profile Blog Joined January 2009
Norway1233 Posts
March 18 2010 19:55 GMT
#9
Flash, Java and PHP(with MySQL). These are the current kings of browserbased games. The former 2 being easier to implement graphics/any kind of real-time stuff in it. PHP is more for text-based stuff, but learning PHP/MySQL is very, very valuable, as almost any website relies on these main components.
Vic.nQQ
Profile Blog Joined January 2009
Bulgaria88 Posts
March 18 2010 20:14 GMT
#10
This tread made me rofl ^_^

Right now I literally have my apache server running, finishing the admin panel and starting the interface for the PBBG that I'm making as a graduation project (deadline 23rd of March xO)

Anyway, the best site you could possibly find about that subject is http://buildingbrowsergames.com/tutorials/

it helped me a ton and I'm pretty sure it will help you too

About your points:

1) Probably manageable without database, but I wouldn't even try. Creating a table in which to store usernames and their password // emails and whatever else you need is extremely easy, and having done that, another 2 tables (one defining Stat entries, another storing the stats of every user) is just as easy of a step to do, compared to keeping everything in different files.

2)
Then I can do part 2) just by downloading the file and batch process it on my local machine, and paste the result online in plain text again every night or something.

This is rather unneeded, as PHP (Java, some other languages too) offers very easy server based solutions to this.

There is simply no need to go over storing your battle log in a file and computing it separately, when the languages mentioned offer easy real-time solutions.


Hope this helps,
~Vic


P.S. pm me if you want my source, game is still not finished, but i'll be working my ass off to complete it in the next 5 days
I believe!
spinesheath
Profile Blog Joined June 2009
Germany8679 Posts
March 18 2010 20:26 GMT
#11
On March 19 2010 04:49 love1another wrote:
Show nested quote +
On March 19 2010 04:35 spinesheath wrote:
If you don't want to save user data on the server you probably won't need a database.

If you don't want to save user data on the server, what other options do you have? You can store it all in a cookie. What happens when the user goes onto another computer or clears cookies? All data lost...

You need to store data on the server. And if you do, you are soooooooooo much better using a database (dbms):

1.) You get concurrency control for free. If you have a large number of users this is critical.
2.) You can enable memcaching (which can DRAMATICALLY) improve your game's response time, potentially for free.
3.) You get housekeeping of your persistent data.... for free. (Add a new column, delete a column, retrieve data, etc...)
4.) You get a broad base of internet support for your database configuration (in most cases) for free.
5.) People won't laugh at you like they will when you say you're using a text file to manage the user data for a game site.


Hey I would suggest using a database, too. I still think my statement is true.
If you have a good reason to disagree with the above, please tell me. Thank you.
Cambium
Profile Blog Joined June 2004
United States16368 Posts
March 18 2010 20:52 GMT
#12
I've done a lot of web-based programming in the past, both for school and for work; I've worked with ASP, JSP, and PHP, and I think, for what you want, ASP with Flash will be the easiest approach.

For Part 1) of your goal:

While there are a lot of frameworks available for JSP and PHP, set up can be a nightmare for someone with little to no experience. Whereas for ASP, once you have Visual Studio and MS SQL Server installed (both free if you use beta, or if you are a student), it's literally a matter of drag and drop (login wizard, profile wizard, etc.). You can probably get part1 done within one hour even if you have absolute no experience.
When you want something, all the universe conspires in helping you to achieve it.
evanthebouncy!
Profile Blog Joined June 2006
United States12796 Posts
Last Edited: 2010-03-19 07:47:26
March 19 2010 07:39 GMT
#13
So the xampp is for setting up a PHP/mySQL on the server yes?
I got it but it doesn't seem to work on my own computer :/

If I'm looking at a server already with MySQL I probably don't have to set it up yeah?
I'm taking that javascript and php are supported by browser by default (right assumption?)

I'm looking at this btw:
http://www.inmotionhosting.com/hostingplans.html

Also,
Once the MySQL is set up, I can just use its interface while coding in javascript/php yes?

Much thanks!

I'm fairly familiar with python, but I have no idea how it works with a website so... hmm
Life is run, it is dance, it is fast, passionate and BAM!, you dance and sing and booze while you can for now is the time and time is mine. Smile and laugh when still can for now is the time and soon you die!
haduken
Profile Blog Joined April 2003
Australia8267 Posts
Last Edited: 2010-03-19 07:57:21
March 19 2010 07:48 GMT
#14
xampp is just a bundled software that installs php, mysql and apache on your computer. it also does a lot of grunt work for you so you don't have to tweak everything from scratch.
php is server side scripting. use this for stuff that you don't want to execute on user's machine. mysql is just a database, use this to store and retrieve and query all your data. apache is the web server that put your game on the web so people can access it.

if you are having trouble accessing the server page. try typing just localhost on your browser. the default page should display something like "it works!". Put the server machine as a dmz host if you want to remote access it.

if you are using windows, you have to start up apache server then the default address that it points to is localhost. on Linux and others, the behavior is similiar. there is a folder in your harddrive where you put all your website files in. use this for testing then maybe buy a dedicated host.

"Once the MySQL is set up, I can just use its interface while coding in javascript/php yes?"
Your database will have its own login/pass which you need to set in your php script. you need to connect to the database, then close it when you are done. All done in a php script.

javascript is a client side script meaning you should never interface that with your database.

php and javascript is pretty much universal. different versions of course will have different tweaks and compatibility issues. mysql you will have to create a few tables, this will come down to your data structure design etc.
Rillanon.au
haduken
Profile Blog Joined April 2003
Australia8267 Posts
Last Edited: 2010-03-19 08:04:59
March 19 2010 08:03 GMT
#15
For part 1:

What you want to do is:

Step 1. user/pass login (when they click, action points to a php script)=> retrieve stats from database => display the result in browser.
Step 2a user log out.
Step 2b user make changes => user clicks a button (again action points to a php script)=> new stats sent to database => display confirmation to user.

remember, web programming is mostly transaction based.

For Part 2, just do some sort of scheduled query job on your database tables. For example, every night at 9pm, select * from table A and display the result to a link on your website.

Rillanon.au
igotmyown
Profile Blog Joined April 2009
United States4291 Posts
March 19 2010 08:31 GMT
#16
Most web hosts will have mysql servers. I don't see why you would avoid using it. You could create a table of username/password/user info and save it as what, a text file? Or you could have the exact same information in a database and not have to reverse engineer sorting, search by, or whatever.

Php has built in sql commands, and it also allows you to make generic queries, and they're fairly straightforward/copyable. Like Select Names Sort By ID.

Writing the php will probably be the biggest headache, you'd like to do it with minimal knowledge, but that all goes to hell when you have to error check. If you want to save time, copy as much as possible, because you'll know that it works.
Please log in or register to reply.
Live Events Refresh
OSC
00:00
OSC Elite Rising Star #18
CranKy Ducklings107
Liquipedia
[ Submit Event ]
Live Streams
Refresh
StarCraft 2
SpeCial 202
RuFF_SC2 151
ProTech86
Ketroc 56
CosmosSc2 34
Vindicta 26
StarCraft: Brood War
GuemChi 1460
Artosis 664
Shuttle 482
ggaemo 118
LancerX 12
Light 0
Dota 2
monkeys_forever654
LuMiX1
Counter-Strike
fl0m2470
minikerr12
Super Smash Bros
AZ_Axe108
Other Games
summit1g15229
C9.Mang0369
JimRising 314
Maynarde116
Organizations
Other Games
gamesdonequick2231
BasetradeTV80
StarCraft 2
Blizzard YouTube
StarCraft: Brood War
BSLTrovo
sctven
[ Show 15 non-featured ]
StarCraft 2
• Hupsaiya 95
• EnkiAlexander 15
• davetesta14
• Mapu1
• AfreecaTV YouTube
• intothetv
• Kozan
• IndyKCrew
• LaughNgamezSOOP
• Migwel
• sooper7s
StarCraft: Brood War
• RayReign 7
• BSLYoutube
• STPLYoutube
• ZZZeroYoutube
Upcoming Events
Wardi Open
10h 18m
PiGosaur Monday
22h 18m
WardiTV Team League
1d 10h
Replay Cast
1d 22h
The PondCast
2 days
WardiTV Team League
2 days
Replay Cast
2 days
Replay Cast
3 days
CranKy Ducklings
4 days
WardiTV Team League
4 days
[ Show More ]
uThermal 2v2 Circuit
4 days
BSL
4 days
Replay Cast
4 days
Sparkling Tuna Cup
5 days
WardiTV Team League
5 days
BSL
5 days
Replay Cast
5 days
Replay Cast
6 days
Wardi Open
6 days
Monday Night Weeklies
6 days
Liquipedia Results

Completed

ASL Season 21: Qualifier #2
WardiTV Winter 2026
Underdog Cup #3

Ongoing

KCM Race Survival 2026 Season 1
Jeongseon Sooper Cup
Spring Cup 2026
BSL Season 22
RSL Revival: Season 4
Nations Cup 2026
ESL Pro League S23 Stage 1&2
PGL Cluj-Napoca 2026
IEM Kraków 2026
BLAST Bounty Winter 2026
BLAST Bounty Winter Qual

Upcoming

ASL Season 21
Acropolis #4 - TS6
Acropolis #4
IPSL Spring 2026
CSLAN 4
HSC XXIX
uThermal 2v2 2026 Main Event
Bellum Gens Elite Stara Zagora 2026
NationLESS Cup
CS Asia Championships 2026
Asian Champions League 2026
IEM Atlanta 2026
PGL Astana 2026
BLAST Rivals Spring 2026
CCT Season 3 Global Finals
IEM Rio 2026
PGL Bucharest 2026
Stake Ranked Episode 1
BLAST Open Spring 2026
ESL Pro League S23 Finals
TLPD

1. ByuN
2. TY
3. Dark
4. Solar
5. Stats
6. Nerchio
7. sOs
8. soO
9. INnoVation
10. Elazer
1. Rain
2. Flash
3. EffOrt
4. Last
5. Bisu
6. Soulkey
7. Mini
8. Sharp
Sidebar Settings...

Advertising | Privacy Policy | Terms Of Use | Contact Us

Original banner artwork: Jim Warren
The contents of this webpage are copyright © 2026 TLnet. All Rights Reserved.