腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

代码编写世界

专栏作者

184

文章

307772

阅读量

29

订阅数

WebGL或OpenGL关于模型视图投影变换的设置技巧

opengl webgl api html

看了不少的关于WebGL/OpenGL的资料，笔者发现这些资料在讲解图形变换的时候都讲了很多的原理，然后举出一个特别简单的实例(坐标是1.0，0.5的那种)来讲解。确实一看就懂，但用到实际的场景之中就一脸懵逼了（比如地形的三维坐标都是很大的数字）。所以笔者这里结合一个具体的实例，总结下WebGL/OpenGL中，关于模型变换、视图变换、投影变换的设置技巧。

2022-05-05

8990

JavaScript异步编程1——Promise的初步使用

node.js html javascript 编程算法

Promise对象是ES6提出的的异步编程的规范。说到异步编程，就不得不说说同步和异步这两个概念。

2021-04-13

7160

JS模块化编程规范1——require.js

jquery html javascript

require.js是各种网络APP中非常常见的JS依赖库，它其实不仅仅是个模块加载器那么简单。它背后蕴含了一个非常重要的设计，也就是JS模块化编程。模块化是任何一个编程语言都会支持的设计，通过模块化能够将一个重要的问题拆分成一个个小的问题，并且模块与模块之间不关联（或者弱关联），减小的程序的开发难度。

2020-12-22

3.2K0

JQuery中美元符号$

jquery json css html 编程算法

前端技术得更新换代实在太快，JQuery可能已经不再适合着重学习，不过JQuery得思想已经融入了很多前端框架技术之中，比如这个美元符号

2020-12-01

7810

osgEarth使用笔记3——加载倾斜摄影数据

我在《OSG加载倾斜摄影数据》这篇博文中论述了如何通过OSG生成一个整体的索引文件，通过这个索引文件来正确显示ContextCapture（Smart3D）生成的倾斜摄影模型数据。这类倾斜摄影模型数据一般都会有个元数据metadata.xml，通过这个元数据，可以将其正确显示在osgEarth的数字地球上。

2020-05-26

3.2K0

Cesium案例解析(六)——3DTilesInspector监视器

图像处理 html

3D Tiles作为传输和渲染大规模3D地理空间数据的格式，应对的都是大规模数据的场景，Cesium提供了一个监视3D Tiles数据的监视器，可以通过这个监视器观察3D Tiles数据的效果。

2020-02-25

1.4K0

Cesium案例解析(五)——3DTilesPhotogrammetry摄影测量3DTiles数据

图像处理 html

3D Tiles是用于传输和渲染大规模3D地理空间数据的格式，例如摄影测量，3D建筑，BIM / CAD，实例化特征和点云等。与常规的模型文件格式相比，最大的特点就是包含了分层分户的瓦片，根据可视化需要呈现相应的细节，并且已经被纳入到OGC规范当中。

2020-02-24

2.4K4

Cesium案例解析(三)——Camera相机

Cesium的Camera案例，展示了其关于漫游器镜头的控制，能够调整视图的位置。这里改进了一下这个实例，使之能够展示一些自己关注的兴趣点的情况，并总结遇到的问题。

2020-01-02

1.8K0

Cesium案例解析(二)——ImageryLayers影像图层

javascript html

Cesium支持加载影像图层，主要是各种地图服务。这里就通过Cesium实现添加影像地图和中文注记。

2019-12-25

3.6K0

WebGL简易教程(六)：第一个三维示例(使用模型视图投影变换)

webgl html javascript

在上一篇教程《WebGL简易教程(五)：图形变换(模型、视图、投影变换)》中，详细讲解了OpenGL\WebGL关于绘制场景的模型变换、视图变换以及投影变换的过程。不过那篇教程是纯理论知识，这里就具体结合一个实际的例子，进一步理解WebGL中是如何通过图形变换让一个真正的三维场景显示出来。

2019-10-08

6230

WebGL简易教程(三)：绘制一个三角形(缓冲区对象)

webgl 编程算法 javascript html

在上一篇教程《WebGL简易教程(二)：向着色器传输数据》中，通过向着色器(shader)传输数据，改变了绘制点的大小和颜色。之前的例子只能绘制一个点，如果需要绘制如三角形、矩形或者立方体等稍微复杂的图形，需要怎么做呢？这个时候就需要一种很方便的机制——缓冲区对象（buffer object）。

2019-09-11

9140

WebGL的颜色渲染-渲染一张DEM(数字高程模型)

webgl html javascript 编程算法渲染

通过WebGL，可以渲染生成DEM(数字高程模型)。DEM(数字高程模型)是网格点组成的模型，每个点都有x，y，z值；x，y根据一定的间距组成网格状，同时根据z值的高低来选定每个点的颜色RGB。通过这个例子可以熟悉WebGL颜色渲染的过程。

2019-08-13

1.1K0

WebGL简易教程(一)：第一个简单示例

webgl opengl api canvas html

不得不说现在三维图形渲染技术更新换代实在是太快,OpenGL很多资料还没来得及学习就已经有点落伍了。NeHe的学习教程还有之前用的《OpenGL编程指南》第七版（也就是红宝书）都非常好，可惜它们都是从固定管线开始讲起的;而现在可编程管线的技术已经是非常常见的基础技术了。后来我还看过《OpenGL编程指南》第八版（白皮书），这本教程是从可编程管线（着色器）开始讲起的，看的时候就觉得没有前面的基础打底，显得非常的晦涩，远不如红宝书易懂。羞愧的说，我已经多次入门失败了。

2019-08-13

1.6K0

没有更多了

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态