zoukankan      html  css  js  c++  java
  • 在threejs中添加两个场景和相机是需要注意render的参数设置

    问题:我刚开始设置了两个场景和相机 但是第二个一直将第一个场景给覆盖了一直找不到原因 

    解决: 问题出在 renderer.autoClear = false;上 设置render的参数如下:

    renderer = new THREE.WebGLRenderer({
        antialias: true,
        precision: "highp",
        alpha: true,
        premultipliedAlpha: false,
        stencil: false,
        preserveDrawingBuffer: true //是否保存绘图缓冲
    });
    renderer.setClearColor( 0xff0000);
    renderer.sortObjects = true;
    renderer.autoClear = false;
    
    renderer.setPixelRatio( window.devicePixelRatio );
    renderer.setSize( window.innerWidth, window.innerHeight );
    renderer.gammaInput = true;
    renderer.gammaOutput = true;
    renderer.shadowMap.enabled = true;


    描述:第一个场景加载的是柜子 第二个场景加载的是小球 当场景一的相机转动时 小球是不动的问题解决;

     注释:

    我有一个Three.js场景,我已经设置了渲染器的preserveDrawingBuffer:true,因为我想使用renderer.toDataURL拍摄画布上的内容的快照,并且我还使用renderer.autoClear = false,因为我使用2个场景每个摄像头(当然一个渲染器)。



     

  • 相关阅读:
    java开发实战经典
    defer属性---->执行外部脚本
    深入理解JavaScript 模块模式
    JavaScript模块化开发一瞥
    缓存是新的内存
    php站点
    数据库
    .NET中使用Redis
    Scrum中的User Story
    如何编写敏捷开发中的user story
  • 原文地址:https://www.cnblogs.com/lst619247/p/9057236.html
Copyright © 2011-2022 走看看