1
0
mirror of https://github.com/LearnOpenGL-CN/LearnOpenGL-CN.git synced 2025-08-23 04:35:28 +08:00

Fix the style of images

This commit is contained in:
Meow J
2016-07-04 21:50:04 +08:00
parent d612a6cc91
commit 39e8926238
4 changed files with 42 additions and 6 deletions

View File

@@ -9,7 +9,7 @@
在开始这段旅程之前我们先了解一下OpenGL到底是什么。一般它被认为是一个API(**Application Programming Interface**, 应用程序编程接口)包含了一系列可以操作图形、图像的函数。然而OpenGL本身并不是一个API它仅仅是一个由[Khronos组织](http://www.khronos.org/)制定并维护的规范(Specification)。 在开始这段旅程之前我们先了解一下OpenGL到底是什么。一般它被认为是一个API(**Application Programming Interface**, 应用程序编程接口)包含了一系列可以操作图形、图像的函数。然而OpenGL本身并不是一个API它仅仅是一个由[Khronos组织](http://www.khronos.org/)制定并维护的规范(Specification)。
<img alt="OpenGL Logo" src="http://learnopengl.com/img/getting-started/opengl.jpg" align="right" /> <img alt="OpenGL Logo" src="../img/opengl.jpg" class="right" />
OpenGL规范严格规定了每个函数该如何执行以及它们的输出值。至于内部具体每个函数是如何实现(Implement)的将由OpenGL库的开发者自行决定这里开发者是指编写OpenGL库的人。因为OpenGL规范并没有规定实现的细节具体的OpenGL库允许使用不同的实现只要其功能和结果与规范相匹配亦即作为用户不会感受到功能上的差异 OpenGL规范严格规定了每个函数该如何执行以及它们的输出值。至于内部具体每个函数是如何实现(Implement)的将由OpenGL库的开发者自行决定这里开发者是指编写OpenGL库的人。因为OpenGL规范并没有规定实现的细节具体的OpenGL库允许使用不同的实现只要其功能和结果与规范相匹配亦即作为用户不会感受到功能上的差异

View File

@@ -43,11 +43,47 @@ div.admonition code {
} }
img { img {
display: block; display: block;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
border-radius: 7px;
border: 3px solid #bbb;
} }
img.clean {
border: 0px;
}
img.left {
float: left;
margin: 10px;
border: 2px solid #bbb;
border-radius: 3px;
margin-right: 20px;
}
img.right {
float: right;
margin: 10px;
margin-left: 20px;
}
img.small {
width: 150px;
height: auto;
}
img.medium {
width: 300px;
height: auto;
}
img.large {
width: 500px;
height: auto;
}
video { video {
display: block; display: block;
margin-left: auto; margin-left: auto;

BIN
docs/img/opengl.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

View File

@@ -4,9 +4,9 @@
## 为什么要阅读这些教程呢? ## 为什么要阅读这些教程呢?
在互联网上关于学习OpenGL的有成千上万的文档与资源然而其中大部分的资源仅仅讨论了OpenGL的立即渲染模式(Immediate Mode通常会说旧OpenGL),亦或是不完整,缺少适当的文档,或仅仅不适合你的口味。所以我的目标是提供一个既完整,又易懂的平台供人们学习。 <img alt="Image of smiling textured containers in OpenGL" src="img/index_image2.png" class="right medium" />
<img alt="Image of smiling textured containers in OpenGL" src="img/index_image2.png" align="right" /> 在互联网上关于学习OpenGL的有成千上万的文档与资源然而其中大部分的资源仅仅讨论了OpenGL的立即渲染模式(Immediate Mode通常会说旧OpenGL),亦或是不完整,缺少适当的文档,或仅仅不适合你的口味。所以我的目标是提供一个既完整,又易懂的平台供人们学习。
如果你很享受那些提供手把手指导的教程那些提供清晰例子的教程和那些不会一下将你淹没在细节中的教程我的这些教程很可能就会适合你。这些教程旨在让那些没有图形编程经验的人们能够理解又让那些有经验的读者有阅读下去的兴趣。这些教程同样也讨论了一些常用的概念只需要你再有一点创造力就能将你的想法变成真正的3D程序。如果如果你觉得前面这些讲的都是你欢迎继续阅读我的教程。 如果你很享受那些提供手把手指导的教程那些提供清晰例子的教程和那些不会一下将你淹没在细节中的教程我的这些教程很可能就会适合你。这些教程旨在让那些没有图形编程经验的人们能够理解又让那些有经验的读者有阅读下去的兴趣。这些教程同样也讨论了一些常用的概念只需要你再有一点创造力就能将你的想法变成真正的3D程序。如果如果你觉得前面这些讲的都是你欢迎继续阅读我的教程。