Tugas Proyek Komputer Grafis

TUGAS PROYEK
KOMPUTER GRAFIS
PRODI STUDI S1TEKNIK KOMPUTER
FAKULTAS TEKNIK
UNIVERSITAS NEGERI MAKASSAR
2024
A. Tujuan
a. Mahasiswa dapat mengaplikasikan fitur texture pada openGL menggunakan library Simple
OpenGL Image Library
B. Laporan
Vertices, Warna dan Sistem Koordinat

main.cpp
#include "pch.h"
#include <iostream>
// GLEW
#include <GL/glew.h>
// GLFW
#include <GLFW/glfw3.h>
#include <SOIL.h>
//GLM Libraries
#include <glm/glm.hpp>
#include <glm/gtc/matrix_transform.hpp>
#include <glm/gtc/type_ptr.hpp>
// Other includes
#include "myshader.h"
// Function prototypes
void key_callback(GLFWwindow* window, int key, int scancode, int action, int mode);
// Window dimensions
const GLuint WIDTH = 800, HEIGHT = 600;
// The MAIN function, from here we start the application and run the game loop
int main()
{
// Init GLFW
glfwInit();
// Set all the required options for GLFW
glfwWindowHint(GLFW_CONTEXT_VERSION_MAJOR, 3);
glfwWindowHint(GLFW_CONTEXT_VERSION_MINOR, 3);
glfwWindowHint(GLFW_OPENGL_PROFILE, GLFW_OPENGL_CORE_PROFILE);
glfwWindowHint(GLFW_RESIZABLE, GL_FALSE);
// Create a GLFWwindow object that we can use for GLFW's functions
GLFWwindow* window = glfwCreateWindow(WIDTH, HEIGHT, "LearnOpenGL", NULL,
NULL);
glfwMakeContextCurrent(window);// Set the required callback functions
glfwSetKeyCallback(window, key_callback);
// Set this to true so GLEW knows to use a modern approach to retrieving
function pointers and extensions
glewExperimental = GL_TRUE;
// Initialize GLEW to setup the OpenGL Function pointers
glewInit();
glViewport(0, 0, WIDTH, HEIGHT);
// Build and compile our shader program
Shader ourShader("CS.vs", "CS.frag");
// Set up vertex data (and buffer(s)) and attribute pointers
GLfloat vertices[] = {
// Positions // Colors
0.8f, -0.5f, 0.0f, 1.0f, 0.0f, 0.0f, // Bottom Right
-0.8f, -0.5f, 0.0f, 0.0f, 1.0f, 0.0f, // Bottom Left
0.0f, 0.8f, 0.0f, 0.0f, 0.0f, 1.0f // Top
};
GLuint indices[] = { // Note that we start from 0!

0, 1, 2, // First Triangle
//1, 2, 3 // Second Triangle
};
GLuint VBO, VAO, EBO;
glGenVertexArrays(1, &VAO);
glGenBuffers(1, &VBO);
glGenBuffers(1, &EBO);
// Bind the Vertex Array Object first, then bind and set vertex buffer(s) and
attribute pointer(s).
glBindVertexArray(VAO);
glBindBuffer(GL_ARRAY_BUFFER, VBO);
glBufferData(GL_ARRAY_BUFFER, sizeof(vertices), vertices, GL_STATIC_DRAW);
glBindBuffer(GL_ELEMENT_ARRAY_BUFFER, EBO);
glBufferData(GL_ELEMENT_ARRAY_BUFFER, sizeof(indices), indices,
GL_STATIC_DRAW);
// Position attribute
glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 6 * sizeof(GLfloat),
(GLvoid*)0);
glEnableVertexAttribArray(0);
// Color attribute
glVertexAttribPointer(1, 3, GL_FLOAT, GL_FALSE, 6 * sizeof(GLfloat), (GLvoid*)
(3 *
sizeof(GLfloat)));
glBindVertexArray(0); // Unbind VAO
// Game loop
while (!glfwWindowShouldClose(window))
{
// Check if any events have been activiated (key pressed, mouse moved
etc.) and call corresponding response functions
glfwPollEvents();
// Render
// Clear the colorbuffer
glClearColor(0.0f, 0.3f, 0.3f, 1.0f);
glClear(GL_COLOR_BUFFER_BIT);
// Bind Textures using texture units
glActiveTexture(GL_TEXTURE0);
//glBindTexture(GL_TEXTURE_2D, texture1);
glUniform1i(glGetUniformLocation(ourShader.Program, "ourTexture1"), 0);
// Draw the triangle
ourShader.Use();
glm::mat4 model;
glm::mat4 view;
glm::mat4 projection;
glm::ortho(0.0f, 800.0f, 0.0f, 600.0f, 0.1f, 100.0f);
model = glm::rotate(model, 0.0f, glm::vec3(1.0f, 1.0f, 1.0f));
view = glm::translate(view, glm::vec3(0.0f, 0.0f, -3.0f));
projection = glm::perspective(50.0f, (GLfloat)WIDTH / (GLfloat)HEIGHT,
0.1f,
100.0f);
// Get their uniform location
GLint modelLoc = glGetUniformLocation(ourShader.Program, "model");
GLint viewLoc = glGetUniformLocation(ourShader.Program, "view");
GLint projLoc = glGetUniformLocation(ourShader.Program, "projection");
glUniformMatrix4fv(modelLoc, 1, GL_FALSE, glm::value_ptr(model));
glUniformMatrix4fv(viewLoc, 1, GL_FALSE, glm::value_ptr(view));
// Note: currently we set the projection matrix each frame, but since
the projection matrix rarely changes it's often best practice to set it outside the
main loop only once.
glUniformMatrix4fv(projLoc, 1, GL_FALSE, glm::value_ptr(projection));
glDrawElements(GL_TRIANGLES, 6, GL_UNSIGNED_INT, 0);
glBindVertexArray(0);
// Swap the screen buffers
glfwSwapBuffers(window);
}
// Properly de-allocate all resources once they've outlived their purpose
glDeleteVertexArrays(1, &VAO);
glDeleteBuffers(1, &VBO);
glDeleteBuffers(1, &EBO);
// Terminate GLFW, clearing any resources allocated by GLFW.
glfwTerminate();
return 0;
}
// Is called whenever a key is pressed/released via GLFW
void key_callback(GLFWwindow* window, int key, int scancode, int action, int mode)
{
if (key == GLFW_KEY_ESCAPE && action == GLFW_PRESS)
glfwSetWindowShouldClose(window, GL_TRUE);
}
CS.vs
#version 330
layout (location = 0) in vec3 position;
layout (location = 1) in vec3 color;
out vec3 ourColor;
uniform mat4 model;

