7 ms·

Turn any part of your screen into a playable level of Super Mario Bros

120 points by aaronrandall 11y ago

nsxwolf 11y ago
No binary? I couldn't build this on my Yosemite box. ld: library not found for -lPods-Screentendo-GPUImage
- aaronrandall 11y ago
  You'll need to install cocoapods (the dependency manager) using: sudo gem install cocoapods then in the project root, run the following to install the dependencies: pod install I'll update the GitHub repo with instructions :)
  - nsxwolf 11y ago
    Thanks!!
  - S_A_P 11y ago
    So I have done that, and I am still not able to build. It cant find libpods-Screentendo.a. I am assuming that this should be built along with the project. Or prebuilt? I have not had to do much troubleshooting in the XCode build process, so any pointers would be much appreciated.
  - JoshTriplett 11y ago
    There's something very strange about using a third-party package manager to install another third-party package manager.
  - danialtz 11y ago
    also run the Screentendo.xcworkspace file. Still buggy on MBP Retina, as everything looks zoomed in.
wodenokoto 11y ago
That is a really funny idea! The execution looks good too. Great thing to have on ones resume/portfolio!
- aaronrandall 11y ago
  Thanks, glad you liked it!
mrspeaker 11y ago
Ha, fantastic stuff! I've always wanted to do this in my code editor, with the platforms being the various levels of code indentation.
- aaronrandall 11y ago
  Yeah I played around with building levels in TextEdit while I was developing the app - it's a lot of fun watching lines of text turn into platforms for Mario, and it allows for iterating on level design really quickly :)
nkozyra 11y ago
Seems like a really simple way to do a level-editor on paper - draw it, scan it and convert it.
- aaronrandall 11y ago
  That's a great idea. If I could get the image processing to run fast enough, I'd love to get to a point where you could have Screentendo overlay a video (of a scrolling level for example), and have the level blocks generate as the video played.
  - nkozyra 11y ago
    I'm almost 100% sure I've seen this demoed before, and obviously it wouldn't be real-time, but would certainly be a cool proof of concept.
  - Someone1234 11y ago
    My Sony phone has augmented reality toys that kind of do this. Point your phone at a table top, and dinosaurs appear which are able to navigate objects on the table and trees grow out of things.
    - johnmaguire2013 11y ago
      The Sony PS4 also has demos with the same idea.
- TazeTSchnitzel 11y ago
  Nintendo, if given that idea, would love it. They have an upcoming game called Mario Maker that lets you create Super Mario Bros levels, on the Wii U. And the 3DS has a camera. (Well, I can dream...)
- TheKnack 11y ago
  Someone already did this: http://www.theverge.com/2014/4/30/5666092/pixel-press-review http://www.theverge.com/2014/4/30/5666092/pixel-press-review
_lce0 11y ago
terrific idea!! now somebody should hack a bookmarklet?
- sevenadrian 11y ago
  yes, please, so my free time is not long for this world
- aaronrandall 11y ago
  I'd love to see someone build this as a bookmarklet - I wouldn't know where to begin with image processing in JavaScript. Maybe a project for another day...
recursive 11y ago
As far as I can tell, this only works on Mac OSX, which doesn't seem to be explicitly stated. It seems worth pointing out.
- eridius 11y ago
  All of the technologies it references (e.g. Cocoa, SpriteKit, the various specific API calls it mentions) are all strictly OS X. I would have thought the name "Cocoa" is recognizable enough on its own to indicate OS X.
  - salmonfamine 11y ago
    I had no idea what Cocoa was before this. I still...don't know what Cocoa is.
    - eridius 11y ago
      Cocoa is the name for the set of Objective-C frameworks that powers nearly every OS X and iOS app.
  - recursive 11y ago
    That's how I figured it out.
  - frostmatthew 11y ago
    > All of the technologies it references (e.g. Cocoa, SpriteKit, the various specific API calls it mentions) are all strictly OS X I've never heard of Cocoa or SpriteKit, as I'm sure is the case for many others who don't use OS X - when seeing the name of something for the first time nobody thinks "oh that must be for OS X"...
    - eridius 11y ago
      > when seeing the name of something for the first time nobody thinks "oh that must be for OS X" No, but when seeing a few technologies referenced for the first time, your immediate reaction shouldn't be "I bet that's cross-platform" either. And since the screenshots show OS X and the referenced browser (Safari) is an OS X browser, it should be pretty easy to figure out it's an OS X thing.
gergles 11y ago
Could we get a binary rather than install a dependency manager to install a dependency manager to install god knows what to build the code for an app that we'll probably run once than delete? I mean, it's cool, but it's a lot of work to get it running. A lot more people could appreciate it if you had a binary.

