Settings

Theme

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

snack.expo.io

151 points by ccheever · 28 comments

Reader

8 threads
ccheeverOP

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

    I'm getting a black screen on Pixel

    • ccheeverOP

      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

      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

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

      • cheez

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

        • nikki93

          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

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

stumpf

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

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

This is incredible, going underwater is actually pretty awesome!

blurbleblurble

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

:)

nojvek

The link doesn't work in expo

ravenstine

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