Settings

Theme

Show HN: ARKit Playground – Make ARKit Experiences in JS from Your Browser

snack.expo.io

151 points by ccheever 8 years ago · 28 comments

Reader

ccheeverOP 8 years ago

Hi-

I worked on this along with some other people.

Here's what a demo looks like: https://i.makeagif.com/media/9-28-2017/gMnJTj.gif

You can try a really cool demo made with it here: https://expo.io/@nikki/dire-dire-ducks

It fills your room with water and has ducks swimming around. The sound changes if you dive underwater, and if you press the screen, the ducks will swim towards you. This is a video of what it looks like: https://www.youtube.com/watch?v=8EL1emCVtIw

And you can read more about it here: https://blog.expo.io/introducing-expo-ar-mobile-augmented-re...

  • cheez 8 years ago

    I'm getting a black screen on Pixel

    • ccheeverOP 8 years ago

      It uses Apple's ARKit so it will only work on iPhones. And you need iOS 11 and at least an iPhone 6S or a very recent iPad for it to work.

      Google has announced some Android AR stuff so when they roll they out, we will look at making this stuff work across both platforms. Sorry it won't work for you yet!

    • nikki93 8 years ago

      Hey! Sorry -- we should've made this clearer. ARKit only works on devices running iOS 11, and some particular devices at that:

      iPhone 6s and 6s Plus, iPhone 7 and 7 Plus, iPhone SE, iPad Pro (9.7, 10.5 or 12.9) – both first-gen and 2nd-gen, iPad (2017), iPhone 8 and 8 Plus, iPhone X

      I think these are the ones, at the time of posting this comment.

      • chrisweekly 8 years ago

        Sigh. The first time my venerable iphone 6 is holding me back from something I know I want.

      • cheez 8 years ago

        Ah ok, I saw the "download for Android" and installed it right away :)

        • nikki93 8 years ago

          Haha yeah, Expo itself generally works on both iOS and Android, but this particular demo in Expo works on iOS only since it needs ARKit. Here's an edit of the demo to just use a standard THREE.js camera and scene and not an AR one: https://snack.expo.io/rJCl4mnib It should work on Android. You can still edit the code (like the box dimensions) to see the changes immediately!

627467 8 years ago

So... A pink screen on my 6th generation iPod touch is the confirmation that ARkit doesnt work on this device (even with iOS11)

stumpf 8 years ago

Isn't the above water music the Super Mario 64 water music theme? Also, really cool demo!

edit; oh I get the play on the title now.

deveshdayal 8 years ago

This seriously makes mobile AR development a lot easier for anybody who doesn't want to go through the entire overhead of learning iOS. Amazing work!

EvanBacon 8 years ago

This is incredible, going underwater is actually pretty awesome!

blurbleblurble 8 years ago

"As long as we don't run out of PIDs."

:)

nojvek 8 years ago

The link doesn't work in expo

ravenstine 8 years ago

Black screen on Android.

Keyboard Shortcuts

j
Next item
k
Previous item
o / Enter
Open selected item
?
Show this help
Esc
Close modal / clear selection