The VG Resource

Full Version: Google Pac-Man Re-Rip
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
So, all the way back in May of 2010 when I first joined the VGR forums (they were still the tSR forums then), I had a sprite sheet rip of the Pac-Man 30th anniversary Google Doodle; it was promptly accepted and added to the website.

http://www.spriters-resource.com/pc_comp...eet/31295/

It isn't a terrible sheet overall, but I have a couple regrets about it that I feel I need to rectify. The first being that gaudy background color that has caused eyestrain for myself and several others I asked about it. The other is how I edited the sheet and that weird, blocky font I used (which I was obsessed with when I was a teenager). As I had mentioned back when I submitted the sheet originally: the sheet itself was what I had ripped, not the sprites within.

See, the two guys at Google who created the doodle took a couple pages from Enterbrain and YoYo Games' book about sprite assets: have all of the assets be on a single bitmap, and have the game's programming refer to different portions of said bitmap to display the sprite. Everything you'd see in the browser Pac-Man game came from that single sheet, and that's what I had originally found rooting around in the HTML data six years ago. Luckily, Google archives all of their Doodles and logo variations, so I just went back to the Pac-Man one and went digging into the web page data again.

I went with a less gaudy teal green for the background color, and put all of my information on the bottom. I also kept the sheet's original layout intact, which includes that weird white finger looking graphic that I removed previously (my only guess is that it was made for finding which sprite the game wanted to find and access). I also decided to add a newer thumbnail picture for the sheet that shows a few more of the games assets. I hope everything here is in order for replacing my original sheet.
How much did you actually manage to figure-out in google's code?
From my experience, it's not remotely easy to recover much from any of google's pages, in terms of code.

And, awesome rip!
(05-11-2016, 06:11 PM)DarkGrievous7145 Wrote: [ -> ]How much did you actually manage to figure-out in google's code?
From my experience, it's not remotely easy to recover much from any of google's pages, in terms of code.

And, awesome rip!

Most of Google's pages, including sites they own like Youtube, are coded in HTML5. HTML5 can be opened up and looked at in most webrowsers and notepad/coding software like Notepad++ (that's the one I use). Like I said, Google keeps archives of almost everything they've ever posted, including Google Doodles (the special logos they use to celebrate different holidays, birthdays or events).

Marcin Wichary and Ryan Germick were the two guys at Google who made the Pac-Man anniversary doodle, and they used a combination of HTML5, Javascript and Flash to create it. They wanted to recreate as much of the original arcade game's logic as they possibly could. They not only wanted the visuals, sounds and basic gameplay recreated, they wanted to include the ghosts' personalities and bugs/quirks from the original arcade version. They seemed to have done a pretty good job as far as I've seen. The sprite sheet they made for the game was simply part of the web page.

Also, thank you.
yeah, but isn't the code, essentially, unreadable?

and you're welcome
Uh, no? Like I said before it's web page data, which is mostly wrapped in HTML. Most desktop web browsers come equipped with a HTML viewer to look at a web page's code. If I couldn't read it, I wouldn't have been able to get the sheet nor find out how they recreated the game's logic.
yeah, but i've looked at the google pages before...
the javascript code, for me, has always just neen impossible to make heads or tails of.

the sheet could be grabbed through other means, unless they've hard-coded it into the page directly, which to my knowledge, is not the case.

i guess i'll have to take a look at that page, later.
i just woke-up, and once i'm fully functional, i have an entirely separate coding project i wish to try.
the web console can log the .swf and the .png, that's another way to find them.

and, yeah, i finally got to looking at the code for a brief second, namely...
https://www.google.com/logos/js/pacman10-hp.10.js

not as bad i was expecting, but i think i'll follow a tutorial, or start from complete scratch if i actually wanted to clone the game, or understand how it works internally.

anyways, i think i'll leave it at that before i've entirely de-railed this thread.