【小沐学GIS】基于C++绘制三维数字地球Earth(OpenGL、glfw、glut)第一期

本文主要是介绍【小沐学GIS】基于C++绘制三维数字地球Earth(OpenGL、glfw、glut)第一期,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

🍺三维数字地球系列相关文章如下🍺:
1【小沐学GIS】基于C++绘制三维数字地球Earth(456:OpenGL、glfw、glut)第一期
2【小沐学GIS】基于C++绘制三维数字地球Earth(456:OpenGL、glfw、glut)第二期
3【小沐学GIS】基于C++OpenSceneGraph(OSG)绘制三维数字地球Earth(7:OpenGL)
4【小沐学GIS】基于C++QT绘制三维数字地球Earth(8:OpenGL)
5【小沐学GIS】基于C++绘制太阳系SolarSystem(9:OpenGL、glfw、glut)
6【小沐学GIS】基于C#绘制三维数字地球Earth(10:OpenGL)
7【小沐学GIS】基于Python绘制三维数字地球Earth(11:OpenGL)
8【小沐学GIS】基于Android绘制三维数字地球Earth(12:OpenGL)
9【小沐学GIS】基于WebGL绘制三维数字地球Earth(13:OpenGL)

文章目录

  • 1、计算公式
  • 2、绘图接口
    • 2.1 glDrawArrays
    • 2.2 glDrawElements
  • 3、代码实现
  • 4、运行结果(3d整体地球)
    • 4.1 opengl / glut / c++ (3d)
    • 4.2 opengl / glfw / glad / stb_image / c++ (3d)
    • 4.3 opengl / glfw / glad / stb_image /c++ (3d,天空盒,高度贴图)
    • 4.4 opengl / win32/ glew / FreeImage / c++ (3d,大气层)
    • 4.5 opengl / freeglut / glew / FreeImage / c++ (3d,法线贴图)
    • 4.6 opengl / glfw / glad / stb_image / freetype / c++ (2d/3d,加载geojson)
    • 4.7 opengl / glfw / glad / FreeImage / c++ (3d,白天层/黑夜层/云层)
    • 4.8 opengl / glut / gl3w / c++ (3d,太阳系)
    • 4.9 opengl / glut / glew / glm / openssl / c++ (3d,在线地震数据显示)
    • 4.10 opengl / fltk / glew / curl / openssl / c++ / geojson (3d,在线地震数据显示2)
  • 5、运行结果(3d瓦片地球)
    • 5.1 opengl / glfw / glew / curl / proj4 / gdal / stb_image / c++ (3d,瓦片贴图)
    • 5.2 opengl / glfw / glad / boost::asio / proj4 / stb_image / c++ (3d,瓦片贴图)
  • 6、运行结果(2d瓦片地球)
    • 6.1 opengl / sdl / boost::asio / c++ (2d,瓦片贴图)
  • 结语

在这里插入图片描述

1、计算公式

球的三维坐标表示为:
x 2 + y 2 + z 2 = R 2 x^2 + y^2 + z^2 = R^2 x2+y2+z2=R2

引入球的参数坐标方程进行离散化。以(u,v)表示球面上某一点的坐标,且u,v的取值范围为[0 , 1],定义(u,v)到(x,y,z)的转换如下:

