WebGL学习笔记01-------几个重要参数
来源:互联网 发布:seo 编辑 关键词 编辑:程序博客网 时间:2024/05/17 12:54
1、scene= new THREE.Scene();
2、camera的几个函数设置
camera = new THREE.PerspectiveCamera(VIEW_ANGLE, ASPECT, NEAR, FAR);
//照相机参数设定
camera.position.set(x,y,z);
//照相机的位置
camera.lookAt(scene.position);//这里的参数是个集合,所以要写成camera.lookAt(x: ,y: ,z:);这种形式
//照相机要看的点
2、renderer渲染窗口的设置
renderer = new THREE.WebGLRenderer({antialias:true} );
//建立renderer对象
renderer.setSize(SCREEN_WIDTH,SCREEN_HEIGHT);
//设置renderer的大小
container = document.getElementById( 'ThreeJS' );
//建立容器对象
container.appendChild( renderer.domElement);
//将renderer附在刚才创建的容器对象上。
3、light对象设置
var light = new THREE.PointLight(0xffffff);点光源设置
light.position.set(0,250,0);光源位置
scene.add(light);将光源对象附加在scene
4、mesh对象
首先:var sphereGeometry =new THREE.SphereGeometry(半径, width的段数, height的段数 );
其次:var sphereMaterial =new THREE.MeshLambertMaterial( {color: 0x8888ff} );建立一种材质
再次:将前面两个建立的对象组成mesh对象var sphere = new THREE.Mesh(sphereGeometry, sphereMaterial);
然后:position.set(100, 50, -50);设置mesh的位置
最后:scene.add(sphere);将mesh加入sence中
5对每一帧刷新
function animate()
{
requestAnimationFrame( animate );//反复调用这个函数
render();//更新场景
update();//你要更新的其他内容
}
function render()
{
renderer.render( scene, camera );
}
- WebGL学习笔记01-------几个重要参数
- webgl学习笔记2--图形绘制的几个重要方法详解
- WebGL学习笔记1
- WebGL学习笔记3
- WebGL学习笔记
- WebGL学习笔记(1)
- webgl学习笔记一
- webgl学习笔记一
- webgl学习笔记二
- android笔记 SQLiteDatabase的几个重要方法的参数列表
- JVM 几个重要的参数
- JVM 几个重要的参数
- lwip学习笔记之几个重要的数据结构详解
- CUDA学习笔记之几个重要概念的理解
- Box2d学习笔记三:box2d中几个重要的类
- javaweb学习笔记:Servlet的几个重要的方法
- cocos2d-x学习笔记—几个重要的概念
- live555学习笔记-几个重要对象的生命期
- hdu 5017 Ellipsoid 模拟退火算法 西安网络赛
- Server Application Unavailable出现的原因及解决方案小结
- cocos2d-x 全面总结--字体描边和制作阴影
- java 实现给图片添加水印
- screen命令使用方法及操作规范
- WebGL学习笔记01-------几个重要参数
- 用户关系通讯录数据库设计
- 邓白氏全球编码查询方法
- 二叉树的深度优先搜索和广度优先搜索
- 美国海军(NPS)的OSG教程链接与资源下载
- Swift扩展(Extensions)
- linux中/proc/*目录中的内容分析
- Java线程安全问答(草稿)
- iOS8BUG