Markerless WebAR

Demo:./WebAR/

by Alex@Shv.im 技术概要: 无标记虚拟与现实图像层叠 |-3D图像层 | |-ThreeJS WebGL | |-模型加载 JSONLoader | |-模型动画 AnimationMixer | |-硬边风格 LowPoly flatShading | |-灯光开关 HemisphereLight DirectionalLight | |-背景透明 WebGLRenderer.alpha setClearColor |-摄像头图像层 | |-WebRTC SSL https | |-getUserMedia | |-Camera facingMode | |-兼容性 | | |-iOS 兼容性 Safari支持;微信与QQ需引导用浏览器打开 | | |-Android兼容性 微信、QQ支持;系统浏览器不一定支持 | | |-PC Mac 兼容性 现代浏览器普遍支持 TODO 方向传感器绑定 orientation 参考 https://github.com/search?l=JavaScript&q=threejs+orientation&type=Code&utf8=%E2%9C%93 参考 https://nwchinn.github.io/Cardboard-Viewer/ 参考 https://github.com/min2033/WebVR-Test 参考 https://github.com/Gassepouille/deviceOrientation