文档章节

three.js绘制过程(二)

李勇2
 李勇2
发布于 2015/03/02 09:38
字数 307
阅读 20
收藏 0

同一个场景中可以有多个摄像机,同一个屏幕缓冲区可以分块绘制不同的物体。


WeblGLRender 中autoClear 设定为false之后, 每次绘制不会清空缓冲区;

setSize 设定canvas的大小

setViewport 设定绘制的位置的大小

clear() 手动清空绘制缓冲区


例如有两个摄像机A B;

将autoClear设定为false,

在绘制函数中 

开始手动清空缓冲区clear()

setViewport (0 0, Width/2, height) 左侧可以绘制第一个摄像机的看到的场景,

render() 

setViewport(width/2, 0, width/2, height) 右侧可以绘制第二个摄像机的场景

render()


这样就可以在一个屏幕上绘制两个摄像机的看到的场景。


CameraHelper:

THREE 中有 CameraHelper类可以帮助确定场景中摄像机的位置,和可视见范围, 本质上是一个场景节点。

CameraHelper 本身是一个Object3D, 可以作为摄像机的子节点, 这样就可以保证和摄像机一起移动。

CameraHelper的update函数, 当观察的摄像机参数改变, 比如fov, far平面, 则需要更新helper的状态。


构造函数 CameraHelper(camera) 传入要观察的摄像机

  


本文转载自:http://blog.csdn.net/liyong748/article/details/7927310

共有 人打赏支持
李勇2

李勇2

粉丝 46
博文 189
码字总数 62209
作品 0
广州
程序员
私信 提问
SegmentFault 技术周刊 Vol.35 - WebGL:打开网页看大片

WebGL 可以说是 HTML5 技术生态链中最为令人振奋的标准之一,它把 Web 带入了 3D 的时代。 初识 WebGL 先通过几个使用 WebGL 的网站来认识下 WebGL 的魅力吧~ 温馨提示:浏览以下网页需要浏览...

keke
2017/10/19
0
0
微信小游戏three.js开发

如何用three.js开发微信小游戏 首先我们先用微信开发者工具创建一个模块,然后先将里面不需要的内容删除,将three.js放到我们的项目中,并且在main.js都将其引入: 这里我用一个3D游戏中比较...

yidboy
04/13
0
0
three.js绘制过程(二)

同一个场景中可以有多个摄像机,同一个屏幕缓冲区可以分块绘制不同的物体。 WeblGLRender 中autoClear 设定为false之后, 每次绘制不会清空缓冲区; setSize 设定canvas的大小 setViewport ...

李勇2
2012/09/18
0
0
初识three.js,搭建three.js+vue.js项目

WebGL 简介:WebGL(全写Web Graphics Library)是一种3D绘图协议,这种绘图技术标准允许把JavaScript和OpenGL ES 2.0(OpenGL for Embedded Systems,OpenGL嵌入式版本,针对手机、游戏机等...

mfnn
09/23
0
0
WebVR开发教程——标准入门

WebVR即web + VR的体验方式,我们可以戴着头显享受沉浸式的网页,新的API标准让我们可以使用js语言来开发。本文将介绍如何快速开发一个WebVR网页,在此之前,我们有必要了解WebVR的体验方式。...

YoneChen
01/09
0
0

没有更多内容

加载失败,请刷新页面

加载更多

《Maven官方文档》-Maven依赖机制简介

《Maven官方文档》-Maven依赖机制简介 原文地址 译者:Tyrian 依赖机制是Maven最为用户熟知的特性之一,同时也是Maven所擅长的领域之一。单个项目的依赖管理并不难, 但是当你面对包含数百个...

tantexian
11分钟前
0
0
基于 Docker 快速部署多需求 Spark 自动化测试环境

引言 在进行数据分析时,Spark 越来越广泛的被使用。在测试需求越来越多、测试用例数量越来越大的情况下,能够根据需求快速自动化部署 Spark 环境、快速完成所有测试越来越重要。 本文基于 ...

呐呐丶嘿
29分钟前
2
0
支付宝APP支付之查看支付宝商户ID

1、登录支付宝蚂蚁金服开放平台 2、查看账号详情,选择合作伙伴管理,账户管理,查看角色身份,此处的PID就是商户ID 3、点击秘钥管理,可查看绑定的相关应用及其APPID等信息

Code辉
32分钟前
2
0
崛起于Springboot2.X之通讯WebSocket(40)

技术简介:Springboot2.0.3+freemaker+websocket 1、添加pom依赖 <dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-bo......

木九天
40分钟前
1
0
Java常用四大线程池用法以及ThreadPoolExecutor详解

为什么用线程池? 1.创建/销毁线程伴随着系统开销,过于频繁的创建/销毁线程,会很大程度上影响处-理效率 2.线程并发数量过多,抢占系统资源从而导致阻塞 3.对线程进行一些简单的管理 在Java中...

孟飞阳
42分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部