{ x = R × s i n ( π × v ) c o s ( 2 π × u ) y = R × s i n ( π × v ) s i n ( 2 π × u ) z = R × c o s ( π × v ) \begin{cases} x=R×sin(\pi×v)cos(2\pi×u) \\ y=R×sin(\pi×v)sin(2\pi×u) \\ z=R×cos(\pi×v) \end{cases} x=R×sin(π×v)cos(2π×u)y=R×sin(π×v)sin(2π×u)z=R×cos(π×v)

2、绘图接口

在OpenGL中,所有图形都是通过分解成三角形的方式进行绘制。
glDrawArrays 和 glDrawElements 的作用都是从一个数据数组中提取数据渲染基本图元。

在这里插入图片描述

  • GL_POINTS:把每一个顶点作为一个点进行处理,顶点n即定义了点n,共绘制N个点。
  • GL_LINES:连接每两个顶点作为一个独立的线段,顶点2n-1和2n之间共定义了n条线段,总共绘制N/2条线段。
  • GL_LINE_STRIP:绘制从第一个顶点到最后一个顶点依次相连的一组线段,第n和n+1个顶点定义了线段n,总共绘制n-1条线段。
  • GL_LINE_LOOP:绘制从第一个顶点到最后一个顶点依次相连的一组线段,然后最后一个顶点和第一个顶点相连,第n和n+1个顶点定义了线段n,总共绘制n条线段。
  • GL_TRIANGLES:把每三个顶点作为一个独立的三角形,顶点3n-2、3n-1和3n定义了第n个三角形,总共绘制N/3个三角形。
  • GL_TRIANGLE_STRIP:绘制一组相连的三角形,对于奇数n,顶点n、n+1和n+2定义了第n个三角形;对于偶数n,顶点n+1、n和n+2定义了第n个三角形,总共绘制N-2个三角形。
  • GL_TRIANGLE_FAN:绘制一组相连的三角形,三角形是由第一个顶点及其后给定的顶点确定,顶点1、n+1和n+2定义了第n个三角形,总共绘制N-2个三角形。

其中:
GL_TRIANGLES:V0V1V2, V3V4V5, V6V7V8……
GL_TRIANGLE_FAN:V0V1V2, V0V2V3, V0V3V4……
GL_TRIANGLE_STRIP:V0V1V2, V1V2V3, V2V3V4……

2.1 glDrawArrays

The glDrawArrays function specifies multiple primitives to render.

void WINAPI glDrawArrays(GLenum  mode,GLint   first,GLsizei count
);
mode:
GL_POINTS, GL_LINE_STRIP, GL_LINE_LOOP, GL_LINES, GL_TRIANGLE_STRIP, GL_TRIANGLE_FAN, GL_TRIANGLES, GL_QUAD_STRIP, GL_QUADS, and GL_POLYGON.first:
The starting index in the enabled arrays.count:
The number of indexes to render.

2.2 glDrawElements

The glDrawElements function renders primitives from array data.
The glDrawElements function is only available in OpenGL version 1.1 or later.

void WINAPI glDrawElements(GLenum  mode,GLsizei count,GLenum  type,const GLvoid  *indices
);
mode:
The kind of primitives to render. It can assume one of the following symbolic values: GL_POINTS, GL_LINE_STRIP, GL_LINE_LOOP, GL_LINES, GL_TRIANGLE_STRIP, GL_TRIANGLE_FAN, GL_TRIANGLES, GL_QUAD_STRIP, GL_QUADS, and GL_POLYGON.count:
The number of elements to be rendered.type:
The type of the values in indices. Must be one of GL_UNSIGNED_BYTE, GL_UNSIGNED_SHORT, or GL_UNSIGNED_INT.indices:
A pointer to the location where the indices are stored.

绑定VAO时也会自动绑定EBO。
不要在解绑VAO之前解绑EBO(GL_ELEMENT_ARRAY_BUFFER)。

3、代码实现

#pragma once
#include "Point3d.h"
#include <vector>class EarthGrid3d
{
public:EarthGrid3d();void generalSphereGrid();void generalSphereLines();int _uStepsNum;int _vStepNum;float *_verticesArr;int _verticesNum;int *_indicesArr;int _indicesNum;float *_linesArr;int _linesNum;
};
#include "EarthGrid3d.h"EarthGrid3d::EarthGrid3d()
{_uStepsNum = 120;_vStepNum = 120;
}void EarthGrid3d::generalSphereGrid()
{double ustep = 1 / (double)_uStepsNum, vstep = 1 / (double)_vStepNum;int np = 0;int nf = 0;_verticesNum = (_vStepNum*_uStepsNum + 1)*(3 + 2);_verticesArr = new float[_verticesNum];_indicesNum = (_uStepsNum * 2 + _uStepsNum * 2 * (_vStepNum - 2)) * 3;_indicesArr = new int[_indicesNum];//// 北极的一个点{Point3d pt0 = getSpherePoint(0, 0);_verticesArr[5 * np] = pt0.x;_verticesArr[5 * np + 1] = pt0.y;_verticesArr[5 * np + 2] = pt0.z;_verticesArr[5 * np + 3] = 0.5;_verticesArr[5 * np + 4] = 0;np++;}// 中间的点for (int j = 1; j < _vStepNum; j++) //v-1个点(共v+1个点){for (int i = 0; i <= _uStepsNum; i++) //u+1个点 (共u+1个点){Point3d pt = getSpherePoint(ustep*i, vstep*j);_verticesArr[5 * np] = pt.x;_verticesArr[5 * np + 1] = pt.y;_verticesArr[5 * np + 2] = pt.z;_verticesArr[5 * np + 3] = 1 - ustep * i;_verticesArr[5 * np + 4] = vstep * j;np++;}}// 南极的一个点{Point3d pt1 = getSpherePoint(1, 1);_verticesArr[5 * np] = pt1.x;_verticesArr[5 * np + 1] = pt1.y;_verticesArr[5 * np + 2] = pt1.z;_verticesArr[5 * np + 3] = 0.5;_verticesArr[5 * np + 4] = 1;//np++;}//// 上下2行的三角形组for (int i = 0; i < _uStepsNum; i++) { //第一层u个三角形_indicesArr[nf++] = 0;_indicesArr[nf++] = 1 + i;_indicesArr[nf++] = 2 + i;//最后一层u个三角形_indicesArr[nf++] = np - 1;_indicesArr[nf++] = np - 2 - i;_indicesArr[nf++] = np - 3 - i;}// 中间的v-2行的三角形组for (int j = 0; j < _vStepNum - 2; j++) {  //共v-2行for (int i = 0; i < _uStepsNum; i++) { //共u列/**       |\*       | \*       |__\*/_indicesArr[nf++] = (_uStepsNum + 1)*j + 1 + i;_indicesArr[nf++] = (_uStepsNum + 1)*(j + 1) + 1 + i;_indicesArr[nf++] = (_uStepsNum + 1)*(j + 1) + 2 + i;/**       __*       \  |*        \ |*         \|*/_indicesArr[nf++] = (_uStepsNum + 1)*j + 1 + i;_indicesArr[nf++] = (_uStepsNum + 1)*(j + 1) + 2 + i;_indicesArr[nf++] = (_uStepsNum + 1)*j + 2 + i;}}
}void EarthGrid3d::generalSphereLines()
{double ustep = 1 / (double)_uStepsNum, vstep = 1 / (double)_vStepNum;int np = 0;_linesNum = (_vStepNum*_uStepsNum)*6;_linesArr = new float[_linesNum];// 绘制24条经线for (int i = 0; i < _uStepsNum; i+= _uStepsNum/24){for (int j = 0; j < _vStepNum; j++){Point3d pt = getSpherePoint(ustep*i, vstep*j, 1.01f);_linesArr[3 * np] = pt.x;_linesArr[3 * np + 1] = pt.y;_linesArr[3 * np + 2] = pt.z;np++;Point3d pt2 = getSpherePoint(ustep*i, vstep*(j+1), 1.01f);_linesArr[3 * np] = pt2.x;_linesArr[3 * np + 1] = pt2.y;_linesArr[3 * np + 2] = pt2.z;np++;}}// 绘制1条纬线(赤道)for (int i = 0; i < _uStepsNum; i++){int j = _vStepNum / 2;//for (int j = 0; j < _vStepNum; j++){Point3d pt = getSpherePoint(ustep*i, vstep*j, 1.01f);_linesArr[3 * np] = pt.x;_linesArr[3 * np + 1] = pt.y;_linesArr[3 * np + 2] = pt.z;np++;Point3d pt2 = getSpherePoint(ustep*(i+1), vstep*j, 1.01f);_linesArr[3 * np] = pt2.x;_linesArr[3 * np + 1] = pt2.y;_linesArr[3 * np + 2] = pt2.z;np++;}}
}

4、运行结果(3d整体地球)

4.1 opengl / glut / c++ (3d)

在这里插入图片描述

4.2 opengl / glfw / glad / stb_image / c++ (3d)

在这里插入图片描述

4.3 opengl / glfw / glad / stb_image /c++ (3d,天空盒,高度贴图)

在这里插入图片描述

4.4 opengl / win32/ glew / FreeImage / c++ (3d,大气层)

在这里插入图片描述

4.5 opengl / freeglut / glew / FreeImage / c++ (3d,法线贴图)

在这里插入图片描述

4.6 opengl / glfw / glad / stb_image / freetype / c++ (2d/3d,加载geojson)

在这里插入图片描述
在这里插入图片描述

4.7 opengl / glfw / glad / FreeImage / c++ (3d,白天层/黑夜层/云层)

在这里插入图片描述
在这里插入图片描述

4.8 opengl / glut / gl3w / c++ (3d,太阳系)

在这里插入图片描述

在这里插入图片描述

4.9 opengl / glut / glew / glm / openssl / c++ (3d,在线地震数据显示)

GeoJSON 是一种用于对各种地理数据结构进行编码的格式。 GeoJSON 对象可以表示几何、要素或 特征。GeoJSON 使用 JSON 标准。 GeoJSONP 源使用相同的 JSON 响应,但 GeoJSONP 响应 包装在函数调用中,eqfeed_callback。

  • 在线地震数据的请求结果json如下:
{type: "FeatureCollection",metadata: {generated: Long Integer,url: String,title: String,api: String,count: Integer,status: Integer},bbox: [minimum longitude,minimum latitude,minimum depth,maximum longitude,maximum latitude,maximum depth],features: [{type: "Feature",properties: {mag: Decimal,place: String,time: Long Integer,updated: Long Integer,tz: Integer,url: String,detail: String,felt:Integer,cdi: Decimal,mmi: Decimal,alert: String,status: String,tsunami: Integer,sig:Integer,net: String,code: String,ids: String,sources: String,types: String,nst: Integer,dmin: Decimal,rms: Decimal,gap: Decimal,magType: String,type: String},geometry: {type: "Point",coordinates: [longitude,latitude,depth]},id: String},…]
}

在这里插入图片描述
中国地震台网中心:
http://news.ceic.ac.cn/index.html?time=1674619089

  • 显示最近三天内的地震情况:
    在这里插入图片描述

  • 显示最近一个月内的地震情况:
    在这里插入图片描述

4.10 opengl / fltk / glew / curl / openssl / c++ / geojson (3d,在线地震数据显示2)

  • 显示最近小时内的地震情况:
    在这里插入图片描述
  • 显示最近一个月内的地震情况:
    在这里插入图片描述

5、运行结果(3d瓦片地球)

5.1 opengl / glfw / glew / curl / proj4 / gdal / stb_image / c++ (3d,瓦片贴图)

  • 加载卫星影像图
    在这里插入图片描述

  • 加载行政地图
    在这里插入图片描述

  • 加载shp(shapefile)文件和显示:
    在这里插入图片描述

  • 绘制自定义的图形元素(线、面等)
    在这里插入图片描述

  • 切换地球底图的瓦片图源

5.2 opengl / glfw / glad / boost::asio / proj4 / stb_image / c++ (3d,瓦片贴图)

在这里插入图片描述

6、运行结果(2d瓦片地球)

6.1 opengl / sdl / boost::asio / c++ (2d,瓦片贴图)

在这里插入图片描述

以上章节所有地球代码,均在VS2017开发环境编译通过。

结语

如果您觉得该方法或代码有一点点用处,可以给作者点个赞,或打赏杯咖啡;╮( ̄▽ ̄)╭
如果您感觉方法或代码不咋地//(ㄒoㄒ)//,就在评论处留言,作者继续改进;o_O???
如果您需要相关功能的代码定制化开发,可以留言私信作者;(✿◡‿◡)
感谢各位童鞋们的支持!( ´ ▽´ )ノ ( ´ ▽´)っ!!!

这篇关于【小沐学GIS】基于C++绘制三维数字地球Earth(OpenGL、glfw、glut)第一期的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/810101

相关文章

hdu1240、hdu1253(三维搜索题)

1、从后往前输入,(x,y,z); 2、从下往上输入,(y , z, x); 3、从左往右输入,(z,x,y); hdu1240代码如下: #include<iostream>#include<algorithm>#include<string>#include<stack>#include<queue>#include<map>#include<stdio.h>#inc

【C++ Primer Plus习题】13.4

大家好,这里是国中之林! ❥前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到网站。有兴趣的可以点点进去看看← 问题: 解答: main.cpp #include <iostream>#include "port.h"int main() {Port p1;Port p2("Abc", "Bcc", 30);std::cout <<

hdu4826(三维DP)

这是一个百度之星的资格赛第四题 题目链接:http://acm.hdu.edu.cn/contests/contest_showproblem.php?pid=1004&cid=500 题意:从左上角的点到右上角的点,每个点只能走一遍,走的方向有三个:向上,向下,向右,求最大值。 咋一看像搜索题,先暴搜,TLE,然后剪枝,还是TLE.然后我就改方法,用DP来做,这题和普通dp相比,多个个向上

C++包装器

包装器 在 C++ 中,“包装器”通常指的是一种设计模式或编程技巧,用于封装其他代码或对象,使其更易于使用、管理或扩展。包装器的概念在编程中非常普遍,可以用于函数、类、库等多个方面。下面是几个常见的 “包装器” 类型: 1. 函数包装器 函数包装器用于封装一个或多个函数,使其接口更统一或更便于调用。例如,std::function 是一个通用的函数包装器,它可以存储任意可调用对象(函数、函数

C++11第三弹:lambda表达式 | 新的类功能 | 模板的可变参数

🌈个人主页: 南桥几晴秋 🌈C++专栏: 南桥谈C++ 🌈C语言专栏: C语言学习系列 🌈Linux学习专栏: 南桥谈Linux 🌈数据结构学习专栏: 数据结构杂谈 🌈数据库学习专栏: 南桥谈MySQL 🌈Qt学习专栏: 南桥谈Qt 🌈菜鸡代码练习: 练习随想记录 🌈git学习: 南桥谈Git 🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈�

【C++】_list常用方法解析及模拟实现

相信自己的力量,只要对自己始终保持信心,尽自己最大努力去完成任何事,就算事情最终结果是失败了,努力了也不留遗憾。💓💓💓 目录   ✨说在前面 🍋知识点一:什么是list? •🌰1.list的定义 •🌰2.list的基本特性 •🌰3.常用接口介绍 🍋知识点二:list常用接口 •🌰1.默认成员函数 🔥构造函数(⭐) 🔥析构函数 •🌰2.list对象

06 C++Lambda表达式

lambda表达式的定义 没有显式模版形参的lambda表达式 [捕获] 前属性 (形参列表) 说明符 异常 后属性 尾随类型 约束 {函数体} 有显式模版形参的lambda表达式 [捕获] <模版形参> 模版约束 前属性 (形参列表) 说明符 异常 后属性 尾随类型 约束 {函数体} 含义 捕获:包含零个或者多个捕获符的逗号分隔列表 模板形参:用于泛型lambda提供个模板形参的名

6.1.数据结构-c/c++堆详解下篇(堆排序,TopK问题)

上篇:6.1.数据结构-c/c++模拟实现堆上篇(向下,上调整算法,建堆,增删数据)-CSDN博客 本章重点 1.使用堆来完成堆排序 2.使用堆解决TopK问题 目录 一.堆排序 1.1 思路 1.2 代码 1.3 简单测试 二.TopK问题 2.1 思路(求最小): 2.2 C语言代码(手写堆) 2.3 C++代码(使用优先级队列 priority_queue)

【WebGPU Unleashed】1.1 绘制三角形

一部2024新的WebGPU教程,作者Shi Yan。内容很好,翻译过来与大家共享,内容上会有改动,加上自己的理解。更多精彩内容尽在 dt.sim3d.cn ,关注公众号【sky的数孪技术】,技术交流、源码下载请添加微信号:digital_twin123 在 3D 渲染领域,三角形是最基本的绘制元素。在这里,我们将学习如何绘制单个三角形。接下来我们将制作一个简单的着色器来定义三角形内的像素

GIS图形库更新2024.8.4-9.9

更多精彩内容请访问 dt.sim3d.cn ,关注公众号【sky的数孪技术】,技术交流、源码下载请添加微信:digital_twin123 Cesium 本期发布了1.121 版本。重大新闻,Cesium被Bentley收购。 ✨ 功能和改进 默认启用 MSAA,采样 4 次。若要关闭 MSAA,则可以设置scene.msaaSamples = 1。但是通过比较,发现并没有多大改善。