5 ms·

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

151 points by ccheever 9y ago

deveshdayal 9y 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!
ccheever 9y 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 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 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 https://www.youtube.com/watch?v=8EL1emCVtIw And you can read more about it here: https://blog.expo.io/introducing-expo-ar-mobile-augmented-reality-with-javascript-powered-by-arkit-b0d5a02ff23 https://blog.expo.io/introducing-expo-ar-mobile-augmented-re...
- cheez 9y ago
  I'm getting a black screen on Pixel
  - nikki93 9y 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.
    - cheez 9y ago
      Ah ok, I saw the "download for Android" and installed it right away :)
      - nikki93 9y 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 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!
    - chrisweekly 9y ago
      Sigh. The first time my venerable iphone 6 is holding me back from something I know I want.
      - malloryerik 9y ago
        Same here. And just as it's become mine free and clear...
        taneq 9y ago
        There's a reason that phone contracts are the length they are. ;)
  - ccheever 9y 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!
    - throwanem 9y ago
      I always wait for the first minor version bump before installing a new iOS release. Not this time! I can't wait that long to play with what you've built. (I'd like to read more about it, too, but your Medium link upthread is 404ing...)
      - aaronbrethorst 9y ago
        11.0.1 came out earlier this week.
        throwanem 9y ago
        Minor, not patch.
      - ccheever 9y ago
        oops -- i fixed the medium link. thanks for the heads up. here it is: https://blog.expo.io/introducing-expo-ar-mobile-augmented-reality-with-javascript-powered-by-arkit-b0d5a02ff23 https://blog.expo.io/introducing-expo-ar-mobile-augmented-re...
    - Angostura 9y ago
      Does it work on an SE (basically got 6s innards)?
      - thisacctforreal 9y ago
        Yep :) 5s and 6 recieved iOS11, but they don’t have the hardware for ARKit SE, 6s onwards has the hardware for ARKit
EvanBacon 9y ago
This is incredible, going underwater is actually pretty awesome!
stumpf 9y 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.
- ccheever 9y ago
  yup :) thanks!
  - atom-morgan 9y ago
    Great choice!
therealrakcity 9y ago
I'm drowning in excitement for Expo! When will this be available for Vertu
deleted 9y ago
[deleted]
627467 9y ago
So... A pink screen on my 6th generation iPod touch is the confirmation that ARkit doesnt work on this device (even with iOS11)
- flatline 9y ago
  Oooh, pink. I only get a white screen on my iPhone 6 with iOS10.
macawfish 9y ago
"As long as we don't run out of PIDs." :)
nojvek 9y ago
The link doesn't work in expo
ravenstine 9y ago
Black screen on Android.

151 points by ccheever 9y 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!

ccheever 9y 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 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 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 https://www.youtube.com/watch?v=8EL1emCVtIw And you can read more about it here: https://blog.expo.io/introducing-expo-ar-mobile-augmented-reality-with-javascript-powered-by-arkit-b0d5a02ff23 https://blog.expo.io/introducing-expo-ar-mobile-augmented-re...

cheez 9y ago
I'm getting a black screen on Pixel
- nikki93 9y 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.
  - cheez 9y ago
    Ah ok, I saw the "download for Android" and installed it right away :)
    - nikki93 9y 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 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!
  - chrisweekly 9y ago
    Sigh. The first time my venerable iphone 6 is holding me back from something I know I want.
    - malloryerik 9y ago
      Same here. And just as it's become mine free and clear...
      - taneq 9y ago
        There's a reason that phone contracts are the length they are. ;)
- ccheever 9y 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!
  - throwanem 9y ago
    I always wait for the first minor version bump before installing a new iOS release. Not this time! I can't wait that long to play with what you've built. (I'd like to read more about it, too, but your Medium link upthread is 404ing...)
    - aaronbrethorst 9y ago
      11.0.1 came out earlier this week.
      - throwanem 9y ago
        Minor, not patch.
    - ccheever 9y ago
      oops -- i fixed the medium link. thanks for the heads up. here it is: https://blog.expo.io/introducing-expo-ar-mobile-augmented-reality-with-javascript-powered-by-arkit-b0d5a02ff23 https://blog.expo.io/introducing-expo-ar-mobile-augmented-re...
  - Angostura 9y ago
    Does it work on an SE (basically got 6s innards)?
    - thisacctforreal 9y ago
      Yep :) 5s and 6 recieved iOS11, but they don’t have the hardware for ARKit SE, 6s onwards has the hardware for ARKit

EvanBacon 9y ago

This is incredible, going underwater is actually pretty awesome!

stumpf 9y 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.

ccheever 9y ago
yup :) thanks!
- atom-morgan 9y ago
  Great choice!

therealrakcity 9y ago

I'm drowning in excitement for Expo! When will this be available for Vertu

deleted 9y ago

[deleted]

627467 9y ago

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

flatline 9y ago
Oooh, pink. I only get a white screen on my iPhone 6 with iOS10.

macawfish 9y ago

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

nojvek 9y ago

The link doesn't work in expo

ravenstine 9y ago

Black screen on Android.