This example allows the user to grow cacti 🌵 by tapping or clicking the ground. Showcases raycasting, spawning new objects, and importing a 3D model.
- On this repository, click Code > Download ZIP. If you clone the repository instead, make sure you have Git LFS installed and run
git lfs pull - Unzip the folder to the location you'd like to work in
npm installnpm run serve- To connect to a mobile device, follow these instructions
- Recommended: Track your files using git to avoid losing progress
This project contains Github Actions configuration for deployment to Github Pages, which triggers automatically by pushing the main branch. You can also create a production build using npm run build, which outputs the production build to the dist folder, and publish to the web using this guide.
Please raise any questions on Github Discussions or join the Discord to connect with the community.
With R18, the all-new 8th Wall Engine features Metaversal Deployment, enabling you to create WebAR experiences once and deploy them to smartphones, tablets, computers and both AR and VR headsets. This project has a few platform-specific customizations:
In body.html, we add the "allowedDevices: any" parameter to our xrweb component in <a-scene>
which ensures the project opens on all platforms, including desktop. Environment parameters
have been customized to generate an open desert space.
Built entirely using standards-compliant JavaScript and WebGL, 8th Wall’s Simultaneous Localization and Mapping (SLAM) engine is hyper-optimized for real-time AR on mobile browsers. Features include Six Degrees of Freedom (6-DoF), Lighting estimation, instant surface detection and responsive scale.
The Y position of the camera at start effectively determines the scale of virtual content on a surface
(e.g. smaller y, bigger content). This can be reset at any time by calling
recenter().
The camera should NOT be at a height (Y) of zero. It must be set to a non-zero value.
Toon Cactus by PolyChromic