原文:webGL学习随笔

这是对threejs初步的一个理解 EleVR elevr是基于webGL的原生API来实现的一个全景播放平台 首先elevr是根据绘制适口来进行双屏VR渲染的 if eye left eyewebGL.gl.viewport , , canvas.width , canvas.height else right eyewebGL.gl.viewport canvas.width , , canv ...

2016-07-01 14:44 0 3742 推荐指数:

查看详情

WebGL学习历程---为什么要学习

(本人自从能写字以来,文笔都不好。针对以下内容大家就凑合,不要太挑剔。) 这个行业变化太快了,一些新的技术点也蜂拥而上;2018年的热点词:大数据,人工智能,VR,区块链....总是期望能凑点热度多捞点钱啊! 可是本人不太爱学习,也不太会学习。同时转换成本针对我这个老阿姨 ...

Tue Feb 19 01:20:00 CST 2019 0 1260
WebGL学习笔记(一)

目录 绘制二维图形(2D图形) 经过一下三个步骤 简单js程序代码 简单html文件代码 绘制实例(一个点) 着色器 ...

Thu Nov 08 22:51:00 CST 2018 0 715
WebGL——osg框架学习

  从今天开始,我们开始正式的学习osg框架,今天我们学习的是osg的渲染模块,我们来看一下代码结构。 所有DrawXXX的js模块都是渲染的模块,我们逐一来简单介绍一下,第一个Drawable.js,这个模块是描述可绘制对象的类,也是我们今天要讨论的类。在osg框架中,渲染管道在准备时期首先要 ...

Sun Dec 30 21:18:00 CST 2018 0 1098
WebGL学习笔记(四):绘图

图元 WebGL可以绘制非常复杂的3D模型,这些模型都是由下面3种基本几何图元构成的,下面我们来详细的看看。 三角形 WebGL中任何复杂的模型,都是由三角形组合而成的,可以说三角形是任意形状的最小构成单位。 WebGL可以绘制下面几种三角形: 独立的三角形(gl.TRIANGLES ...

Fri Jul 26 20:11:00 CST 2019 0 505
WebGL学习之纹理盒

原文地址:WebGL学习之纹理盒 我们之前已经学习过二维纹理 gl.TEXTURE_2D,而且还使用它实现了各种效果。但还有一种立方体纹理 gl.TEXTURE_CUBE_MAP,它包含了6个纹理代表立方体的6个面。不像常规的纹理坐标有2个纬度,立方体纹理使用法向量,换句话说三维方向。本节实现 ...

Mon May 06 20:40:00 CST 2019 3 897
WebGL学习之纹理贴图

原文地址:WebGL学习之纹理贴图 为了使图形能获得接近于真实物体的材质效果,一般会使用贴图,贴图类型主要包括两种:漫反射贴图和镜面高光贴图。其中漫反射贴图可以同时实现漫反射光和环境光的效果。 实际效果请看demo:纹理贴图 2D纹理 实现贴图就需要用到纹理,常用的纹理格式有:2D ...

Tue Apr 30 00:04:00 CST 2019 0 2391
WebGL学习笔记一

学习用来做web3D的,从第一页开始学起先做2D的,接下来的程序是一个入门级的程序,可以通过在画板上的不同位置点击而获取不同颜色的点,以画板中心为坐标原点四个象限有不同的颜色,访问地址 http://123.206.70.64:8080/WebGL2/ColoredPoints.html ...

Tue Sep 06 04:14:00 CST 2016 0 2697
WebGL学习之HDR与Bloom

原文地址:WebGL学习之HDR与Bloom 什么是HDR HDR (High Dynamic Range,高动态范围),在摄影领域,指的是可以提供更多的动态范围和图像细节的一种技术手段。简单讲就是将不同曝光拍摄出的最佳细节的LDR (低动态范围) 图像合成后,就叫HDR,它能同时反映出场景最 ...

Wed May 22 02:35:00 CST 2019 5 1217
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM