How to hang a painting on the wall with React Native
summary
Builds a working iOS prototype that uses ARKit + React Native (react-native-arkit), with 3D paintings rendered as box nodes textured from local files (or downloaded via react-native-file-system), hitTest and anchors to place items, and Euler angles to orient them on walls. Horizontal plane detection is reliable at ~60fps; vertical planes fail on low-contrast walls, so a practical hack is to place the phone against the wall to get a stable anchor. Includes pan gestures, cast shadows and camera-roll snapshots.
AI-written summary · about
chapters (12)
- 0:00Introduction to AR
- 3:18ARKit and React Native
- 8:16Setting up the project
- 12:40Displaying the painting
- 14:06Sticking painting to wall
- 15:55Hanging the painting
- 20:40Removing the painting
- 21:23Moving the painting
- 23:09Selecting paintings
- 25:44Taking snapshots
- 26:49Future of AR libraries
- 27:55Q&A
related talks
37mBuilding AR Apps with React Native
39mBuilding AR Apps with React Native
32mBuilding AR apps with React Native
44mRapid Cross-Platform AR Development with React Native
24mLets Go 3D With React Native
26mAugmented Reality with React Native — a Medium Worth to Bridge?
26mDeveloping Immersive cross-platform AR and VR Apps using React-Native
21mWhy React the Web AR