{"header":{"message":"feat: chromatic aberration imma blow a gasket","description":null,"timestamp":"2024-03-02T21:55:37.286929Z","authors":[{}]},"hash":"7SXAXY6J4QHPDUUHCKZDEZOZ2IUMSBWODICOMIZH2KA2BGV3F54QC","authors":[{"login":"Jengamon","key":"AFEuLzv5ecUJzaewFwoWh4jeCDqWZztr7dswYwyG9vfU"}],"deps":{"hashes":[["7SXAXY6J4QHPDUUHCKZDEZOZ2IUMSBWODICOMIZH2KA2BGV3F54QC","feat: chromatic aberration imma blow a gasket"],["AA",null],["ASIORORAPGGVNLR42J6PZRTG7JKK34GYXBYSKSTJFXSFW6YXBJJQC","feat: start fundsp_kira for the *greater good*"],["66PNECCRWS2BPZS555P2355EY2PAHZWHJJEXTDU2WUBOHANRNXFQC","fix: say who You are"],["ZUZLL6PWZE57MLTQJ56MT3HGIQU6NEHQRB63VQYJRY5HNVC7NVMAC","feat: progresso"],["DBHCCY3W2DG4WYMXBZ2UCNYVGZ5PS5UUUNWCXVYJ4TMXQDIZT6GAC","feat: so much progress I got my name in the sky"],["7FTW5AQKOO4W5AIHYZSAKLQR6LGVTXH7SKMSTA4ER4C4HP54VE4QC","feat: start bevy project"],["5Y32O2B2GTH2UHFA3NO4ZY673XNHT3W4DQADFMK4LMKLSXMZKHGQC","feat: setup, and start in bevy"],["OQCI44VL3IROGBJ52MUI3AICPKEPAJVFL45PGQNNQRK4TKIK7HAAC","fix: respect dashing, and clamp pointer distance"]],"deps":["ASIORORAPGGVNLR42J6PZRTG7JKK34GYXBYSKSTJFXSFW6YXBJJQC","66PNECCRWS2BPZS555P2355EY2PAHZWHJJEXTDU2WUBOHANRNXFQC"],"known":["DBHCCY3W2DG4WYMXBZ2UCNYVGZ5PS5UUUNWCXVYJ4TMXQDIZT6GAC","ZUZLL6PWZE57MLTQJ56MT3HGIQU6NEHQRB63VQYJRY5HNVC7NVMAC"]},"hunks":[{"FileAdd":{"meta":{"basename":"post_process.rs","metadata":0},"context":[{"change":7,"pos":15}],"contents":[{"Add":"//! Provide them post-processing shaders!"},{"Add":"mod chromatic_aberration;"},{"Add":"pub(crate) use chromatic_aberration::{ChromaticAberattionSettings, ChromaticAberrationPlugin};"}]}},{"FileAdd":{"meta":{"basename":"post_process","metadata":576},"context":[{"change":7,"pos":15}],"contents":[]}},{"FileAdd":{"meta":{"basename":"chromatic_aberration.rs","metadata":0},"context":[{"change":0,"pos":229}],"contents":[{"Add":"use bevy::{"},{"Add":" core_pipeline::{"},{"Add":" core_2d::graph::{Core2d, Node2d},"},{"Add":" fullscreen_vertex_shader::fullscreen_shader_vertex_state,"},{"Add":" },"},{"Add":" ecs::query::QueryItem,"},{"Add":" prelude::*,"},{"Add":" render::{"},{"Add":" extract_component::{"},{"Add":" ComponentUniforms, ExtractComponent, ExtractComponentPlugin, UniformComponentPlugin,"},{"Add":" },"},{"Add":" render_graph::{"},{"Add":" NodeRunError, RenderGraphApp, RenderGraphContext, RenderLabel, ViewNode, ViewNodeRunner,"},{"Add":" },"},{"Add":" render_resource::{"},{"Add":" binding_types::{sampler, texture_2d, uniform_buffer},"},{"Add":" BindGroupEntries, BindGroupLayout, BindGroupLayoutEntries, CachedRenderPipelineId,"},{"Add":" ColorTargetState, ColorWrites, FragmentState, MultisampleState, Operations,"},{"Add":" PipelineCache, PrimitiveState, RenderPassColorAttachment, RenderPassDescriptor,"},{"Add":" RenderPipelineDescriptor, Sampler, SamplerBindingType, SamplerDescriptor, ShaderStages,"},{"Add":" ShaderType, TextureFormat, TextureSampleType,"},{"Add":" },"},{"Add":" renderer::{RenderContext, RenderDevice},"},{"Add":" texture::BevyDefault,"},{"Add":" view::ViewTarget,"},{"Add":" RenderApp,"},{"Add":" },"},{"Add":"};"},{"Add":""},{"Add":"pub struct ChromaticAberrationPlugin;"},{"Add":""},{"Add":"impl Plugin for ChromaticAberrationPlugin {"},{"Add":" fn build(&self, app: &mut App) {"},{"Add":" app.add_plugins(("},{"Add":" ExtractComponentPlugin::::default(),"},{"Add":" UniformComponentPlugin::::default(),"},{"Add":" ));"},{"Add":""},{"Add":" // Get render app"},{"Add":" let Ok(render_app) = app.get_sub_app_mut(RenderApp) else {"},{"Add":" return;"},{"Add":" };"},{"Add":""},{"Add":" render_app"},{"Add":" .add_render_graph_node::>("},{"Add":" Core2d,"},{"Add":" ChromaticAberrationLabel,"},{"Add":" )"},{"Add":" .add_render_graph_edges("},{"Add":" Core2d,"},{"Add":" ("},{"Add":" Node2d::Tonemapping,"},{"Add":" ChromaticAberrationLabel,"},{"Add":" Node2d::EndMainPassPostProcessing,"},{"Add":" ),"},{"Add":" );"},{"Add":" }"},{"Add":""},{"Add":" fn finish(&self, app: &mut App) {"},{"Add":" // We need to get the render app from the main app"},{"Add":" let Ok(render_app) = app.get_sub_app_mut(RenderApp) else {"},{"Add":" return;"},{"Add":" };"},{"Add":""},{"Add":" render_app"},{"Add":" // Initialize the pipeline"},{"Add":" .init_resource::();"},{"Add":" }"},{"Add":"}"},{"Add":""},{"Add":"#[derive(Component, Clone, Copy, ExtractComponent, ShaderType)]"},{"Add":"pub struct ChromaticAberattionSettings {"},{"Add":" pub intensity: f32,"},{"Add":" // NOTE all offsets are currently normalized by the shader."},{"Add":" // so they should avoid being 0? a non-zero unit vector should do fine."},{"Add":" pub red_offset: Vec2,"},{"Add":" pub green_offset: Vec2,"},{"Add":" pub blue_offset: Vec2,"},{"Add":" // WebGL2 must be 16-byte aligned"},{"Add":" pub _webgl_padding: f32,"},{"Add":"}"},{"Add":""},{"Add":"impl Default for ChromaticAberattionSettings {"},{"Add":" fn default() -> Self {"},{"Add":" Self {"},{"Add":" intensity: default(),"},{"Add":" red_offset: Vec2::NEG_Y + Vec2::X,"},{"Add":" green_offset: Vec2::NEG_X,"},{"Add":" blue_offset: Vec2::Y,"},{"Add":" _webgl_padding: default(),"},{"Add":" }"},{"Add":" }"},{"Add":"}"},{"Add":""},{"Add":"#[derive(Debug, Hash, PartialEq, Eq, Clone, RenderLabel)]"},{"Add":"struct ChromaticAberrationLabel;"},{"Add":""},{"Add":"// The post process node used for the render graph"},{"Add":"#[derive(Default)]"},{"Add":"struct ChromaticAberrationNode;"},{"Add":""},{"Add":"impl ViewNode for ChromaticAberrationNode {"},{"Add":" type ViewQuery = (&'static ViewTarget, &'static ChromaticAberattionSettings);"},{"Add":" fn run<'w>("},{"Add":" &self,"},{"Add":" _graph: &mut RenderGraphContext,"},{"Add":" render_context: &mut RenderContext<'w>,"},{"Add":" (view_target, _settings): QueryItem<'w, Self::ViewQuery>,"},{"Add":" world: &'w World,"},{"Add":" ) -> Result<(), NodeRunError> {"},{"Add":" let chromatic_aberration_pipeline = world.resource::();"},{"Add":""},{"Add":" let pipeline_cache = world.resource::();"},{"Add":""},{"Add":" let Some(pipeline) ="},{"Add":" pipeline_cache.get_render_pipeline(chromatic_aberration_pipeline.pipeline_id)"},{"Add":" else {"},{"Add":" return Ok(());"},{"Add":" };"},{"Add":""},{"Add":" let settings_uniform = world.resource::>();"},{"Add":" let Some(settings_binding) = settings_uniform.uniforms().binding() else {"},{"Add":" return Ok(());"},{"Add":" };"},{"Add":""},{"Add":" // Do the post processing"},{"Add":" let post_process = view_target.post_process_write();"},{"Add":""},{"Add":" // The bind_group gets created each frame."},{"Add":" //"},{"Add":" // Normally, you would create a bind_group in the Queue set,"},{"Add":" // but this doesn't work with the post_process_write()."},{"Add":" // The reason it doesn't work is because each post_process_write will alternate the source/destination."},{"Add":" // The only way to have the correct source/destination for the bind_group"},{"Add":" // is to make sure you get it during the node execution."},{"Add":" let bind_group = render_context.render_device().create_bind_group("},{"Add":" \"chromatic_aberration_bind_group\","},{"Add":" &chromatic_aberration_pipeline.layout,"},{"Add":" // It's important for this to match the BindGroupLayout defined in the PostProcessPipeline"},{"Add":" &BindGroupEntries::sequential(("},{"Add":" // Make sure to use the source view"},{"Add":" post_process.source,"},{"Add":" // Use the sampler created for the pipeline"},{"Add":" &chromatic_aberration_pipeline.sampler,"},{"Add":" // Set the settings binding"},{"Add":" settings_binding.clone(),"},{"Add":" )),"},{"Add":" );"},{"Add":""},{"Add":" // Begin the render pass"},{"Add":" let mut render_pass = render_context.begin_tracked_render_pass(RenderPassDescriptor {"},{"Add":" label: Some(\"post_process_pass\"),"},{"Add":" color_attachments: &[Some(RenderPassColorAttachment {"},{"Add":" // We need to specify the post process destination view here"},{"Add":" // to make sure we write to the appropriate texture."},{"Add":" view: post_process.destination,"},{"Add":" resolve_target: None,"},{"Add":" ops: Operations::default(),"},{"Add":" })],"},{"Add":" depth_stencil_attachment: None,"},{"Add":" timestamp_writes: None,"},{"Add":" occlusion_query_set: None,"},{"Add":" });"},{"Add":""},{"Add":" // This is mostly just wgpu boilerplate for drawing a fullscreen triangle,"},{"Add":" // using the pipeline/bind_group created above"},{"Add":" render_pass.set_render_pipeline(pipeline);"},{"Add":" render_pass.set_bind_group(0, &bind_group, &[]);"},{"Add":" render_pass.draw(0..3, 0..1);"},{"Add":""},{"Add":" Ok(())"},{"Add":" }"},{"Add":"}"},{"Add":""},{"Add":"// This contains global data used by the render pipeline. This will be created once on startup."},{"Add":"#[derive(Resource)]"},{"Add":"struct ChromaticAberrationPipeline {"},{"Add":" layout: BindGroupLayout,"},{"Add":" sampler: Sampler,"},{"Add":" pipeline_id: CachedRenderPipelineId,"},{"Add":"}"},{"Add":""},{"Add":"impl FromWorld for ChromaticAberrationPipeline {"},{"Add":" fn from_world(world: &mut World) -> Self {"},{"Add":" let render_device = world.resource::();"},{"Add":""},{"Add":" let layout = render_device.create_bind_group_layout("},{"Add":" \"chromatic_aberration_bind_group_layout\","},{"Add":" &BindGroupLayoutEntries::sequential("},{"Add":" ShaderStages::FRAGMENT,"},{"Add":" ("},{"Add":" // The screen texture"},{"Add":" texture_2d(TextureSampleType::Float { filterable: true }),"},{"Add":" // The sampler that will be used to sample the screen texture"},{"Add":" sampler(SamplerBindingType::Filtering),"},{"Add":" // The settings uniform that will control the effect"},{"Add":" uniform_buffer::(false),"},{"Add":" ),"},{"Add":" ),"},{"Add":" );"},{"Add":" // We can create the sampler here since it won't change at runtime and doesn't depend on the view"},{"Add":" let sampler = render_device.create_sampler(&SamplerDescriptor::default());"},{"Add":""},{"Add":" // Get the shader handle"},{"Add":" let shader = world"},{"Add":" .resource::()"},{"Add":" .load(\"shaders/chromatic_aberration.wgsl\");"},{"Add":""},{"Add":" let pipeline_id = world"},{"Add":" .resource_mut::()"},{"Add":" // This will add the pipeline to the cache and queue it's creation"},{"Add":" .queue_render_pipeline(RenderPipelineDescriptor {"},{"Add":" label: Some(\"chromatic_aberration_pipeline\".into()),"},{"Add":" layout: vec![layout.clone()],"},{"Add":" // This will setup a fullscreen triangle for the vertex state"},{"Add":" vertex: fullscreen_shader_vertex_state(),"},{"Add":" fragment: Some(FragmentState {"},{"Add":" shader,"},{"Add":" shader_defs: vec![],"},{"Add":" // Make sure this matches the entry point of your shader."},{"Add":" // It can be anything as long as it matches here and in the shader."},{"Add":" entry_point: \"fragment\".into(),"},{"Add":" targets: vec![Some(ColorTargetState {"},{"Add":" format: TextureFormat::bevy_default(),"},{"Add":" blend: None,"},{"Add":" write_mask: ColorWrites::ALL,"},{"Add":" })],"},{"Add":" }),"},{"Add":" // All of the following properties are not important for this effect so just use the default values."},{"Add":" // This struct doesn't have the Default trait implemented because not all field can have a default value."},{"Add":" primitive: PrimitiveState::default(),"},{"Add":" depth_stencil: None,"},{"Add":" multisample: MultisampleState::default(),"},{"Add":" push_constant_ranges: vec![],"},{"Add":" });"},{"Add":""},{"Add":" Self {"},{"Add":" layout,"},{"Add":" sampler,"},{"Add":" pipeline_id,"},{"Add":" }"},{"Add":" }"},{"Add":"}"}]}},{"Edit":{"inode":{"change":7,"pos":49},"path":"src/main.rs","line":1,"atom":{"NewVertex":{"up_context":[{"change":7,"pos":49}],"down_context":[{"change":2,"pos":0}],"flag":"BLOCK","start":9679,"end":9693,"inode":{"change":7,"pos":49}}},"contents":[{"Add":"mod cutscene;"}]}},{"Edit":{"inode":{"change":7,"pos":49},"path":"src/main.rs","line":3,"atom":{"NewVertex":{"up_context":[{"change":2,"pos":17}],"down_context":[{"change":2,"pos":17}],"flag":"BLOCK","start":9694,"end":9712,"inode":{"change":7,"pos":49}}},"contents":[{"Add":"mod post_process;"}]}},{"Edit":{"inode":{"change":7,"pos":49},"path":"src/main.rs","line":53,"atom":{"NewVertex":{"up_context":[{"change":4,"pos":405}],"down_context":[{"change":8,"pos":381}],"flag":"BLOCK","start":9713,"end":9796,"inode":{"change":7,"pos":49}}},"contents":[{"Add":" // Shader plugins"},{"Add":" post_process::ChromaticAberrationPlugin,"}]}},{"Replacement":{"inode":{"change":7,"pos":49},"path":"src/main.rs","line":91,"ins":{"up_context":[{"change":3,"pos":613}],"down_context":[{"change":4,"pos":1188}],"flag":"BLOCK","start":9797,"end":9897,"inode":{"change":7,"pos":49}},"del":{"edges":[{"previous":"","flag":"DELETED","from":{"change":3,"pos":613},"to":{"change":4,"start":701,"end":716},"introduced_by":3},{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":4,"pos":701},"to":{"change":4,"start":701,"end":716},"introduced_by":4}],"inode":{"change":7,"pos":49}},"ins_contents":[{"Add":" )"},{"Add":" .add_systems(Update, update_settings.run_if(in_state(GameState::InRun)));"}],"del_contents":[{"Del":" );\n"}]}},{"Edit":{"inode":{"change":7,"pos":49},"path":"src/main.rs","line":127,"atom":{"NewVertex":{"up_context":[{"change":4,"pos":1103}],"down_context":[{"change":9,"pos":191}],"flag":"BLOCK","start":9898,"end":10870,"inode":{"change":7,"pos":49}}},"contents":[{"Add":"// Change the intensity over time to show that the effect is controlled from the main world"},{"Add":"fn update_settings("},{"Add":" mut settings: Query<&mut post_process::ChromaticAberattionSettings>,"},{"Add":" time: Res,"},{"Add":") {"},{"Add":" for mut setting in &mut settings {"},{"Add":" let mut intensity = time.elapsed_seconds().sin();"},{"Add":" // Make it loop periodically"},{"Add":" intensity = intensity.sin();"},{"Add":" // Remap it to 0..1 because the intensity can't be negative"},{"Add":" intensity = intensity * 0.5 + 0.5;"},{"Add":" // Scale it to a more reasonable level"},{"Add":" intensity *= 0.015;"},{"Add":""},{"Add":" // Set the intensity."},{"Add":" // This will then be extracted to the render world and uploaded to the gpu automatically by the [`UniformComponentPlugin`]"},{"Add":" setting.intensity = intensity;"},{"Add":""},{"Add":" // also for fun, make red rotate"},{"Add":" let angle = Vec2::from_angle(std::f32::consts::FRAC_PI_3 * time.delta_seconds());"},{"Add":" setting.red_offset = angle.rotate(setting.red_offset);"},{"Add":" }"},{"Add":"}"},{"Add":""}]}},{"Edit":{"inode":{"change":7,"pos":49},"path":"src/main.rs","line":423,"atom":{"NewVertex":{"up_context":[{"change":4,"pos":5728}],"down_context":[{"change":4,"pos":5728}],"flag":"BLOCK","start":10871,"end":10938,"inode":{"change":7,"pos":49}}},"contents":[{"Add":""},{"Add":" chroma_aberration: post_process::ChromaticAberattionSettings,"}]}},{"Edit":{"inode":{"change":7,"pos":49},"path":"src/main.rs","line":435,"atom":{"NewVertex":{"up_context":[{"change":4,"pos":6040}],"down_context":[{"change":4,"pos":6040}],"flag":"BLOCK","start":10939,"end":11073,"inode":{"change":7,"pos":49}}},"contents":[{"Add":" chroma_aberration: post_process::ChromaticAberattionSettings {"},{"Add":" intensity: 0.2,"},{"Add":" ..default()"},{"Add":" },"}]}},{"FileAdd":{"meta":{"basename":"cutscene.rs","metadata":0},"context":[{"change":7,"pos":15}],"contents":[{"Add":"//! Cutscene handling"},{"Add":"//!"},{"Add":"//! Cuz I want to."},{"Add":"use std::time::Duration;"},{"Add":""},{"Add":"use bevy::prelude::*;"},{"Add":""},{"Add":"/// A cutscene is a number of tracks running in parallel"},{"Add":"pub struct Cutscene {"},{"Add":" tracks: Vec,"},{"Add":"}"},{"Add":""},{"Add":"pub struct Track {"},{"Add":" steps: Vec,"},{"Add":" ending: Ending,"},{"Add":"}"},{"Add":""},{"Add":"pub struct Step {"},{"Add":" action: StepAction,"},{"Add":" duration: Duration,"},{"Add":" parallel: bool,"},{"Add":"}"},{"Add":""},{"Add":"pub enum StepAction {"},{"Add":" /// Do nothing."},{"Add":" Wait,"},{"Add":" // TODO *who?*"},{"Add":" /// Place a participant at a location"},{"Add":" Place(Vec2),"},{"Add":" /// Move a participant at a certain velocity"},{"Add":" Move { velocity: Vec2 },"},{"Add":"}"},{"Add":""},{"Add":"#[derive(Default)]"},{"Add":"pub enum Ending {"},{"Add":" /// Fade the scene out, then reset to scene state before the"},{"Add":" /// cutscene happened."},{"Add":" #[default]"},{"Add":" End,"},{"Add":" /// End the cutscene, without resetting any state"},{"Add":" Cut,"},{"Add":"}"}]}},{"FileAdd":{"meta":{"basename":"shaders","metadata":576},"context":[{"change":4,"pos":6982}],"contents":[]}},{"FileAdd":{"meta":{"basename":"chromatic_aberration.wgsl","metadata":0},"context":[{"change":0,"pos":11913}],"contents":[{"Add":"// This shader computes the chromatic aberration effect"},{"Add":""},{"Add":"// Since post processing is a fullscreen effect, we use the fullscreen vertex shader provided by bevy."},{"Add":"// This will import a vertex shader that renders a single fullscreen triangle."},{"Add":"//"},{"Add":"// A fullscreen triangle is a single triangle that covers the entire screen."},{"Add":"// The box in the top left in that diagram is the screen. The 4 x are the corner of the screen"},{"Add":"//"},{"Add":"// Y axis"},{"Add":"// 1 | x-----x......"},{"Add":"// 0 | | s | . ´"},{"Add":"// -1 | x_____x´"},{"Add":"// -2 | : .´"},{"Add":"// -3 | :´"},{"Add":"// +--------------- X axis"},{"Add":"// -1 0 1 2 3"},{"Add":"//"},{"Add":"// As you can see, the triangle ends up bigger than the screen."},{"Add":"//"},{"Add":"// You don't need to worry about this too much since bevy will compute the correct UVs for you."},{"Add":"#import bevy_core_pipeline::fullscreen_vertex_shader::FullscreenVertexOutput"},{"Add":""},{"Add":"@group(0) @binding(0) var screen_texture: texture_2d;"},{"Add":"@group(0) @binding(1) var texture_sampler: sampler;"},{"Add":"struct ChromaticAberrationSettings {"},{"Add":" intensity: f32,"},{"Add":"\tred_offset: vec2,"},{"Add":"\tgreen_offset: vec2,"},{"Add":"\tblue_offset: vec2,"},{"Add":"#ifdef SIXTEEN_BYTE_ALIGNMENT"},{"Add":" // WebGL2 structs must be 16 byte aligned."},{"Add":" _webgl2_padding: f32"},{"Add":"#endif"},{"Add":"}"},{"Add":"@group(0) @binding(2) var settings: ChromaticAberrationSettings;"},{"Add":""},{"Add":"@fragment"},{"Add":"fn fragment(in: FullscreenVertexOutput) -> @location(0) vec4 {"},{"Add":" // Chromatic aberration strength"},{"Add":" // screen center is at (0.5, 0.5)uv, so multiply strength by magnitude of uv to get 0 at center"},{"Add":" // full at edges"},{"Add":" let offset_strength = settings.intensity * length(in.uv - vec2(0.5, 0.5)) * 2.0;"},{"Add":""},{"Add":" // Sample each color channel with an arbitrary shift"},{"Add":" return vec4("},{"Add":" textureSample(screen_texture, texture_sampler, in.uv + normalize(settings.red_offset) * offset_strength).r,"},{"Add":" textureSample(screen_texture, texture_sampler, in.uv + normalize(settings.green_offset) * offset_strength).g,"},{"Add":" textureSample(screen_texture, texture_sampler, in.uv + normalize(settings.blue_offset) * offset_strength).b,"},{"Add":" 1.0"},{"Add":" );"},{"Add":"}"}]}}],"owner":"Jengamon","repo":"acerola_jam0_gam","token":"30cN5a/no+ecOddI6hDKb2W6HiRLPRYrFuSLmy0bWJ4=","login":null}

…

Dependencies

Change contents