Skip to content

8thwall/threejs-world-effects-example

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

three.js: World Effects (SLAM)

This sample contains a basic three.js scene integrated with the 8th Wall Engine Binary.

Virtual cube aligned to the floor of a room

Try it out

https://8thwall.org/threejs-world-effects-example/

QR Code for the preview link

Usage

  1. 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
  2. Unzip the folder to the location you'd like to work in
  3. npm install
  4. npm run serve
  5. To connect to a mobile device, follow these instructions
  6. Recommended: Track your files using git to avoid losing progress

Deployment

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.

Questions?

Please raise any questions on Github Discussions or join the Discord to connect with the community.

Note

This project relies on the 8th Wall Engine, XRExtras, and Landing Page which are loaded as script tags in index.html.

<script src="https://cdn.jsdelivr.net/npm/@8thwall/engine-binary@1/dist/xr.js" async crossorigin="anonymous" data-preload-chunks="slam"></script>
<script src="https://cdn.jsdelivr.net/npm/@8thwall/xrextras@1/dist/xrextras.js" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@8thwall/landing-page@1/dist/landing-page.js" crossorigin="anonymous"></script>

Releases

No releases published

Packages

 
 
 

Contributors