Welcome, Guest. Please login or register.

Login with username, password and session length

 
Advanced search

1411722 Posts in 69402 Topics- by 58450 Members - Latest Member: FezzikTheGiant

May 22, 2024, 02:11:15 AM

Need hosting? Check out Digital Ocean
(more details in this thread)
TIGSource ForumsDeveloperTechnical (Moderator: ThemsAllTook)An Example of what HTML5 Gaming, and it's Possiblities
Pages: [1] 2
Print
Author Topic: An Example of what HTML5 Gaming, and it's Possiblities  (Read 3444 times)
BlueSweatshirt
Level 10
*****

the void


View Profile WWW
« on: May 21, 2010, 12:26:02 PM »

http://www.google.com/

For Pac-Man's 30th anniversary, Google has turned their logo into an HTML5 version of Pac-Man.

I'm sure most of you already figured this out, but I'd still like to share it.  Giggle
What do you all think? I went  Kiss Who, Me? Cool when I went to google search and found this, this morning.
Logged

Overkill
Level 3
***


Andrew G. Crowell


View Profile WWW
« Reply #1 on: May 21, 2010, 01:19:00 PM »

It's actually not using any HTML5-specific features. It just uses <div> tags with CSS sprites and an <iframe> for sound effects (presumably with Flash embedded), with some Javascript DOM manipulation to move it all around. Nonetheless, it is very neat. I kept dying on the first level, apparently I can't play this horizontally stretched version of Pac-Man very well. D:

This is their spritesheet:
« Last Edit: May 21, 2010, 03:27:31 PM by Overkill » Logged

Skofo
Level 10
*****



View Profile
« Reply #2 on: May 21, 2010, 02:50:56 PM »

HTML5 has become synonymous with "cool web thing without Flash".
Logged

If you wish to make a video game from scratch, you must first invent the universe.
CyanPrime
BANNED
Level 1
*


View Profile
« Reply #3 on: May 21, 2010, 03:41:11 PM »

HTML5 is the new web 2.0
Logged

moi
Level 10
*****


DILF SANTA


View Profile WWW
« Reply #4 on: May 21, 2010, 05:13:47 PM »

The new web 2.0 is java of ten years ago and wearing a "Go Apple!" T-shirt?
Logged

subsystems   subsystems   subsystems
BlueSweatshirt
Level 10
*****

the void


View Profile WWW
« Reply #5 on: May 21, 2010, 05:37:03 PM »

Oh, oops.

Thanks for clarifying, Overkill.

I just figured with all that Google was pushing with HTML5, that this was made in it as well.
Logged

drChengele
Level 2
**


if (status = UNDER_ATTACK) launch_nukes();


View Profile
« Reply #6 on: May 21, 2010, 05:38:52 PM »

Heh. Wouldn't notice this without specifically being told to pay attention. Pretty cool.

Also, this is the most horribly titled thread of the week (tm)
as ascertained by your friend the Grammar Nazi.
Logged

Praetor
Currently working on : tactical battles.
BlueSweatshirt
Level 10
*****

the void


View Profile WWW
« Reply #7 on: May 21, 2010, 05:40:51 PM »

Heh. Wouldn't notice this without specifically being told to pay attention. Pretty cool.

Also, this is the most horribly titled thread of the week (tm)
as ascertained by your friend the Grammar Nazi.

I was rushing to post this during my biology class.  Shrug
I'll keep it there just for laffs.  Corny Laugh

[EDIT]
When will the new 'Web 2.0' be 'Web 3.0'?
« Last Edit: May 21, 2010, 05:45:09 PM by Jakman4242 » Logged

bateleur
Level 10
*****



View Profile
« Reply #8 on: May 22, 2010, 08:57:01 AM »

Slow laggy Pac-Man is slow and laggy.

Still, props for spotting it. I'd been to the page several times and failed to notice it was interactive!
Logged

dariusk
Level 0
***



View Profile WWW
« Reply #9 on: May 22, 2010, 10:46:39 AM »