uniform mat4 view;
uniform mat4 projection;
void main()
{
gl_Position = projection * view * model * vec4(position, 1.0f);
ourColor = color;
}
CS.frag
#version 330 core
in vec3 ourColor;
out vec4 color;
uniform sampler2D ourTexture1;

void main()
{
color = vec4(ourColor, 1.0f);
}
Hasil Program
ROTASI(1)
main.cpp
#include "pch.h"
#include <iostream>
// GLEW
// GLFW
#include <SOIL.h>
//GLM Libraries
// Other includes
int main()
{
// Init GLFW
glfwInit();
NULL);
glewInit();
0.0f, 0.8f, 0.0f, 0.0f, 0.0f, 1.0f // Top
};

};
GL_STATIC_DRAW);
(GLvoid*)0);
// Color attribute
(3 * sizeof(GLfloat)));
// Game loop
{
glfwPollEvents();
// Render
ourShader.Use();
glm::mat4 model;
glm::mat4 view;
glm::ortho(0.0f, 800.0f, 0.0f, 600.0f, 0.1f, 100.0f);
0.1f, 100.0f);
}
glfwTerminate();
return 0;
}
{
}
HASIL PROGRAM
ROTASI(2)
main.cpp
#include "pch.h"
#include <iostream>
// GLEW
// GLFW
#include <SOIL.h>
//GLM Libraries
// Other includes
int main()
{
// Init GLFW
glfwInit();
NULL);
glewInit();
0.0f, 0.8f, 0.0f, 0.0f, 0.0f, 1.0f // Top
};

};
GL_STATIC_DRAW);
(GLvoid*)0);
// Color attribute
// Game loop
{
glfwPollEvents();
// Render
ourShader.Use();
glm::mat4 model;
glm::mat4 view;
glm::ortho(0.0f, 800.0f, 0.0f, 600.0f, 0.1f, 100.0f);
0.1f, 100.0f);
}
glfwTerminate();
return 0;
}
{
}
HASIL PROGRAM
ROTASI(3)
main.cpp
#include "pch.h"
#include <iostream>
// GLEW
// GLFW
#include <SOIL.h>
//GLM Libraries
// Other includes
int main()
{
// Init GLFW
glfwInit();
NULL);
glewInit();
0.0f, 0.8f, 0.0f, 0.0f, 0.0f, 1.0f // Top
};

};
GL_STATIC_DRAW);
(GLvoid*)0);
// Color attribute
// Game loop
{
glfwPollEvents();
// Render
ourShader.Use();
glm::mat4 model;
glm::mat4 view;
glm::ortho(0.0f, 800.0f, 0.0f, 600.0f, 0.1f, 100.0f);
0.1f, 100.0f);
}
glfwTerminate();
return 0;
}
{
}
HASIL PROGRAM
TRANSLASI
main.cpp
#include "pch.h"
#include <iostream>
// GLEW
// GLFW
#include <SOIL.h>
//GLM Libraries
// Other includes
int main()
{
// Init GLFW
glfwInit();
NULL);
glewInit();
0.0f, 0.8f, 0.0f, 0.0f, 0.0f, 1.0f // Top
};

};
GL_STATIC_DRAW);
(GLvoid*)0);
// Color attribute
// Game loop
{
glfwPollEvents();
// Render
ourShader.Use();
glm::mat4 model;
glm::mat4 view;
glm::ortho(0.0f, 800.0f, 0.0f, 600.0f, 0.1f, 100.0f);
model = glm::rotate(model, 0.0f, glm::vec3(1.0f, 1.0f, 1.0f)); //ROTASI
view = glm::translate(view, glm::vec3(0.0f, 0.0f, -5.0f)); //TRANSLASI
0.1f, 100.0f);
}
glfwTerminate();
return 0;
}
{
}
HASIL PROGAM
LOOKAT and PERSPECTIVE
main.cpp
#include "pch.h"
#include <iostream>
// GLEW
// GLFW
#include <SOIL.h>
//GLM Libraries
// Other includes
int main()
{
// Init GLFW
glfwInit();
NULL);
glewInit();
0.0f, 0.8f, 0.0f, 0.0f, 0.0f, 1.0f // Top
};

};
GL_STATIC_DRAW);
(GLvoid*)0);
// Color attribute
// Game loop
{
glfwPollEvents();
// Render
ourShader.Use();
glm::mat4 model;
glm::mat4 view;
glm::ortho(0.0f, 800.0f, 0.0f, 600.0f, 0.1f, 100.0f);
//view = glm::translate(view, glm::vec3(1.0f, 0.0f, -5.0f)); //TRANSLASI
view = glm::lookAt(glm::vec3(4, 3, 3), glm::vec3(0, 0, 0), glm::vec3(0,
1, 0));
0.1f, 100.0f);
}
glfwTerminate();
return 0;
}
{
}
HASIL PROGRAM
TUGAS 1
#include "pch.h"
#include <iostream>
// GLEW
// GLFW
#include <SOIL.h>
//GLM Libraries
// Other includes
int main()
{
// Init GLFW
glfwInit();
NULL);
glewInit();
-0.5f, -0.5f, 0.0f, 0.0f, 1.0f, 1.0f, // Bottom Right
0.5f, -0.5f, 0.0f, 1.0f, 1.0f, 0.0f, // Bottom Left
0.0f, 0.5f, 0.0f, 1.0f, 0.0f, 1.0f // Top
};
};
GL_STATIC_DRAW);
(GLvoid*)0);
// Color attribute
HASIL PROGRAM
Program diatas adalah membuat sebuah segitiga dengan gradient 3 warna utama yang terletak pada
sudut segitiga. Kode yang saya beri highlight kuning merupakan kode untuk merubah warna
dan menentukan susunan warna pada segitiga
-0.5f, -0.5f, 0.0f, 0.0f, 1.0f, 1.0f, // Bottom Right
0.5f, -0.5f, 0.0f, 1.0f, 1.0f, 0.0f, // Bottom Left
0.0f, 0.5f, 0.0f, 1.0f, 0.0f, 1.0f // Top
};
Dalam program tersebut terdapat 2 pembagian pada vertices. 3 nilai awal berisi posisi dari titik untuk
dijadikan sudut dari segitiga. 3 nilai terakhir berisi informasi dari warna segitiga pada titik tersebut.
Nilai pertama untuk warna merah, nilai kedua untuk warna hijau, dan warna ketiga untuk warna biru.
Nilai yang ditentukan memiliki skala dari 0 sampai 1 yang memiliki perbandingan dengan 0 – 255.
TUGAS 2
1. model = glm::rotate(model, 0.0f, glm::vec3(0.0f, 0.0f, 0.0f));

