• Log InLog In
  • Register
Liquid`
Team Liquid Liquipedia
EST 23:59
CET 05:59
KST 13:59
  • 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
RSL Revival - 2025 Season Finals Preview8RSL Season 3 - Playoffs Preview0RSL Season 3 - RO16 Groups C & D Preview0RSL Season 3 - RO16 Groups A & B Preview2TL.net Map Contest #21: Winners12
Community News
Weekly Cups (Jan 5-11): Clem wins big offline, Trigger upsets0$21,000 Rongyi Cup Season 3 announced (Jan 22-Feb 7)12Weekly Cups (Dec 29-Jan 4): Protoss rolls, 2v2 returns7[BSL21] Non-Korean Championship - Starts Jan 103SC2 All-Star Invitational: Jan 17-1822
StarCraft 2
General
Weekly Cups (Jan 5-11): Clem wins big offline, Trigger upsets Weekly Cups (Dec 29-Jan 4): Protoss rolls, 2v2 returns Spontaneous hotkey change zerg Chinese SC2 server to reopen; live all-star event in Hangzhou SC2 All-Star Invitational: Jan 17-18
Tourneys
$25,000 Streamerzone StarCraft Pro Series announced $21,000 Rongyi Cup Season 3 announced (Jan 22-Feb 7) WardiTV Winter Cup WardiTV Mondays SC2 AI Tournament 2026
Strategy
Simple Questions Simple Answers
Custom Maps
Map Editor closed ?
External Content
Mutation # 508 Violent Night Mutation # 507 Well Trained Mutation # 506 Warp Zone Mutation # 505 Rise From Ashes
Brood War
General
Potential ASL qualifier breakthroughs? BGH Auto Balance -> http://bghmmr.eu/ BW General Discussion StarCraft & BroodWar Campaign Speedrun Quest Data analysis on 70 million replays
Tourneys
[Megathread] Daily Proleagues [BSL21] Grand Finals - Sunday 21:00 CET [BSL21] Non-Korean Championship - Starts Jan 10 SLON Grand Finals – Season 2
Strategy
Game Theory for Starcraft Simple Questions, Simple Answers Current Meta [G] How to get started on ladder as a new Z player
Other Games
General Games
Beyond All Reason Nintendo Switch Thread Awesome Games Done Quick 2026! Mechabellum Stormgate/Frost Giant Megathread
Dota 2
Official 'what is Dota anymore' discussion
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
Vanilla Mini Mafia Mafia Game Mode Feedback/Ideas
Community
General
US Politics Mega-thread Russo-Ukrainian War Thread European Politico-economics QA Mega-thread Things Aren’t Peaceful in Palestine Trading/Investing Thread
Fan Clubs
White-Ra Fan Club
Media & Entertainment
Anime Discussion Thread
Sports
2024 - 2026 Football Thread
World Cup 2022
Tech Support
Computer Build, Upgrade & Buying Resource Thread
TL Community
The Automated Ban List TL+ Announced
Blogs
My 2025 Magic: The Gathering…
DARKING
Physical Exercise (HIIT) Bef…
TrAiDoS
Life Update and thoughts.
FuDDx
How do archons sleep?
8882
James Bond movies ranking - pa…
Topin
Customize Sidebar...

Website Feedback

Closed Threads



Active: 1023 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
Netherlands10341 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
Next event in 7h 1m
[ Submit Event ]
Live Streams
Refresh
StarCraft 2
WinterStarcraft382
StarCraft: Brood War
Shuttle 104
ZergMaN 78
Noble 20
Bale 12
Icarus 10
Dota 2
NeuroSwarm126
League of Legends
C9.Mang0648
JimRising 576
Counter-Strike
summit1g8729
m0e_tv401
minikerr34
Super Smash Bros
hungrybox692
Mew2King38
Other Games
tarik_tv5308
Sick168
Livibee43
Liquid`Ken8
Organizations
Other Games
gamesdonequick3016
StarCraft: Brood War
UltimateBattle 111
StarCraft 2
Blizzard YouTube
StarCraft: Brood War
BSLTrovo
sctven
[ Show 16 non-featured ]
StarCraft 2
• AfreecaTV YouTube
• intothetv
• Kozan
• IndyKCrew
• LaughNgamezSOOP
• Migwel
• sooper7s
StarCraft: Brood War
• RayReign 32
• Azhi_Dahaki24
• BSLYoutube
• STPLYoutube
• ZZZeroYoutube
Dota 2
• masondota21777
League of Legends
• Rush1071
• Lourlo894
• Stunt318
Upcoming Events
WardiTV Invitational
7h 1m
PiGosaur Cup
20h 1m
WardiTV Invitational
1d 7h
The PondCast
2 days
OSC
2 days
OSC
3 days
All Star Teams
3 days
INnoVation vs soO
sOs vs Scarlett
uThermal 2v2 Circuit
4 days
All Star Teams
4 days
MMA vs DongRaeGu
Rogue vs Oliveira
Sparkling Tuna Cup
5 days
[ Show More ]
OSC
5 days
Replay Cast
6 days
Wardi Open
6 days
Liquipedia Results

Completed

Proleague 2026-01-12
Big Gabe Cup #3
NA Kuram Kup

Ongoing

C-Race Season 1
IPSL Winter 2025-26
BSL 21 Non-Korean Championship
CSL 2025 WINTER (S19)
OSC Championship Season 13
Underdog Cup #3
BLAST Bounty Winter Qual
eXTREMESLAND 2025
SL Budapest Major 2025
ESL Impact League Season 8
BLAST Rivals Fall 2025
IEM Chengdu 2025
PGL Masters Bucharest 2025

Upcoming

Escore Tournament S1: W4
Acropolis #4
IPSL Spring 2026
Bellum Gens Elite Stara Zagora 2026
HSC XXVIII
Rongyi Cup S3
Thunderfire SC2 All-star 2025
Nations Cup 2026
BLAST Open Spring 2026
ESL Pro League Season 23
ESL Pro League Season 23
PGL Cluj-Napoca 2026
IEM Kraków 2026
BLAST Bounty Winter 2026
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.