WebAR开发笔记

关键步骤

*这里的js文件已经解决了摄像头前置后置问题（AR.js）
访问网址体验
https://www.ljclass.com/AR/Cu(OH)2.html

1.渲染器关键代码
   

var renderer= new THREE.WebGLRenderer({
        antialias: true,                                    //开启抗锯齿
        alpha: true                                          //开启背景透明
    });
    renderer.setClearColor(new THREE.Color('lightgrey'), 0);
    renderer.setSize( window.innerWidth, window.innerHeight );
    renderer.domElement.style.position = 'absolute';
    renderer.domElement.style.top = '0px';
    renderer.domElement.style.left = '0px';
    document.body.appendChild(renderer.domElement);

    // array of functions for the rendering loop 呈现循环的函数数组
    var onRenderFcts= [];

2.场景和摄像机

    关键代码
   

var scene= new THREE.Scene();
    var light = new THREE.DirectionalLight(0xffffff,1.0);

 

    //位置不同，方向光作用于物体的面也不同，看到的物体各个面的颜色也不同
    //light.position.set(0,1,0.5 ).normalize(