Ketika nilai pada model diisikan seperti kode diatas menyebabkan segitiga tidak
muncul karena nilai dan koordinat letaknya tidak terisikan. Program diatas berisi perputaran
pada sebuah object dengan menggunakan perintah glm::rotate(model, 0.0f, glm::vec3(0.0f,
0.0f, 0.0f)); sehingga object berputar sesuai dengan nilai pada perintah tersebut. Format pada
perintah tersebut lebih jelasnya seperti berikut glm::rotate(model, BesarDerajat,
glm::vec3(RotasiTerhadapX, RotasiTerhadapY, RotasiTerhadapZ));
2. penjelasan matematis dari program pada sesi “Vertices,Warna, dan Sistem Koordinat” yang di
bold kuning, dapat membuat objek seolah berotasi? Apakah objek nya yang berotasi atau kamera
nya yang berotasi?
Yang berotasi adalah objek nya yakni segitiganya karena untuk merotasi objek yakni segitiga
dengan mengubah nilai – nilai pada koordinatnya
3. Gambarlah axis (x,y,dan z) yang digunakan pada program tesebut untuk berotasi!.
X axis  kanan atau kiri dari layer/object

Y axis  naik atau turunnya dari layer/object
Z axis  Maju atau mundurnya dari layer/object
TUGAS 3
1. Segitiga bergeser kearah kanan dari output segitiga pada sesi “Vertices,Warna, dan
Sistem Koordinat”.
main.cpp
#include "pch.h"
#include <iostream>
// GLEW
// GLFW
#include <SOIL.h>
//GLM Libraries
// Other includes
void key_callback(GLFWwindow* window, int key, int scancode, int action, int
mode);
int main()
{
// Init GLFW
glfwInit();
NULL);
glewInit();
0.0f, 0.8f, 0.0f, 0.0f, 0.0f, 1.0f // Top
};

};
GL_STATIC_DRAW);
(GLvoid*)0);
// Color attribute
// Game loop
{
glfwPollEvents();
// Render
ourShader.Use();
glm::mat4 model;
glm::mat4 view;
glm::ortho(0.0f, 800.0f, 0.0f, 600.0f, 0.1f, 100.0f);
0.1f, 100.0f);
the projection matrix rarely changes it's often best practice to set it outside
the main loop only once.
}
glfwTerminate();
return 0;
}
mode)
{
}
Hasil Program
Untuk membuat segitiga bergeser ke kanan dengan mengubah nilai koordinat pada
nilai pertama yang awalnya 0.0f menjadi 1.0f karena untuk bergeser ke kanan nilainya
positif sedangkan untuk menggeser ke kiri mengubah nilai koordinat menjadi negative
karena format penulisan kodenya adalah (koordinat_vertikal(kanan kiri),
koordinat_horizontal(atas bawah), koordinat_zoom(near/far))
view = glm::translate(view, glm::vec3(-1.0f, 0.0f, -5.0f)); //TRANSLASI
2. Segitiga bergeser kearah bawah dari output segitiga pada sesi “Vertices,Warna, dan
Sistem Koordinat”.
main.cpp
#include "pch.h"
#include <iostream>
// GLEW
// GLFW
#include <SOIL.h>
//GLM Libraries
// Other includes
mode);
int main()
{
// Init GLFW
glfwInit();
NULL);
glewInit();
0.0f, 0.8f, 0.0f, 0.0f, 0.0f, 1.0f // Top
};

};
GL_STATIC_DRAW);
(GLvoid*)0);
// Color attribute
// Game loop
{
glfwPollEvents();
// Render
ourShader.Use();
glm::mat4 model;
glm::mat4 view;
glm::ortho(0.0f, 800.0f, 0.0f, 600.0f, 0.1f, 100.0f);
view = glm::translate(view, glm::vec3(0.0f, -0.8f, -5.0f)); //TRANSLASI
0.1f, 100.0f);
}
glfwTerminate();
return 0;
}
mode)
{
}
Hasil Program
Untuk membuat segitiga bergeser ke bawah dengan mengubah nilai koordinat pada
nilai kedua yang awalnya 0.0f menjadi -0.8f karena untuk bergeser ke bawah nilainya
negatig sedangkan untuk menggeser ke atas mengubah nilai koordinat menjadi positif
karena format penulisan kodenya adalah (koordinat_vertikal(kanan kiri),
koordinat_horizontal(atas bawah), koordinat_zoom(near/far))
3. Segitiga bergeser kearah mendekat terhadap user dari output segitiga pada sesi
“Vertices,Warna, dan Sistem Koordinat”.
main.cpp
#include "pch.h"
#include <iostream>
// GLEW
// GLFW
#include <SOIL.h>
//GLM Libraries
// Other includes
mode);
int main()
{
// Init GLFW
glfwInit();
NULL);
glewInit();
0.0f, 0.8f, 0.0f, 0.0f, 0.0f, 1.0f // Top
};

};
GL_STATIC_DRAW);
(GLvoid*)0);
// Color attribute
// Game loop
{
glfwPollEvents();
// Render
ourShader.Use();
glm::mat4 model;
glm::mat4 view;
glm::ortho(0.0f, 800.0f, 0.0f, 600.0f, 0.1f, 100.0f);
0.1f, 100.0f);
}
glfwTerminate();
return 0;
}
mode)
{
}
HASIL PROGRAM
Untuk membuat segitiga bergeser mendekat ke user dengan mengubah nilai koordinat
pada nilai ketiga yang awalnya 0.0f menjadi -2.0f karena untuk membuat segitiga
mendekat ke user dengan cara melakukan zoom in yang pada program di artikan
dengan Near dimana nilainya terletak pada nilai ketiga dengan membuat nilai menjadi
lebih kecil sedangkan untuk menggeser menjauh dari user mengubah nilai koordinat
menjadi lebih besar karena format penulisan kodenya adalah
(koordinat_vertikal(kanan kiri), koordinat_horizontal(atas bawah),
koordinat_zoom(near/far))
TUGAS 4
1. Analisalah apa yang terjadi pada sesi lookAt dan perspective!
Pada sesi lookAt dan perspektif tampilan segitiga mengalami translasi dan rotasi serta
terdapat efek segitiga seperti berada pada perspektif yang berbeda karena lookAt
membuat user melihat objek dari sisi pandang yang berbeda dan berubah posisi pandang
objek
2. Gantilah output dari sesi lookAt dan perspective, yang tadinya segitiga menjadi
kombinasi smartcard dan KTP anda (tugas materi sebelumnya). Sertakan hasilnya dan
analisa lah!
Main.cpp
#include "pch.h"
#include <iostream>
// GLEW
// GLFW
// Other Libs
#include <SOIL.h>
// GLM Mathematics
// Other includes
int main()
{
// Init GLFW
glfwInit();
// Create a GLFWwindow object that we can use for GLFW's func-tions
GLFWwindow* window = glfwCreateWindow(WIDTH, HEIGHT, "LearnOpenGL", nullptr,
nullptr);
glfwMakeContextCurrent(window);
// Set the required callback functions
glewInit();
// Define the viewport dimensions
// Positions // Colors // Texture Coords
0.5f, 0.5f, 0.0f, 1.0f, 0.0f, 0.0f, 1.0f, 1.0f, // Top Right
0.5f, -0.5f, 0.0f, 0.0f, 1.0f, 0.0f, 1.0f, 0.0f, // Bot-tom Right
-0.5f, -0.5f, 0.0f, 0.0f, 0.0f, 1.0f, 0.0f, 0.0f, // Bot-tom Left
-0.5f, 0.5f, 0.0f, 1.0f, 1.0f, 0.0f, 0.0f, 1.0f // Top Left
};
1, 2, 3 // Second Triangle
};
GL_STATIC_DRAW);
(GLvoid*)0);
// Color attribute
(3 *
sizeof(GLfloat)));
// TexCoord attribute
(6 *
sizeof(GLfloat)));
// Load and create a texture
GLuint texture1;
GLuint texture2;
// ====================
// Texture 1
// ====================
glGenTextures(1, &texture1);
glBindTexture(GL_TEXTURE_2D, texture1); // All upcoming GL_TEXTURE_2D
operations now have effect on our texture object
// Set our
texture parameters
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_REPEAT); // Set texture
wrapping to GL_REPEAT
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_REPEAT);
// Set texture filtering
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR);
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR);
// Load, create texture and generate mipmaps
int width, height;
unsigned char* image = SOIL_load_image("ktp.jpg", &width, &height, 0,
SOIL_LOAD_RGB);
glTexImage2D(GL_TEXTURE_2D, 0, GL_RGB, width, height, 0, GL_RGB,
GL_UNSIGNED_BYTE, image);
glGenerateMipmap(GL_TEXTURE_2D);
SOIL_free_image_data(image);
glBindTexture(GL_TEXTURE_2D, 0); // Unbind texture when done, so we won't
accidentily mess up our texture.
// ===================
// Tex-ture 2
// ===================
glBindTexture(GL_TEXTURE_2D, texture2);
// Set our texture parameters
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_REPEAT);
image = SOIL_load_image("ktm.jpeg", &width, &height, 0, SOIL_LOAD_RGB);
GL_UNSIGNED_BYTE, image);
glBindTexture(GL_TEXTURE_2D, 0);
// Game loop
{
glfwPollEvents();
// Render
// Activate shader
ourShader.Use();
glUniform1i(glGetUniformLocation(ourShader.Program, "our-Texture1"), 0);
//Draw
glm::mat4 model;
glm::mat4 view;
glm::ortho(0.0f, 800.0f, 0.0f, 600.0f, 0.1f, 100.0f);
//view = glm::translate(view, glm::vec3(0.0f, 0.0f, -3.0f));
view = glm::lookAt(glm::vec3(4, 3, 3),
glm::vec3(0, 0, 0),
glm::vec3(0, 1, 0));
0.1f, 100.0f);
// Draw container
}
glfwTerminate();
return 0;
}
{
}
Myshader.h
#ifndef SHADER_H
#define SHADER_H
#include <string>
#include <fstream>
#include <sstream>
#include <iostream>
class Shader
{
public:
GLuint Program;
// Constructor generates the shader on the fly
Shader(const GLchar* vertexPath, const GLchar* fragmentPath)
{
// 1. Retrieve the vertex/fragment source code from filePath
std::string vertexCode;
std::string fragmentCode;
std::ifstream vShaderFile;
std::ifstream fShaderFile;
// ensures ifstream objects can throw exceptions:
vShaderFile.exceptions(std::ifstream::badbit);
fShaderFile.exceptions(std::ifstream::badbit);
try
{
// Open files
vShaderFile.open(vertexPath);
fShaderFile.open(fragmentPath);
std::stringstream vShaderStream, fShaderStream;
// Read file's buffer contents into streams
vShaderStream << vShaderFile.rdbuf();
fShaderStream << fShaderFile.rdbuf();
// close file handlers
vShaderFile.close();
fShaderFile.close();
// Convert stream into string
vertexCode = vShaderStream.str();
fragmentCode = fShaderStream.str();
}
catch (std::ifstream::failure e)
{
std::cout << "ERROR::SHADER::FILE_NOT_SUCCESFULLY_READ" <<
std::endl;
}
const GLchar* vShaderCode = vertexCode.c_str();
const GLchar * fShaderCode = fragmentCode.c_str();
// 2. Compile shaders
GLuint vertex, fragment;
GLint success;
GLchar infoLog[512];
// Vertex Shader
vertex = glCreateShader(GL_VERTEX_SHADER);
glShaderSource(vertex, 1, &vShaderCode, NULL);
glCompileShader(vertex);
// Print compile errors if any
glGetShaderiv(vertex, GL_COMPILE_STATUS, &success);
if (!success)
{
glGetShaderInfoLog(vertex, 512, NULL, infoLog);
std::cout << "ER-ROR::SHADER::VERTEX::COMPILATION_FAILED\n" <<
infoLog << std::endl;
}
// Fragment Shader
fragment = glCreateShader(GL_FRAGMENT_SHADER);
glShaderSource(fragment, 1, &fShaderCode, NULL);
glCompileShader(fragment);
glGetShaderiv(fragment, GL_COMPILE_STATUS, &success);
if (!success)
{
glGetShaderInfoLog(fragment, 512, NULL, infoLog);
std::cout << "ER-ROR::SHADER::FRAGMENT::COMPILATION_FAILED\n" <<
}
// Shader Program
this->Program = glCreateProgram();
glAttachShader(this->Program, vertex);
glAttachShader(this->Program, fragment);
glLinkProgram(this->Program);
// Print linking errors if any
glGetProgramiv(this->Program, GL_LINK_STATUS, &success);
if (!success)
{
glGetProgramInfoLog(this->Program, 512, NULL, infoLog);
std::cout << "ERROR::SHADER::PROGRAM::LINKING_FAILED\n" <<
}
// Delete the shaders as they're linked into our program now and no
longer necessery
glDeleteShader(vertex);
glDeleteShader(fragment);
}
// Uses the current shader
void Use()
{
glUseProgram(this->Program);
}
};
#endif
CS.vs
#version 330 core
layout (location = 2) in vec2 texCoord;
out vec3 ourColor;

