从零开始的计算机图形学
文章平均质量分 65
基于 OpenGL 3.3
Wonz
后端 -> 全栈 -> 后端
技术很菜,但一直在学习。
「人们会被自己热爱的事物改变」
展开
-
集合 | 从零开始的计算机图形学目录
基于 OpenGL 3.3 从零开始的计算机图形学目录学习笔记图形学笔记(一)创建窗口图形学笔记(二)画一个三角形图形学笔记(三)画一个彩色的三角形图形学笔记(四)画一个黑色的矩形框图形学笔记(五)给矩形框加上纹理图形学笔记(六)画一个 3D 的会动的矩形图形学笔记(七)画一个 3D 的彩色的立方体图形学笔记(八)画一个可以由鼠标和键盘控制的立方体图形学笔记(九)增加一个光...原创 2020-02-10 15:23:04 · 2292 阅读 · 1 评论 -
南邮 | 计算机图形学大作业:Skybox + Shadow volume
计算机图形学期末大作业:实现 Skybox 天空盒,以及 Shadow volume 阴影体。写在前面本人才疏学浅,水平有限,只实现了 Skybox ,Shadow volume 没有完全实现(我真的太菜了)。前期跟着老师课堂教学,感觉都能跟上。后期直接跳到引入 模型 ,发现自己真的跟不上了。大作业做得我心态爆炸,网上教程看一下午,就是看不进去,怎么也做不出来。加上隔得时间有点长,所以...原创 2019-02-07 23:01:11 · 8217 阅读 · 3 评论 -
南邮 | 计算机图形学第二次小作业:滚轮缩放 + 增加纵向光源
计算机图形学第二次小作业:在 camera.h 中增加滚轮缩放功能。再生成一个纵向的光源。构建自己的数据结构,实现回放功能。(选做)一、思路这次小作业,老师直接给了引入模型的代码。因此,我们要在老师代码的基础上进行程序修改,实现上述功能。二、代码main.cpp//// main.cpp// Course 4//// Created by r...原创 2019-02-07 22:24:24 · 2143 阅读 · 1 评论 -
图形学笔记(九)增加一个光源
给之前画出来的立方体加一个围绕它转的光源。一、代码main.cpp#include <iostream>// GLEW#define GLEW_STATIC#include <GL/glew.h>// GLFW#include <GLFW/glfw3.h>// Shader#include "Shader.h"// SOI...原创 2018-11-15 09:10:37 · 1483 阅读 · 2 评论 -
OpenGL Assimp 环境配置
图形学最后一课,需要设置一下 Assimp 的环境配置。一、下载软件下载 CMake下载 assimp二、配置 CMake首先,在 Where is the source code 中,选择位置为包含 CMakeLists.txt 的文件夹。然后,在相同位置下新建一个 build 的文件夹,如下图所示。然后在 Where to build the binaries opt...原创 2018-11-14 15:08:18 · 3293 阅读 · 1 评论 -
图形学笔记(八)画一个可以由鼠标和键盘控制的立方体
画完自己会动的立方体,下面画一个由鼠标和键盘控制的立方体。一、代码main.cpp#include &amp;lt;iostream&amp;gt;//GLEW#define GLEW_STATIC#include &amp;lt;GL/glew.h&amp;gt;//GLFW#include &amp;lt;GLFW/glfw3.h&amp;gt;//Shader#inclu原创 2018-10-29 22:05:18 · 2836 阅读 · 0 评论 -
图形学笔记(一)创建窗口
这学期开了一门《计算机图形学》的课程,期初上手感觉有点难度。后来跟着老师课堂敲代码,课后参考了一些网上的资料(官方文档 + 博客),渐渐有了感觉。第一次作业是实现纹理切换,自己实现了代码,有点小兴奋。话说,课程也上了一半了,才想起来写写博客记录一下。本课程是基于 OpenGL 3.3 版本。主要用到的资料有:OpenGL 官方中文文档从 0 开始的 OpenGL 学习一、配置...原创 2018-10-13 15:10:47 · 2026 阅读 · 0 评论 -
图形学笔记(二)画一个三角形
创建完窗口,就可以开始画图形了,先画一个三角形练练手。一、惯例,先上代码#include &amp;lt;iostream&amp;gt;//GLEW#define GLEW_STATIC#include &amp;lt;GL/glew.h&amp;gt;//GLFW#include &amp;lt;GLFW/glfw3.h&amp;gt;//#include &qu原创 2018-10-13 15:12:54 · 2742 阅读 · 0 评论 -
图形学笔记(三)画一个彩色的三角形
画完三角形,那么给它变个色吧。一、代码main.cpp#include &amp;amp;amp;lt;iostream&amp;amp;amp;gt;//GLEW#define GLEW_STATIC#include &amp;amp;amp;lt;GL/glew.h&amp;amp;amp;gt;//GLFW#include &amp;amp;amp;lt;GLFW/glfw3.h&am原创 2018-10-18 00:14:28 · 2734 阅读 · 4 评论 -
图形学笔记(四)画一个黑色的矩形框
画完三角形,教完着色器,现在该学纹理了。一、环境配置新的教学内容,又要增加新的配置环境了。SOIL2 的环境配置可以参考我的 这篇博客 。二、代码main.cpp#include &amp;amp;lt;iostream&amp;amp;gt;//GLEW#define GLEW_STATIC#include &amp;amp;lt;GL/glew.h&amp;amp;gt;//GLFW#include &am原创 2018-10-18 00:16:44 · 2011 阅读 · 0 评论 -
图形学笔记(五)给矩形框加上纹理
矩阵框画完,正式开始讲解纹理。一、代码main.cpp#include &amp;lt;iostream&amp;gt;//GLEW#define GLEW_STATIC#include &amp;lt;GL/glew.h&amp;gt;//GLFW#include &amp;lt;GLFW/glfw3.h&amp;gt;//#include &quot;Sha原创 2018-10-18 00:18:19 · 1608 阅读 · 0 评论 -
南邮 | 计算机图形学第一次小作业:实现两个纹理交替变化
教完纹理,老师布置了第一个小作业:生成两个物体,在其中至少一个物体上实现两个纹理交替变化。一、思路首先,要先做出生成两个物体。这里我是用两个 VAO 、 VBO 实现的。其次,你要传两个纹理进去。然后,其中一个物体的纹理固定,另一个物体上的纹理,用一个 循环 就行了,每隔一段时间换一个纹理就行。二、代码main.cpp#include &amp;amp;amp;lt;iostream&amp;amp;amp;gt;/...原创 2018-10-18 00:21:40 · 3971 阅读 · 2 评论 -
图形学笔记(六)画一个 3D 的会动的矩形
纹理讲完,下面进入 激动人心 的 3D 教程了。一、GLM 环境配置具体可以参考一下我的 这篇博客 。二、代码main.cpp#include &lt;iostream&gt;//GLEW#define GLEW_STATIC#include &lt;GL/glew.h&gt;//GLFW#include &lt;GLFW/glfw3.h&gt;//Shade...原创 2018-10-18 23:54:34 · 1529 阅读 · 0 评论 -
图形学笔记(七)画一个 3D 的彩色的立方体
画完会动的 3D 矩形,现在玩点高级的,画一个会动的 3D 彩色的立方体。一、代码main.cpp#include &amp;lt;iostream&amp;gt;//GLEW#define GLEW_STATIC#include &amp;lt;GL/glew.h&amp;gt;//GLFW#include &amp;lt;GLFW/glfw3.h&amp;gt;//Shade原创 2018-10-19 00:10:59 · 2837 阅读 · 0 评论 -
Visual Studio 2017 配置 OpenGL
大三第一学期开了一门《计算机图形学》的课,老师让安装一下 VS,并进行 OpenGL 配置,以后上课带电脑到教室,课堂进行编程。这里安装的是 Visual Studio 2017 版本。一、下载 VS 2017去官网,选择 VS 2017 社区版进行下载,并选择 C/C++ 模块进行安装。二、下载 GLEW去官网,下载 Binaries Windows 32-bit...原创 2018-09-06 22:55:52 · 6766 阅读 · 2 评论 -
OpenGL SOIL2 环境配置
继上次 OpenGL 环境配置之后,老师又教了纹理,现在又要进行 SOIL2 的环境配置了。一、下载 SOIL2、Premake用 Google 搜索 SOIL2,直接点击下载。去 官网 下载 Permake Version 4.4 beta 版。然后,解压这两个压缩包。把 premake 4.4 beta5 windows 文件夹里面的 premake4.exe 拷贝到 SOI...原创 2018-09-24 13:46:07 · 9608 阅读 · 7 评论 -
OpenGL GLM 环境配置
这节课要教 变换 ,所以要配置一个 GLM 文件。一、下载 GLM去官网下载。这里附上一个 GitHub 的下载链接。是 glm 0.9.8.0 版本。二、GLM 配置下载完后解压一下,把整个 GLM 文件夹复制到你的项目所在文件夹下,如下图所示。这个文件夹是 glm 父文件夹,不是子文件夹,里面的文件应该有这些。可以看到, glm 父文件夹下还有一个 glm 子文件夹。然后...原创 2018-10-17 19:08:20 · 32139 阅读 · 4 评论 -
Visual Studio 2017 无需重新配置新建 OpenGL 项目
每次 计算机图形学 开始教新的知识,就要新建项目,然后重新进行环境配置,就感觉很麻烦。今天经同学提醒,发现了一种无需重新配置就能新建 OpenGL 项目的超简单方法。首先,把 源文件 连同 文件夹 复制一份到当前路径,如下图所示。复制了 Project3 这个文件夹,并改名为 Project4 。然后点击进入 Project4 这个文件夹。会发现有以下文件。注意,这里的 文件 和...原创 2018-10-17 19:10:53 · 1952 阅读 · 2 评论