GLSL é uma linguagem para criar sombreamentos(ou shaders em inglês) de alto nível. Ela é baseada no C, por isso possui uma sintaxe muito similar.
GLSL é a principal linguagem de sombreamento para OpenGL, é muito usada por programadores artistas, ou seja, um código para criar arte e vice-versa.
▶️ Assista ao Vídeo
👀 Códigos criados no Vídeo
main.cpp
#include <SFML/Graphics.hpp>
#include <iostream>
int main(){
sf::RenderWindow window(sf::VideoMode(1280,720), "SFML GLSL Shaders");
sf::Shader shader;
sf::Clock clock;
sf::RectangleShape rect(
sf::Vector2f(
static_cast<float>(window.getSize().x),
static_cast<float>(window.getSize().y)
)
);
if(!shader.loadFromFile("shader.frag", sf::Shader::Fragment)){
std::cerr << "Failed to load file.\n";
return EXIT_FAILURE;
}
while( window.isOpen() ){
sf::Event event;
while( window.pollEvent(event)){
if( event.type == sf::Event::Closed ){
window.close();
}
}
float time = clock.getElapsedTime().asSeconds();
shader.setUniform("iTime", time);
shader.setUniform("iResolution", sf::Glsl::Vec3(
window.getSize().x,
window.getSize().y,
1.0
));
window.clear();
window.draw(rect, &shader);
window.display();
}
return EXIT_SUCCESS;
}
// g++ main.cpp -lsfml-graphics -lsfml-window -lsfml-system
shader.frag
#version 150 core
uniform float iTime;
uniform vec3 iResolution;
out vec4 fragColor;
vec3 rand_colors(float f){
vec3 a = vec3(0.5f, 0.5f, 0.5f);
vec3 b = vec3(0.5f, 0.5f, 0.5f);
vec3 c = vec3(1.0f, 1.0f, 1.0f);
vec3 d = vec3(0.123f, 0.456f, 0.567f);
return a + b * cos(6.5 * (c * f + d));
}
void main(){
vec2 fragCoord = gl_FragCoord.xy;
vec2 uv = (fragCoord * 2.0 - iResolution.xy) / iResolution.y;
for(int i = 0; i < 4; ++i){
uv = fract(uv);
uv -= 0.5;
float d = length(uv);
vec3 color = rand_colors(d + iTime);
d = sin(d * 8.f + iTime * 3.f) / 6.f;
d = abs(d);
//d -= 0.5;
d = 0.02f / d;
color *= d;
fragColor = vec4(color, 1.0);
}
}
Código básico
.fragpara criar um projeto do zero:
#version 150 core
uniform float iTime;
uniform vec3 iResolution;
out vec4 fragColor;
void main(){
vec2 fragCoord = gl_FragCoord.xy;
}
🔗 Links citados no Vídeo
- https://www.shadertoy.com/
- Shader criado no vídeo: https://www.shadertoy.com/view/33sSzM
- Shader usado no final do vídeo: https://www.shadertoy.com/view/w3lSzN
- https://thebookofshaders.com/
- Doc função
length: https://thebookofshaders.com/glossary/?search=length
- Tutorial de OpenGL para Iniciantes
Links para cursos:
- 👑 Aprenda a criar sua própria linguagem de programação
- ✅ Aprenda Criação de Games com C++ e SFML
- ✅ Pacote Promocional C++
- ✅ Aprenda C++ e Qt
- ✅ Conheça nossos Cursos
- 🎁 Todos os Cursos na Udemy
Links adicionais:
SOCIAL SHARE CARD GENERATOR