FYI I have an open thread here where I'm posting tutorials for the Akihabara HTML5/JS game engine. Just posted up part 2.

http://forums.tigsource.com/index.php?topic=12514
Logged

oahda
Level 10
*****



View Profile
« Reply #10 on: May 22, 2010, 03:38:28 PM »

Slow laggy Pac-Man is slow and laggy.

Still, props for spotting it. I'd been to the page several times and failed to notice it was interactive!

Are you... using IE?
Logged

Skofo
Level 10
*****



View Profile
« Reply #11 on: May 22, 2010, 04:02:12 PM »

Slow laggy Pac-Man is slow and laggy.

Still, props for spotting it. I'd been to the page several times and failed to notice it was interactive!

Are you... using IE?

Ironically, the game runs way smoother in Internet Explorer than Firefox.
Logged

If you wish to make a video game from scratch, you must first invent the universe.
Aquin
Level 10
*****


Aquin is over here.


View Profile WWW
« Reply #12 on: May 22, 2010, 04:43:05 PM »

As an website designer myself, I gotta ask...

Is anybody looking forward to using HTML5?

I mean, it's not bad.  But it doesn't really do anything I can't already do via other methods.  I dunno, I'm having trouble seeing the advantages here.  Admittedly, I'm already well versed in PHP/SQL/Flash/etc soo...maybe it isn't meant for me?  I dunno.
Logged

I'd write a devlog about my current game, but I'm too busy making it.
Skofo
Level 10
*****



View Profile
« Reply #13 on: May 22, 2010, 05:31:53 PM »

If you used Linux or OS X, you'd be a lot happier to see Flash being made redundant.

Besides, why use an external program like Flash for web video, audio, etc? That's almost like using an external program for displaying web images.
Logged

If you wish to make a video game from scratch, you must first invent the universe.
fraxcell
Level 5
*****



View Profile
« Reply #14 on: May 22, 2010, 05:49:12 PM »

Wait, so does that pacman thing work on ipads?
Logged

Core Xii
Level 10
*****


the resident dissident


View Profile WWW
« Reply #15 on: May 22, 2010, 07:06:11 PM »

As an website designer myself, I gotta ask...

Is anybody looking forward to using HTML5?

I mean, it's not bad.  But it doesn't really do anything I can't already do via other methods.  I dunno, I'm having trouble seeing the advantages here.  Admittedly, I'm already well versed in PHP/SQL/Flash/etc soo...maybe it isn't meant for me?  I dunno.

It makes things semantically a bit clearer... I can just do <footer></footer> instead of <div class='Footer'></div>, and when you've got a complex layout with dozens of nested divs it can get a bit... you know.

Now, what I'm really looking forward to using is CSS3. CSS2 doesn't even have :last-child...
Logged
Aquin
Level 10
*****


Aquin is over here.


View Profile WWW
« Reply #16 on: May 22, 2010, 08:41:19 PM »

Well I'm sold.  All it takes is better syntactic sugar.  YAY I AM SHEEP!

Also, CSS3 is high on my list of priorities.  I've lost track of how many times I wanted to do something with CSS, only to discover that I have to wait a few years.  Huh?
Logged

I'd write a devlog about my current game, but I'm too busy making it.
moi
Level 10
*****


DILF SANTA


View Profile WWW
« Reply #17 on: May 22, 2010, 08:45:39 PM »

If there is a way to hide the code, and if someone makes a cool game library like flixel, then yeah.
Logged

subsystems   subsystems   subsystems
Skofo
Level 10
*****



View Profile
« Reply #18 on: May 22, 2010, 08:48:48 PM »

I don't see why they won't just remove "<div class/id='bla'>" altogether and use a format like "<.randomclass>/<#randomid>". Droop
Logged

If you wish to make a video game from scratch, you must first invent the universe.
st33d
Guest
« Reply #19 on: May 23, 2010, 02:52:59 PM »

http://www.schillmania.com/arkanoid/

What you should be looking for is DHTML gaming. Not just HTML5.
Logged
Pages: [1] 2
Print
Jump to:  

Theme orange-lt created by panic