2018-08-10

var rankingTexture;

function initUi(){

    ui = new ThreeUI(renderer.domElement, 750 * window.innerHeight/window.innerWidth/*window.innerHeight*/, true);

    rankingTexture = new THREE.CanvasTexture(sharedCanvas)

    // TODO 关键代码

    rankingTexture.minFilter = rankingTexture.magFilter = THREE.LinearFilter

    rankingTexture.needsUpdate = true

    let geometry = new THREE.PlaneGeometry(ui.canvas.width, ui.canvas.height)

    let material = new THREE.MeshBasicMaterial({ map: rankingTexture, transparent: true , opacity:0.8}) //

    var ranking = new THREE.Mesh(geometry, material)

    ui.scene.add(ranking)

    var shareSprite = ui.createSprite('share.png', 300, 1120, 100, 100);

    var rankingRetSprite = ui.createSprite('return.png', 80, 1120, 100, 100);  rankingRetSprite.visible = false;

    shareSprite.onClick(() => {

        rankingRetSprite.visible = true;

        friends();

        setInterval(updateRanking, 1000, 5)

        window.addEventListener('mousemove',updateRanking);

        window.addEventListener('mouseup',updateRanking);

    });

    rankingRetSprite.onClick(() => {

        rankingRetSprite.visible = false;

        stopShow();

        window.removeEventListener('mousemove',updateRanking);

        window.removeEventListener('mouseup',updateRanking);

    });

}

function updateRanking() {

    rankingTexture.needsUpdate = true

}