120 points by aaronrandall 11y ago

nsxwolf 11y ago

No binary? I couldn't build this on my Yosemite box. ld: library not found for -lPods-Screentendo-GPUImage

aaronrandall 11y ago
You'll need to install cocoapods (the dependency manager) using: sudo gem install cocoapods then in the project root, run the following to install the dependencies: pod install I'll update the GitHub repo with instructions :)
- nsxwolf 11y ago
  Thanks!!
- S_A_P 11y ago
  So I have done that, and I am still not able to build. It cant find libpods-Screentendo.a. I am assuming that this should be built along with the project. Or prebuilt? I have not had to do much troubleshooting in the XCode build process, so any pointers would be much appreciated.
- JoshTriplett 11y ago
  There's something very strange about using a third-party package manager to install another third-party package manager.
- danialtz 11y ago
  also run the Screentendo.xcworkspace file. Still buggy on MBP Retina, as everything looks zoomed in.

wodenokoto 11y ago

That is a really funny idea! The execution looks good too. Great thing to have on ones resume/portfolio!

aaronrandall 11y ago
Thanks, glad you liked it!

mrspeaker 11y ago

Ha, fantastic stuff! I've always wanted to do this in my code editor, with the platforms being the various levels of code indentation.

aaronrandall 11y ago
Yeah I played around with building levels in TextEdit while I was developing the app - it's a lot of fun watching lines of text turn into platforms for Mario, and it allows for iterating on level design really quickly :)

nkozyra 11y ago

Seems like a really simple way to do a level-editor on paper - draw it, scan it and convert it.

aaronrandall 11y ago
That's a great idea. If I could get the image processing to run fast enough, I'd love to get to a point where you could have Screentendo overlay a video (of a scrolling level for example), and have the level blocks generate as the video played.
- nkozyra 11y ago
  I'm almost 100% sure I've seen this demoed before, and obviously it wouldn't be real-time, but would certainly be a cool proof of concept.
- Someone1234 11y ago
  My Sony phone has augmented reality toys that kind of do this. Point your phone at a table top, and dinosaurs appear which are able to navigate objects on the table and trees grow out of things.
  - johnmaguire2013 11y ago
    The Sony PS4 also has demos with the same idea.
TazeTSchnitzel 11y ago
Nintendo, if given that idea, would love it. They have an upcoming game called Mario Maker that lets you create Super Mario Bros levels, on the Wii U. And the 3DS has a camera. (Well, I can dream...)
TheKnack 11y ago
Someone already did this: http://www.theverge.com/2014/4/30/5666092/pixel-press-review http://www.theverge.com/2014/4/30/5666092/pixel-press-review

_lce0 11y ago

terrific idea!! now somebody should hack a bookmarklet?

sevenadrian 11y ago
yes, please, so my free time is not long for this world
aaronrandall 11y ago
I'd love to see someone build this as a bookmarklet - I wouldn't know where to begin with image processing in JavaScript. Maybe a project for another day...

recursive 11y ago

As far as I can tell, this only works on Mac OSX, which doesn't seem to be explicitly stated. It seems worth pointing out.

eridius 11y ago
All of the technologies it references (e.g. Cocoa, SpriteKit, the various specific API calls it mentions) are all strictly OS X. I would have thought the name "Cocoa" is recognizable enough on its own to indicate OS X.
- salmonfamine 11y ago
  I had no idea what Cocoa was before this. I still...don't know what Cocoa is.
  - eridius 11y ago
    Cocoa is the name for the set of Objective-C frameworks that powers nearly every OS X and iOS app.
- recursive 11y ago
  That's how I figured it out.
- frostmatthew 11y ago
  > All of the technologies it references (e.g. Cocoa, SpriteKit, the various specific API calls it mentions) are all strictly OS X I've never heard of Cocoa or SpriteKit, as I'm sure is the case for many others who don't use OS X - when seeing the name of something for the first time nobody thinks "oh that must be for OS X"...
  - eridius 11y ago
    > when seeing the name of something for the first time nobody thinks "oh that must be for OS X" No, but when seeing a few technologies referenced for the first time, your immediate reaction shouldn't be "I bet that's cross-platform" either. And since the screenshots show OS X and the referenced browser (Safari) is an OS X browser, it should be pretty easy to figure out it's an OS X thing.

gergles 11y ago

Could we get a binary rather than install a dependency manager to install a dependency manager to install god knows what to build the code for an app that we'll probably run once than delete? I mean, it's cool, but it's a lot of work to get it running. A lot more people could appreciate it if you had a binary.