Skip to content

Latest commit

 

History

History
56 lines (33 loc) · 1.24 KB

README.md

File metadata and controls

56 lines (33 loc) · 1.24 KB

Chinese README

Updated

Date    Update
2022-10-29 New: Use the mouse wheel to zoom the panorama.
2022-01-02 New: Gamma color space correction.
2021-07-21 New: This project is the same as https://github.com/sanyuered/WeChat-MiniProgram-AR-3D, but it is a pure front-end website.

Visit a live example

https://sanyuered.github.io/AR-3D/

Introduction of 3D website with THREE.JS

Three.js is a JavaScript 3D library.

Three.js

Index Page

avatar

Panorama Viewer

avatar

When start a device motion, the device orientation control will rotate the screen.

When stop the device motion, use gestures to rotate the screen.

3D Viewer

avatar

We can rotate the screen by a device orientation control and gestures.

Set your image url

File: /package_panorama/photo/photo.js

// A panorama image url
const imageUrl = '../../assets/sample.jpg';

Set your model url

File: /package_3d_viewer/camera/camera.js

// a gltf model url
const modelUrl = '../../assets/robot.glb';