This is a read-only archive of the old Scratch 1.x Forums.
Try searching the current Scratch discussion forums.

#1 2012-03-08 19:37:31

maxskywalker
Scratcher
Registered: 2008-01-27
Posts: 1000+

HTML5 / JavaScript game tutorial

Hi, with the Windows 8 metro apps being written in HTML5/JS, I've decided that I should learn to make a fair game in JS.  Unless I've missed something, w3schools.com is more about the syntax of JS than a good way to use it.  Can anyone recommend a good tutorial?

Offline

 

#2 2012-03-08 20:13:21

jji7skyline
Scratcher
Registered: 2010-03-08
Posts: 1000+

Re: HTML5 / JavaScript game tutorial

As far as I know, you should go along with w3schools.com first, to get the basics.

Then, I'd recommend getting started on a project, so that you can learn new concepts as you go along. Googling everytime you encounter a bug etc  smile


I don't know why you say goodbye, I say hello!  big_smile

Offline

 

#3 2012-03-08 22:54:01

Dinoclor
Scratcher
Registered: 2010-06-10
Posts: 1000+

Re: HTML5 / JavaScript game tutorial

The way I program stuff is I learn the very basics that you need to know, then I learn as I go.
Of course, that has it's flaws, but so far it's working for me.
You should learn syntax then start working, but if you have a different method that's OK.


This is a temporary signature. It will exist until I think of something witty.

Offline

 

#4 2012-03-08 23:25:20

jji7skyline
Scratcher
Registered: 2010-03-08
Posts: 1000+

Re: HTML5 / JavaScript game tutorial

Dinoclor wrote:

The way I program stuff is I learn the very basics that you need to know, then I learn as I go.
Of course, that has it's flaws, but so far it's working for me.
You should learn syntax then start working, but if you have a different method that's OK.

That is my method :3


I don't know why you say goodbye, I say hello!  big_smile

Offline

 

#5 2012-03-08 23:39:51

MoreGamesNow
Scratcher
Registered: 2009-10-12
Posts: 1000+

Re: HTML5 / JavaScript game tutorial

I made a game-engine-like thing for JavaScript (does a lot of the rendering and event-detection for you, as well as sounds, cookies (for saving), and rotation) if you want to look at it (it's not done yet, but it might give you something to start with).  It takes advantage of the Canvas element (HTML5).  Unfortunately, it doesn't work on IE (I think IE has its own syntax for Canvas).  Anyway: I'd recommend looking at HTML5 canvas for the visual aspect.


http://images2.layoutsparks.com/1/218929/rubiks-cube-animated-rotating.gif
"Cogito ergo sum" --  I think, therefore I am

Offline

 

#6 2012-03-08 23:45:57

MoreGamesNow
Scratcher
Registered: 2009-10-12
Posts: 1000+

Re: HTML5 / JavaScript game tutorial

If you want to see canvas in action, look at this that I made a while back.


http://images2.layoutsparks.com/1/218929/rubiks-cube-animated-rotating.gif
"Cogito ergo sum" --  I think, therefore I am

Offline

 

#7 2012-03-09 04:53:49

scimonster
Community Moderator
Registered: 2010-06-13
Posts: 1000+

Re: HTML5 / JavaScript game tutorial

jji7skyline wrote:

Dinoclor wrote:

The way I program stuff is I learn the very basics that you need to know, then I learn as I go.
Of course, that has it's flaws, but so far it's working for me.
You should learn syntax then start working, but if you have a different method that's OK.

That is my method :3

Me too. :3
Google is my friend when I run into problems.  tongue

Offline

 

#8 2012-03-09 05:43:31

slinger
Scratcher
Registered: 2011-06-21
Posts: 1000+

Re: HTML5 / JavaScript game tutorial

Yeah same xD


http://s0.bcbits.com/img/buttons/bandcamp_130x27_blue.png

Offline

 

#9 2012-03-09 09:32:57

maxskywalker
Scratcher
Registered: 2008-01-27
Posts: 1000+

Re: HTML5 / JavaScript game tutorial

Yeah, I would try that approach, but the problem is that while I understand the syntax of JS and HTML, I don't really know where to start with a game.

Offline

 

#10 2012-03-09 18:52:50

cocolover76
Scratcher
Registered: 2011-10-09
Posts: 500+

Re: HTML5 / JavaScript game tutorial

Since Windows 8 is compatible with exxys* too, I'd advise to stick with exxys*.


* .EXE


http://i.imgur.com/HfEPZ.gifhttp://i.imgur.com/pvKb6.png

Offline

 

#11 2012-03-09 19:32:19

Dinoclor
Scratcher
Registered: 2010-06-10
Posts: 1000+

Re: HTML5 / JavaScript game tutorial

cocolover76 wrote:

Since Windows 8 is compatible with exxys* too, I'd advise to stick with exxys*.


* .EXE

Actually, Javascript is compatible with EVERYTHING.


This is a temporary signature. It will exist until I think of something witty.

Offline

 

Board footer