out vec2 TexCoord;
uniform mat4 model;

uniform mat4 view;
void main()
{
gl_Position = projection*view*model*vec4(position,1.0f);
ourColor = color;
TexCoord = vec2(texCoord.x, 1.0 - texCoord.y);
}
CS.frag
#version 330 core
in vec3 ourColor;
in vec2 TexCoord;
out vec4 color;

void main()
{
color = mix(texture(ourTexture1, TexCoord), texture(ourTexture2,
TexCoord),0.2);
}
HASIL PROGRAM
ANALISA
Pada program diatas, yakni membuat 2 program dengan perintah pada cara melihat suatu objek
pada sisi yang berbeda. Ketika program menggunakan LookAt , maka cara melihat pada object
tersebut dilihat dari camera aatau posisi kita dimana saat melihat object tersebut. Sedangkan
penggunaan Perspective digunakan pada object tersebut. Atau bisa dibilang proyeksi sementara
pada object.
Pada program penggabungan KTP dan Smartcard terlihat object tersebut miring ke arah kiri. Hal
ini disebabkan karena posisi dari camera diubah sesuai dengan titik pada perintah Perspective.
view = glm::lookAt(glm::vec3(4, 3, 3),

glm::vec3(0, 0, 0),
glm::vec3(0, 1, 0));
TUGAS 5
1. Jelaskan mengenai fugsi glm::ortho, glm::rotate, glm::translate, glm::lookAt, dan
glm::perspective! Korelasikan dengan formula matematis nya!
 glm::ortho berfungsi membuat matriks untuk memproyeksikan koordinat dua
