Turn your Computer Screen into a Playable Mario Level with Screentendo

If you're bored at work and need an excuse to put off your work Screentendo might be the answer.

The app allows you to transform any website into a playable level of iconic 80s Nintendo classic Mario Bros.

Its creator has provided step-by-step instructions on how to convert the pages into blocks. However, it requires some coding expertise.

Scroll down to view video

Super Mario code has been created by a London developer. Screentendo is an application that lets you to transform a website into 'blocks.' Mario can be controlled by the stage like in the game. It will require some programming to enable this feature. Screentendo created the MailOnline logo.

Screentendo was designed by London-based developer Aaron Randall.

When you drag a window over the web page, different components can be turned into blocks from the Super Mario games.

Avengers fans, get together! Limited edition Iron Man Galaxy S6... MINECRAFT The silent missile that destroys electronic enemies with...

50 shares

Mario himself appears later in the form of a Mario, allowing players to move around on the level and smash the blocks.

ANGRY BIRDS to BATTLE MARIO IN AN ACT OF BATTLE TO INTERMIT HALL OF FAME

15 video games that have entertained players for hours have been chosen as finalist for the new World Video Game Hall of Fame.

The list includes arcade trailblazers Pong and Space Invaders, smartphone favourites Angry Birds and Minecraft and a variety of other games for consoles and computers.

They include: Doom, FIFA soccer The Legend of Zelda, the Oregon Trail, Pac-Man, Pokemon the Sims, Sonic the Hedgehog, Super Mario Bros, Tetris and World of Warcraft.

To use it, you will need to be able to modify source code using an application called CocoaPods.

'When Screentendo is launched, a semi-transparent window appears which can be moved and resized over other windows in the application as explained by the author on his site.

After placing the Screentendo window over an area of the screen, a click inside the window will cause the app to render a game level based on the content below it.'

MailOnline was informed by Mr Randall that he had created the app in 'just ' a few days.

He stated that the most challenging part of the application was the image processing. This required making the program understand how to take any type of image , and the underlying structure in order to create an image that is of a certain quality.

He said it works on any website, but it works best on pages with 'distinct contrast'.

Screentendo is an adaptation of the early Super Mario Bros game, screen shots of which are shown. Screentendo is currently only available for Macs. The code can be downloaded from GitHub. Mr. Randall states that the app is a proof-of-concept hack currently and still has some flaws

Mr. Randall continued that he built it because he loves 'building things, particularly smaller projects like this.'

He added: "It's an excellent excuse to study new frameworks and languages, and try to solve some intriguing issues that you might not normally get to work on.

"The idea was born from a conversation I had with a colleague. He spends a lot of his time looking at graphs that track our servers and I joked that I'd create an app that could overlay the graphs in order to make them more interesting.

Mr Randall said to MailOnline he built the tool in a matter of days. 'The most complicated piece of this program was the image processing - making the application take any image and then understand the fundamental structure of that image in a way that could be used to generate a game level,' he said

"A few weeks later, we had a hackday in my office (where everyone is working on whatever they want) and I came up with something that would later become Screentendo.

He noted on his website that the application is a proof-of-concept hack , but still has some imperfections.

He also said that the physics were still a little off, as he just aimed to create something that would work 'well enough'.

Read more about

AaronRandall/Screentendo * GitHub

Screentendo | Aaron Randall