Jump to content


Photo

How to build a HTML5 web game?


  • Please log in to reply
12 replies to this topic

#1 p595285902

p595285902

    Newbie

  • Members
  • Pip
  • 9 posts

Posted 28 February 2012 - 01:47 AM

Hi everyone, I am beginner in the game developing, need some good books or websites if you know any, really appreciate it.
I've developed a website, so knows the basic stuff in html. css php, etc.

#2 birbal

birbal

    Devoted Member

  • Members
  • PipPipPipPipPip
  • 2,545 posts
  • Gender:Male
  • Location:india->kolkata
  • Interests:everything about computer and programming:specifically Web development and everything others which makes me interested
  • Languages:(x)html,css,(pl)sql,php,xml,xslt,xsd,javascript,java

Posted 28 February 2012 - 02:33 AM

HTML5 Game development by examples by packetpub is a good one, i can remember.

Game is more than the basic as is far away from website developing. If you are going to make browser games you need to have strong particulerly in javascript. There is DOM based games,canvas based games.It is all depends on the game.if you want realtime games you have to use canvas for graphic manupulation for better performance as DOM access is resource heavy. If you be specific what ttype of game you are trying to develop we can point you to more resources.

I am not aware of any websites that teaches step by step guide for game developing. but there is forum,you can look for forum dedicated for game devloping (every kind of).
Tools: Mozilla tools || Mobile emulator ||
IDE: Netbeans 7.3 on Twilight theme (php) , Eclipse(java)
Debugger: Xdebug, Cachgrind
stop using mysql extension it is obsolete now. use mysqli instead or more better PDO for secure ,efficient database handle

#3 p595285902

p595285902

    Newbie

  • Members
  • Pip
  • 9 posts

Posted 28 February 2012 - 02:39 AM

I am trying to develop a HTML5 card web browser game, like the Magic the gathering style.

#4 Ingolme

Ingolme

    Foxy Mod

  • Moderator
  • PipPipPipPipPipPipPip
  • 9,841 posts
  • Gender:Not Telling
  • Interests:Web development, drawing, videogames, foxes.
  • Languages:Javascript, PHP, MySQL

Posted 28 February 2012 - 11:27 AM

Forgetting about HTML 5, first you have to know basic programming logic. Game programming is one of the more difficult programming tasks. Ideally, when you know how to program games it doesn't matter what language you use.
Experienced web developer and artist. Forum moderator at W3Schools.com and SEGA.com

#5 p595285902

p595285902

    Newbie

  • Members
  • Pip
  • 9 posts

Posted 28 February 2012 - 04:01 PM

I've program in java and c for 2 years and looking for a website that teaches HTML5 programming, starting from basic is what I need.

#6 Ingolme

Ingolme

    Foxy Mod

  • Moderator
  • PipPipPipPipPipPipPip
  • 9,841 posts
  • Gender:Not Telling
  • Interests:Web development, drawing, videogames, foxes.
  • Languages:Javascript, PHP, MySQL

Posted 28 February 2012 - 09:16 PM

HTML 5 isn't a programming language. Most likely what you're interested in is the canvas API for Javascript.

If you know Java and C, Javascript should take no effort to learn.
Experienced web developer and artist. Forum moderator at W3Schools.com and SEGA.com

#7 ShadowMage

ShadowMage

    Faal Vokundovah

  • Members
  • PipPipPipPipPip
  • 3,395 posts
  • Gender:Male
  • Location:America's dairyland
  • Interests:I dabble in a little bit of everything. Gaming, programming, web development, fishing, paintballing, woodworking, farm equipment, reading, nature......
  • Languages:(X)HTML, CSS, JavaScript, PHP (though I still have much to learn)

Posted 28 February 2012 - 09:42 PM

Javascript should take no effort to learn.

The canvas API will take some effort though. I've been tinkering with it for quite a while now and have succeeded in doing almost nothing. :( Though I did manage to recreate the very simple game, Snake. ^_^

There's a great tutorial here, though, which has helped me significantly.
In programming, failure is not an option. It's an inevitability...
Mosher's Law of Software Engineering: "Don't worry if it doesn't work right. If everything did, you'd be out of a job."

Call upon the FireBug and its swarm!
Darkness Falls - W3Schools Forum skin for Stylish

#8 p595285902

p595285902

    Newbie

  • Members
  • Pip
  • 9 posts

Posted 29 February 2012 - 03:18 AM

I learned java but I dont know how to program a game out of it. So I really need a website for teach for new student like me.

#9 TheGallery

TheGallery

    Member

  • Members
  • PipPip
  • 261 posts
  • Gender:Male
  • Location:Greece
  • Interests:Practicing in web development, hanging out with friends, watching favorite series
  • Languages:PHP, HTML, CSS (still an amateur in all of those)

Posted 29 February 2012 - 06:02 AM

Quick google search, got this as a result: http://www.canvasdem...ment-tutorials/ seems like a good start to me.

#10 p595285902

p595285902

    Newbie

  • Members
  • Pip
  • 9 posts

Posted 01 March 2012 - 01:10 AM

Looks awesome :D thx Gal

#11 p595285902

p595285902

    Newbie

  • Members
  • Pip
  • 9 posts

Posted 01 March 2012 - 07:33 PM

Does anyone have more websites to study?

#12 cherri8

cherri8

    Newbie

  • Members
  • Pip
  • 40 posts
  • Gender:Female
  • Interests:I have many interests like watching Japanese anime and reading mangas online. I'm vegan so I love vegan food. I want to make my own PHP websites from scratch and be my own boss. Websites that I want to make are affiliate sites such as PTC, PTR, PTS, and etc. Members including owners can make money with affiliate sites.
  • Languages:learning html, php, css,sql and javascript.I'll be learning ASP later if needed.

Posted 14 March 2012 - 05:13 PM

Coo

Quick google search, got this as a result: http://www.canvasdem...ment-tutorials/ seems like a good start to me.


Site is cool in link.Thanks for putting it here!.I also want to make my own games later.I already have stories in my head lol.I see that people speak of making games on the net but no one mentions about being worried if their storys/games would be stolen.With websites it is probably easier to proof who the original owner is for everything but I dont know what steps to take to pervent my games/stories from being stolen and to proof ownership?. I try googleing for the answer but it didnt work.I rather use an alias name when i make games.....Also when i have websites online im going to use an alias name as well( i already have whoisguard)

p595285.....:hey i found a site that has a section about game developement and there are other web languages there.im not sure if im allowed to put it here because of the other web lang but i guess it is ok since the others did it too with no problems.

http://www.dreaminco...ming-tutorials/

#13 wongadob

wongadob

    Member

  • Members
  • PipPip
  • 174 posts
  • Gender:Male
  • Location:Neston, Cheshire, UK

Posted 28 March 2012 - 11:53 AM

Anybody thinking of writing a serious game in a browser should probably look at unity. This is the middleware that most game developers are using to create browser and mobile compatible gaming. I am going the opposite way. I have spent 30 years in the games industry and I am now learner web development. (BTW 25 of those years in the games industry where in management so my programming is quite rusty!) But I have written about 15 games as a programmer (1982-1989)

From what I have heard from programmers working on games, HTML5 canvas with Javascript is not really up to the job yet. And I am not just talking about 3D extravagansa's I am also talking about 2D games that throw a lot around the screen. Not sure about using Java, maybe that is a solution and I know there is flash, but with apple not allowing flash onto iphone & ipad then that kind of puts that out the question.

So currently it looks like Unity is the best bet. I did not learn 3D though so if anybody knows a good 2D system that could say replicate a complex side scrolling shooter with parallax layers etc then let me know!




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users