migrations/egui
1
0
Fork 0
mirror of https://github.com/emilk/egui.git synced 2026-08-29 12:50:04 -04:00
Code Activity

Improve documentation about how to write a painter for egui

Browse Source
This commit is contained in:
Emil Ernerfeldt
2021-01-17 02:06:26 +01:00
parent 8598c365a1
commit 2854a84728
5 changed files with 44 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
egui_web/src/webgl1.rs
View File

@@ -39,6 +39,7 @@ const VERTEX_SHADER_SOURCE: &str = r#"
1.0 - 2.0 * a_pos.y / u_screen_size.y,
0.0,
1.0);
// Egui encodes vertex colors in gamma spaces, so we must decode the colors here:
v_rgba = linear_from_srgba(a_srgba);
v_tc = a_tc;
}
@@ -75,7 +76,13 @@ const FRAGMENT_SHADER_SOURCE: &str = r#"
}
void main() {
// We must decode the colors, since WebGL doesn't come with sRGBA textures:
vec4 texture_rgba = linear_from_srgba(texture2D(u_sampler, v_tc) * 255.0);
/// Multiply vertex color with texture color (in linear space).
gl_FragColor = v_rgba * texture_rgba;
// We must gamma-encode again since WebGL doesn't support linear blending in the framebuffer.
gl_FragColor = srgba_from_linear(v_rgba * texture_rgba) / 255.0;
// WebGL doesn't support linear blending in the framebuffer,
@@ -456,12 +463,11 @@ impl crate::Painter for WebGlPainter {
let gl = &self.gl;
gl.disable(Gl::SCISSOR_TEST);
gl.viewport(
0,
0,
self.canvas.width() as i32,
self.canvas.height() as i32,
);
let width = self.canvas.width() as i32;
let height = self.canvas.height() as i32;
gl.viewport(0, 0, width, height);
let clear_color: Color32 = clear_color.into();
gl.clear_color(
clear_color[0] as f32 / 255.0,

21
egui_web/src/webgl2.rs
View File

@@ -41,6 +41,7 @@ const VERTEX_SHADER_SOURCE: &str = r#"
1.0 - 2.0 * a_pos.y / u_screen_size.y,
0.0,
1.0);
// Egui encodes vertex colors in gamma spaces, so we must decode the colors here:
v_rgba = linear_from_srgba(a_srgba);
v_tc = a_tc;
}
@@ -65,8 +66,13 @@ const FRAGMENT_SHADER_SOURCE: &str = r#"
}
void main() {
// The texture is set up with `SRGB8_ALPHA8`, so no need to decode here!
vec4 texture_rgba = texture2D(u_sampler, v_tc);
// gl_FragColor = v_rgba * texture_rgba;
/// Multiply vertex color with texture color (in linear space).
gl_FragColor = v_rgba * texture_rgba;
// We must gamma-encode again since WebGL doesn't support linear blending in the framebuffer.
gl_FragColor = srgba_from_linear(v_rgba * texture_rgba) / 255.0;
// WebGL doesn't support linear blending in the framebuffer,
@@ -420,8 +426,6 @@ impl crate::Painter for WebGl2Painter {
let gl = &self.gl;
gl.bind_texture(Gl::TEXTURE_2D, Some(&self.egui_texture));
// TODO: https://developer.mozilla.org/en-US/docs/Web/API/EXT_sRGB
// https://www.khronos.org/registry/webgl/extensions/EXT_sRGB/
let level = 0;
let internal_format = Gl::SRGB8_ALPHA8;
let border = 0;
@@ -448,12 +452,11 @@ impl crate::Painter for WebGl2Painter {
let gl = &self.gl;
gl.disable(Gl::SCISSOR_TEST);
gl.viewport(
0,
0,
self.canvas.width() as i32,
self.canvas.height() as i32,
);
let width = self.canvas.width() as i32;
let height = self.canvas.height() as i32;
gl.viewport(0, 0, width, height);
let clear_color: Color32 = clear_color.into();
gl.clear_color(
clear_color[0] as f32 / 255.0,