dimensi ke layar dan membuat matriks untuk volume tampilan paralel ortografis.
Dengan format (T const & left, T const & right, T const & bottom, T const & top, T
const & zNear, T const & zFar) yang berarti bahwa koordinat akan ditransformasikan oleh
matriks model-view, yaitu mereka berada di eye space (ruang mata).
 glm:: rotate berfungsi Membangun rotasi 4 * 4 matriks atau mengalikan matriks
yang dibuat dari vektor sumbu dan sudut yang dinyatakan dalam derajat dengan
transformasi rotasi 180 derajat di sekitar sumbu Z. Dan layar terletak pada bidang XY, sumbu
Z merupakan titik putarnya.
 glm::translate berfungsi mengalikan matriks dengan matriks translasi, sehingga hasil dari
fungsi ini dapat mengubah titik koordinat X, Y, dan Z.
 glm::lookAt berfungsi untuk menentukan posisi mana yang ingin kita lihat yang
mendefinisikan semua sumbu (X, Y, Z) dari sistem koordinat dan memerlukan tiga vektor di
dalamnya, membuat tampilan pada view matrix. Dengan format (detail::tvec3< T >
const & eye, detail::tvec3< T > const & center, detail::tvec3< T > const & up)
 glm::perspective berfungsi membuat matriks untuk perspektif fustrum-perspektif
simetrik. Dengan format (T const & fovy, T const & aspect, T const & zNear, T const
& zFar). Digunakan untuk membuat matriks proyeksi perspektif 4x4 yang digunakan dalam
shader (biasanya, vertex shader) untuk mengubah titik.
2. Pada program, apa korelasi model, view, dan projection? dan apakah ada pengaruh
dengan file pada.frag dan .vs? jika ada, jelaskan!
 Model,view, dan projection merupakan 3 matriks berbeda. Model digunakan
untuk memetakkan dari local koordinat dari objek ke ruang dunia. View
digunakan untuk memetakkan dari ruang dunia ke ruang kamera. Projection
digunakan untuk memetakkan dari kamera ke screen.
 Sehingga ketiga variable tersebebut digabungkan menjadi satu untuk memetakkan
semua jalan dari ruang objek ke ruang layer.
3. Pakai smartcard dan KTP dirotate terhadap sumbu x -30 derajat, sumbu y 0 derajat dan
sumbu z 270 derajat . sertakan program, hasil, dan analisa anda.
Main.cpp
#include "pch.h"
#include <iostream>
// GLEW
// GLFW
#include <SOIL.h>
//GLM Libraries
// Other includes
int main()
{
// Init GLFW
glfwInit();
// Create a GLFWwindow object that we can use for GLFW's func-tions
NULL);
glewInit();
// Positions // Colors // Texture Coords
0.5f, 0.5f, 0.0f, 1.0f, 0.0f, 0.0f, 1.0f, 1.0f, // Top Right
0.5f, -0.5f, 0.0f, 0.0f, 1.0f, 0.0f, 1.0f, 0.0f, // Bot-tom Right
-0.5f, -0.5f, 0.0f, 0.0f, 0.0f, 1.0f, 0.0f, 0.0f, // Bot-tom Left
-0.5f, 0.5f, 0.0f, 1.0f, 1.0f, 0.0f, 0.0f, 1.0f // Top Left
};
1, 2, 3 // Second Triangle
};
GL_STATIC_DRAW);
(GLvoid*)0);
// Color attribute
(3 *
sizeof(GLfloat)));
// TexCoord attribute
(6 *
sizeof(GLfloat)));
// Load and create a texture
GLuint texture1;
GLuint texture2;
// ====================
// Texture 1
// ====================
glBindTexture(GL_TEXTURE_2D, texture1); // All upcoming GL_TEXTURE_2D
operations now have effect on our texture object
// Set our
texture parameters
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_REPEAT); // Set texture
wrapping to GL_REPEAT
int width, height;
unsigned char* image = SOIL_load_image("ktp.jpg", &width, &height, 0,
SOIL_LOAD_RGB);
GL_UNSIGNED_BYTE,
image);
glBindTexture(GL_TEXTURE_2D, 0); // Unbind texture when done, so we won't
accidentily mess up our texture.
// ===================
// Tex-ture 2
// ===================
// Set our texture parameters
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_REPEAT);
image = SOIL_load_image("ktm.png", &width, &height, 0, SOIL_LOAD_RGB);
GL_UNSIGNED_BYTE,
image);
glBindTexture(GL_TEXTURE_2D, 0);
{
glfwPollEvents();
// Render
ourShader.Use();
glm::mat4 model;
glm::mat4 modelx;
glm::mat4 modely;
glm::mat4 modelz;
glm::mat4 view;
glm::ortho(0.0f, 800.0f, 0.0f, 600.0f, 0.1f, 100.0f);
model = glm::rotate(model, -30.0f, glm::vec3(1.0f, 0.0f, 0.0f));

//view = glm::lookAt(glm::vec3(4, 3, 3),
//glm::vec3(0, 0, 0),
//glm::vec3(0, 1, 0));
0.1f, 100.0f);
//glUniformMatrix4fv(modelLoc, 1, GL_FALSE, glm::value_ptr(model));
}
glfwTerminate();
return 0;
}
{
}
Myshader.h
#ifndef SHADER_H
#define SHADER_H
#include <string>
#include <fstream>
#include <sstream>
#include <iostream>
class Shader
{
public:
GLuint Program;
// Constructor generates the shader on the fly
Shader(const GLchar* vertexPath, const GLchar* fragmentPath)
{
// 1. Retrieve the vertex/fragment source code from filePath
std::string vertexCode;
std::string fragmentCode;
std::ifstream vShaderFile;
std::ifstream fShaderFile;
// ensures ifstream objects can throw exceptions:
vShaderFile.exceptions(std::ifstream::badbit);
fShaderFile.exceptions(std::ifstream::badbit);
try
{
// Open files
vShaderFile.open(vertexPath);
fShaderFile.open(fragmentPath);
std::stringstream vShaderStream, fShaderStream;
// Read file's buffer contents into streams
vShaderStream << vShaderFile.rdbuf();
fShaderStream << fShaderFile.rdbuf();
// close file handlers
vShaderFile.close();
fShaderFile.close();
// Convert stream into string
vertexCode = vShaderStream.str();
fragmentCode = fShaderStream.str();
}
catch (std::ifstream::failure e)
{
std::cout << "ERROR::SHADER::FILE_NOT_SUCCESFULLY_READ" <<
std::endl;
}
const GLchar* vShaderCode = vertexCode.c_str();
const GLchar * fShaderCode = fragmentCode.c_str();
// 2. Compile shaders
GLuint vertex, fragment;
GLint success;
GLchar infoLog[512];
// Vertex Shader
vertex = glCreateShader(GL_VERTEX_SHADER);
glShaderSource(vertex, 1, &vShaderCode, NULL);
glCompileShader(vertex);
glGetShaderiv(vertex, GL_COMPILE_STATUS, &success);
if (!success)
{
glGetShaderInfoLog(vertex, 512, NULL, infoLog);
std::cout << "ERROR::SHADER::VERTEX::COMPILATION_FAILED\n" <<
}
// Fragment Shader
fragment = glCreateShader(GL_FRAGMENT_SHADER);
glShaderSource(fragment, 1, &fShaderCode, NULL);
glCompileShader(fragment);
glGetShaderiv(fragment, GL_COMPILE_STATUS, &success);
if (!success)
{
glGetShaderInfoLog(fragment, 512, NULL, infoLog);
std::cout << "ERROR::SHADER::FRAGMENT::COMPILATION_FAILED\n" <<
}
// Shader Program
this->Program = glCreateProgram();
glAttachShader(this->Program, vertex);
glAttachShader(this->Program, fragment);
glLinkProgram(this->Program);
// Print linking errors if any
glGetProgramiv(this->Program, GL_LINK_STATUS, &success);
if (!success)
{
glGetProgramInfoLog(this->Program, 512, NULL, infoLog);
std::cout << "ERROR::SHADER::PROGRAM::LINKING_FAILED\n" <<
}
// Delete the shaders as they're linked into our program now and no
longer necessery
glDeleteShader(vertex);
glDeleteShader(fragment);
}
// Uses the current shader
void Use()
{
glUseProgram(this->Program);
}
};
#endif
CS.vs
#version 330 core
layout (location = 2) in vec2 texCoord;
out vec3 ourColor;

