原文:Three.js基础探寻一

.webGL 一种网络标准,定义了一些较底层的图形接口。 .Three.js 一个 Djs库,webGL开源框架中比较优秀的一个。除了webGL以外,Three.js还提供了基于Canvas SVG标签的渲染器。 这是一个开源项目。 .环境 找一个喜欢的jsIDE。调试建议使用Chrome或者Firefox。 .下载 传送门 .使用 webGL的渲染需要canvas,Three.js可以生成,也 ...

2016-07-25 13:56 0 4040 推荐指数:

查看详情

Three.js基础探寻九——网格

  在学习了几何形状和材质之后,我们就能使用他们来创建物体了。最常用的一种物体就是网格(Mesh),网格是由顶点、边、面等组成的物体;其他物体包括线段(Line)、骨骼(Bone)、粒子系统(Part ...

Wed Aug 10 16:32:00 CST 2016 0 2388
Three.js基础探寻十——动画

  本篇将介绍如果使用Three.js进行动态画面的渲染。此外,将会介绍一个Three.js作者写的另外一个库stat.js,用来观测每秒帧数(FPS)。 1.实现动画效果   1.1 动画原理   对于Three.js程序而言,动画的实现是通过在每秒中多次重绘画面实现 ...

Thu Aug 11 19:52:00 CST 2016 2 9337
Three.js基础探寻七——Lamber材质与Phong材质

  材质(Material)是独立于物体顶点信息之外的与渲染效果相关的属性。通过设置材质可以改变物体的颜色、纹理贴图、光照模式等。   本篇将介绍基本材质以及两种基于光照模型的材质(Lamber与 ...

Fri Aug 05 00:12:00 CST 2016 1 7221
Three.js基础探寻四——立方体、平面与球体

  前面简单介绍了webGL和Three.js的背景以及照相机的设定,接下来介绍一些Three.js中的几何形状。 1.立方体   虽然这一形状的名字叫立方体(CubeGeometry),但它其实是长方体,也就是长宽高可以设置为不同的值。其构造函数是:   width ...

Thu Jul 28 21:05:00 CST 2016 0 9708
Three.js基础探寻八——法向材质与材质的纹理贴图

4.法向材质   法向材质可以将材质的颜色设置为其法向量的方向,有时候对于调试很有帮助。   法向材质的设定很简单,甚至不用设置任何参数:   材质的颜色与照相机与该物体的角度相关 ...

Fri Aug 05 18:55:00 CST 2016 1 5491
Three.js基础探寻四——立方体、平面与球体

  前面简单介绍了webGL和Three.js的背景以及照相机的设定,接下来介绍一些Three.js中的几何形状。 1.立方体   虽然这一形状的名字叫立方体(CubeGeometry),但它其实是长方体,也就是长宽高可以设置为不同的值。其构造函数是:   width:x ...

Mon Jan 14 06:12:00 CST 2019 0 999
Three.js基础探寻三——透视投影照相机

  本篇主要介绍Three.js照相机中的透视投影照相机。   上一篇:正交投影照相机 5.透视投影照相机构造函数   透视投影照相机(Perspective Camera)的构造函数是:    - fov 可视角度    - aspect 实际窗口的纵横 ...

Wed Jul 27 16:28:00 CST 2016 2 9946
Three.js基础探寻二——正交投影照相机

  本篇主要介绍照相机中的正交投影照相机。     第一篇传送门:Three.js基础探寻一 1.照相机   图形学中的照相机定义了三维空间到二维屏幕的投影方式。   针对投影方式照相机分为正交投影照相机和透视投影照相机。 2.两种相机的区别与适用范围   正交投影 ...

Tue Jul 26 23:44:00 CST 2016 0 3634
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM