{"id":93,"date":"2013-04-09T21:35:42","date_gmt":"2013-04-09T21:35:42","guid":{"rendered":"http:\/\/wp.seantburke.com\/?p=93"},"modified":"2015-07-03T01:36:07","modified_gmt":"2015-07-03T08:36:07","slug":"photo-hack-day-4-instatrip","status":"publish","type":"post","link":"https:\/\/wp.seantburke.com\/?p=93","title":{"rendered":"Photo Hack Day 4 – InstaTrip"},"content":{"rendered":"

\"Screen<\/a><\/p>\n

J<\/span>orge Zamora and I attended \u00a0Photo Hack Day 4 at the Facebook Headquarters. We had attended Photo Hack Day 3 where we built PhotoFly, and this time we were gonna do better because this was our 2nd hackathon together. The only problem was we had no idea what we were going to make this time. I had an idea of taking your face, removing the background and placing it in different places with the song Call on Me by Eric Prydz playing in the background, but that was it. Once we started coding though, we got into it. Our idea changed to faking your vacation\u00a0by superimposing yourself\u00a0into vacation photos. We were also going to use the shotgun approach of using as many API’s as we possibly could. Hey maybe\u00a0we’ll get \u00a0awarded with one of the prizes.
\n
\nSo anyway, \u00a0we coded all throughout the night, and we created Instatrip which utilized\u00a0FlashFoto, Sincerely,\u00a0Filepicker.io, 500px, Aviary, and Dropbox.<\/p>\n

Our original project was hosted on my own site http:\/\/www.seantburke.com, but I tried porting it over to Heroku, and I believe it has lost some functionality.<\/p>\n

http:\/\/instatrip.herokuapp.com\/<\/a><\/p>\n

How it works<\/p>\n

So basically,\u00a0you’re presented with the\u00a0landing page, and then you enter into instatrip. Once you’re in you authenticate with 500px which will then pull all of the latest scenery\u00a0photos onto the page. You select your picture, and then you click on the person icon to insert yourself. This\u00a0prompts FilePicker.io for you to select a file, then it begins to remove the background with FlashFoto’s API. After this finishes, you can move yourself in the canvas using Kinetic.js and the HTML5 Canvas, then you edit your photo with Aviary, and finally you send the photo off to Sincerely for it to be made into a postcard.<\/p>\n

Prizes:<\/p>\n

We ended up winning 2nd with FlashFoto’s API and 3rd with Sincerely’s API<\/p>\n

We won $50 Amazon Gift Cards from FlashFoto, and Nerf Guns from Sincerely.<\/p>\n

 <\/p>\n

Overall it was a great experience! I love doing Hackathons!<\/p>\n

\n
\"\"<\/a>\"\"<\/a>\"\"<\/a>\"\"<\/a>\"\"<\/a>\"\"<\/a>\"\"<\/a>\"\"<\/a>\"\"<\/a>\"\"<\/a>\"\"<\/a>\"\"<\/a>\"\"<\/a>\"\"<\/a>\"\"<\/a>\"\"<\/a>\"\"<\/a>\"\"<\/a>\"\"<\/a>\"\"<\/a><\/div>
Pages:<\/span> 1<\/span> 2<\/span><\/a> <\/div><\/pre>\n
Share this:<\/h3>