请选择 进入手机版 | 继续访问电脑版

第三天:微信小游戏使用three.js

[复制链接]
孤单 发表于 2020-12-31 18:56:45 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
第三天,在小游戏使用threejs 遇到的问题:

1、苹果适配问题,写用threejs写小步伐时记得 要给canvas设置宽度高度,否则苹果手时机出现画面无法撑满页面的情况,安卓正常。
2、如何设置两个摄像头(一个正交,一个透视):
  1.         //配置渲染器  this.renderer = new THREE.WebGLRenderer({      antialias: true,      canvas: canvas,      preserveDrawingBuffer: true //是否保留缓冲区,直到手动清除或覆盖。默认false    });  let camera0 = new THREE.OrthographicCamera( - window.innerWidth / 2,                 window.innerWidth / 2, window.innerHeight / 2, - window.innerHeight / 2, 1, 10 );  camera0.position.z = 10;  let scene0 = new THREE.Scene();    let camera1 =new THREE.PerspectiveCamera(30, window.innerWidth / window.innerHeight, 1, 20000);  let scene1 = new THREE.Scene();  this.renderer.autoClear = false; //记得关闭渲染器自动清除//在循环中  loop() {    requestAnimationFrame(this.loop.bind(this), canvas);    this.renderer.clear();    this.renderer.render(scene1, camera1);//透视    this.renderer.clearDepth();//清除深度缓存。相当于调用.clear( false, true, false )    this.renderer.render(scene0, camera0);//正交  }
复制代码
附上Renderers(渲染器)详解文章:
https://blog.csdn.net/u013270347/article/details/81057935

来源:https://blog.csdn.net/infomation_czw/article/details/111939018
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则


专注素材教程免费分享
全国免费热线电话

18768367769

周一至周日9:00-23:00

反馈建议

27428564@qq.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc.( 蜀ICP备2021001884号-1 )