out vec2 TexCoord;
uniform mat4 model;

uniform mat4 view;
void main()
{
gl_Position = projection*view*model*vec4(position,1.0f);
ourColor = color;
TexCoord = vec2(texCoord.x, 1.0 - texCoord.y);
}
CS.frag
#version 330 core
in vec3 ourColor;
in vec2 TexCoord;
out vec4 color;

void main()
{
color = mix(texture(ourTexture1, TexCoord), texture(ourTexture2, TexCoord),0.2);
}
Hasil Program
Rotasi -30 derajat pada sumbu X
Rotasi 270 derajat pada sumbu X

Rotasi 0 derajat pada sumbu X

ANALISA
Program ini berfungsi untuk menggabungkan 2 foto seperti pada program ketiga dengan
mengubah arah rotasi dari object. Dalam melakukan rotasi, program dibuat untuk melakukan
rotasi 3 kali dengan sumbu yang berbeda. Sehingga program rotasi seperti berikut

Pada program pertama dilakukan rotasi terhadap sumbu X sebesar -30 derajat, dan program
kedua terhadap sumbu Y sebesar 0 derajat. Terakhir terhadap sumbu Z sebesar 270 derajat.

Tugas Proyek Komputer Grafis

Uploaded by

Copyright:

Available Formats

