hot  /  reviews  /  videos  /  cblogs  /  qposts

Javascript Super Mario Brothers Active Desktop

1:27 AM on 07.02.2006 // Niero Desu

mario3.gifThis ninja figured out how to code World 1-1 of Super Mario Brothers 3 in Javascript, complete with some in-game boundary mechanics and pushable buttons. Here's a demo you can tinker with right now. Wanna download it onto your computer? If you have a dual core with a fatty of RAM and just use your computer to surf the web for porn, you're good. Otherwise I'd say cool and scurry along to a lamer robot wallpaper web site :) A how-to mirror of how is copied below for your convenience, fear of digg, and preservation of coolness that shant be faded, like Dr. Dre. [thx JC!] Javascript Mario This is an unfinished interactive reproduction of the beginning of Level 1-1 from Super Mario 3 designed to be used as a windows active desktop. For an example of how it looks, click here. All the boxes and enemies can be clicked on but unfortunately not all of the animations are completed. Download: FAQ How do I install it? 1. Extract the rar somewhere on your computer 2. Right click on your desktop and go to properties. 3. Click on the desktop tab, then 'browse' 4. Select the mario.htm file in the directory you extracted. How do I reset it after clicking on things? Hit F5 What resolution does it need? It's designed for a 1920x1600 screen however it will automatically rescale the height to fit on any screen. It will NOT resize horizontally, this means if you use it at a lower resolution it'll work just fine, but you will be missing some of the content on the right side. The bottom is cut off, my start menu is multiple lines, etc. How do I fix it? Open the .html file in your favorite text editor and go to line 301. You will see: yoffset = screen.height-300; Increasing the 300 will raise the entire lower section, so for example if you had a second bar of 25 pixels you would change it to: yoffset = screen.height-325; To get windows to reload the html file you will probably need to change your background to a different image, then back to the html. Can I make the color behind my icons transparent? Not that I'm aware of, you can however set it to be the same background color: 1. Go into your display properties -> appearance -> advanced. 2. Select "Desktop" in the item dropdown, click the arrow next to the color box and click on "Other". 3. Enter these values: Red=110, Green=157, Blue=255 Did you make it all? Yes, with the exception of the wallpaper itself. I originally saw an old school video games thread at [M] and liked the mario background and it gave me the idea to do this. Instead of recreating the wallpaper I just used the one from the thread created by PovRayMan. Does this work on a mac? Thanks to Miguel for these instructions: Webdesktop layers a web browser behind your icons and displays it as a desktop: in order to get it to work though, you have to drag the .html on top of the Webdesktop app, otherwise the minute you hit Finder Webdesktop is sent behind your icons and you can't access it. What I did though was I used dockless to keep the Webdesktop icon out of my dock since I won't ever use it, unless to change the current page viewed on Webdesktop. If ever i need to access Webdesktop to drag another web page or url onto it I'll use a Menu Bar app list program like Tiger Launch to be able to access Webdesktop again. Of course if people like to keep Webdesktop on their dock, they don't need any of the other two apps. One thing I modified to it though was I changed your body tag's onLoad from this: onLoad="startup();" to this: onLoad="startup();'hidden';" to hide the scroll bars, since it doesn't completely fit on my monitor and I get the scrollbar thing. Can I move mario? No. You can click on the boxes / enemies / coins only. How did you make the animations? I used an snes emulator with fraps to record video of each character, then using virtualdub I exported the animation to frames. Using photoshop I then cleaned up each frame by hand and added a black border to make it easier to position them wherever I want without worrying about aliasing on the outside. Total time spent working on this is probably in the 12-15 hours range. What about different levels? Originally I was planning on making an underground level as well, then stupidly realized way after I started that Mario 3 had no underground levels. It would be relatively easy to port this to different levels, just make a new background and update the html / javascript. Why HTML/Javascript instead of Flash/Java/Whatever? I wrote this for my laptop which is also my primary work machine and as such I wanted it to use as little system resources as possible. I have very little flash programming experience and was worried about it being a resource hog. Why isn't this finished? I started working on this about a year ago and worked on it on and off for about 6 months, the remaining features are more difficult / time consuming and I'm just too damned lazy to finish it. After over a year of having it has my desktop and getting "Wow! That's cool" responses I'm growing tired of having it on my laptop. Instead of just letting it die I figure I might as well throw it out there for people to use. Feel free to modify it or expand upon it, if you do so email me and I'll put your updates up here with credit. If you are interested in completing it or just working on it more, email me and I'll send you all the original source PSD's and such. Why are there gif files for the bouncing toad and tube flower guy that don't show up? The GIF files are buggy and are commented out in the HTML simply to make it look better. The tube guy's timing is off and both characters have white noise around them. You can enable them rather easily, open the html file and search for /* and tags) Why don't the enemies hit each other? Never got around to it. Comments / legal threats? [email protected]

Niero Desu, Blogsmith
 Follow Blog + disclosure destructoid Tips
Top 10 things you didn't know about me: (1) I'm a volunteer English teacher on weekends, (2) my first real job was drawing comics for a major newspaper, (3) my favorite console is the Super Ninte... more   |   staff directory

 Setup email comments

Unsavory comments? Please report harassment, spam, and hate speech to our moderators, and flag the user (we will ban users dishing bad karma). Can't see comments? Apps like Avast or browser extensions can cause it. You can fix it by adding * to your whitelists.

Status updates from C-bloggers

SeymourDuncan17 avatarSeymourDuncan17
My hair's done did and my Teddie cosplay is officially ready for next weekend's Comic-Con! Do I impress you, Sensei? [img][/img]
ShadeOfLight avatarShadeOfLight
Replaying Tales of Symphonia for the first time in years, I only just now realized how random the plot is. Our goals are decided at Lloyd's whimsy, while we get major revelations just 'whenever'. Still a good game, but I'm proud to be #TeamBatenKaitos.
Dr Mel avatarDr Mel
Question Time! What's YOUR MGSV Helicopter music?
GoofierBrute avatarGoofierBrute
Today at work, I made a reference to the DK Rap in one of my news pieces. Any day that I get to do that is a good day.
gajknight avatargajknight
Everyone's playing MGSV...and I've just arrived in Skellige in The Witcher 3. At this rate, I'll get 'round to MGSV when the PS7 arrives.
RadicalYoseph avatarRadicalYoseph
Currently learning Little Trinketry from Valiant Hearts: The Great War on piano. [youtube][/youtube]
Retrofraction avatarRetrofraction
MGSV is literally the Skyrim of stealth. 15 hours 3%... #Sneaker'sdelight
ThinMatrix avatarThinMatrix
The Kickstarter campaign is now live for Socuwan – the quirky indie MMORPG created by the community, for the community!
ScreamAid avatarScreamAid
Excellent video game OST's for the week (no particular order): 1) Super Stickman Golf 2 2) Lethal League 3) Crypt of the Necrodancer
DanteKinkade avatarDanteKinkade
Final season of Continuum is on tonight, featuring time traveling solders in power armor. I can't wait!
Kallo avatarKallo
That moment when you look at your backlog of games...and it looks back and you and says "What the hell man? you have over 100 games on this list!". I feel guilty...
Steven Hansen avatarSteven Hansen
Idris Elba needs to be James Bond & heck to anyone who thinks otherwise
RadicalYoseph avatarRadicalYoseph
We need a Dtoid RPG that stars Mr Destructoid, Gardevoir, Macho Man Randy Savage, and MATT DAMON. The hub zone will be Nekro's dungeon.
Cynic without a Cause avatarCynic without a Cause
In the middle of discovering a bunch of Hirasawa Susumu's non-film related work. Currently listening to Planet Roll Call. Fantastic album!
Mike Wallace avatarMike Wallace
*Looks at* League of Storm Heroes. Magic: The Hearthstone. Diablo. Starcraft. World of Warcraft. Oh, pay $10 to unlock Tychus. ...Guys, is Blizzard evil? I mean really, despicably, EA-level evil?
RadicalYoseph avatarRadicalYoseph
Do you enjoy MOBA games such as LoL, Dota 2, or HOTS? Why or why not? Leave your thoughts in the comments!
James Internet Ego avatarJames Internet Ego
The Witcher 3 is 30% off on, if you thought it was a bit expensive at launch. You get store credit too.
Flegma avatarFlegma
Realized I've turned on my PS3 in the past month or two only to watch Mario cartoon DVDs. I really need to get around to playing something - anything - on it.
Perro avatarPerro
Listening to Studio Ghibli Collection at work Reminds me that my dad really liked Howl's Moving Castle. He's retired military and serious most of the time but rather enjoyed its fanciful world.
Terry 309 avatarTerry 309
Sorry for my inactivity... I've been lacking motivation and have nothing on my mind right now so i haven't blogged in a while. Still playing Grandia 2 anniversarry, getting annoyed by mount and blade warband's phantasy calradia mod and other shit...
more quickposts



Invert site colors

  Dark Theme
  Light Theme

Destructoid means family.
Living the dream, since 2006

Pssst. konami code + enter

modernmethod logo

Back to Top

We follow moms on   Facebook  and   Twitter
  Light Theme      Dark Theme
Pssst. Konami Code + Enter!
You may remix stuff our site under creative commons w/@
- Destructoid means family. Living the dream, since 2006 -