Tugas Proyek Komputer Grafis

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Tugas Proyek Komputer Grafis

Uploaded by

Copyright:

Available Formats

TUGAS PROYEK

PRODI STUDI S1TEKNIK KOMPUTER

UNIVERSITAS NEGERI MAKASSAR

Vertices, Warna dan Sistem Koordinat

GLuint indices[] = { // Note that we start from 0!

out vec3 ourColor;

uniform mat4 model;

out vec4 color;

uniform sampler2D ourTexture1;

GLuint indices[] = { // Note that we start from 0!

GLuint indices[] = { // Note that we start from 0!

GLuint indices[] = { // Note that we start from 0!

GLuint indices[] = { // Note that we start from 0!

GLuint indices[] = { // Note that we start from 0!

1. model = glm::rotate(model, 0.0f, glm::vec3(0.0f, 0.0f, 0.0f));

X axis  kanan atau kiri dari layer/object

GLuint indices[] = { // Note that we start from 0!

GLuint indices[] = { // Note that we start from 0!

GLuint indices[] = { // Note that we start from 0!

out vec3 ourColor;

uniform mat4 model;

out vec4 color;

uniform sampler2D ourTexture1;

view = glm::lookAt(glm::vec3(4, 3, 3),

model = glm::rotate(model, -30.0f, glm::vec3(1.0f, 0.0f, 0.0f));

out vec3 ourColor;

uniform mat4 model;

out vec4 color;

uniform sampler2D ourTexture1;

Rotasi 270 derajat pada sumbu X

Rotasi 0 derajat pada sumbu X

model = glm::rotate(model, -30.0f, glm::vec3(1.0f, 0.0f, 0.0f));

You might also like