Realtime shadow casting on 2D terrain

Become a member!
https://www.seevid.ir/c/BarneyCodes/...

Join the discord!
Discord: discord

Original reddit post:
Reddit: comparison_with_and_without_raytracing_for_my_2d

Code from the video:
https://editor.p5js.org/BarneyCodes/s...

Chapters:
0:00 Intro
0:37 Height maps
1:03 Generating the terrain
1:50 Shadows
3:37 Limitations
4:16 Next steps

Shadows have always seemed like a bit of an elusive effect to me but in this video I show you how to create a shader for real time shadows using ray casting for 2D height map terrain.
I think the islands created with this method look really cool and I'm excited to share how I did it with you!
If you know a better way of achieving this, please let me know in the comments!

Follow me:
Twitter: Twitter: barney_codes
Reddit: Reddit: BarneyCodes

#shaders #glsl #p5js

• #education
• #shadow_casting
• #ray_tracing
• #ray_casting
• #ray_tracing_shadows
• #ray_casting_shadows
• #shadows_glsl
• #height_map_shadows
• #how_to_cast_shadows_in_2d
• #2d_shadows
• #shadows_in_a_shader
• #shadows_p5js
• #p5js
• #real_time_shadows
• #real_time_shadow_ray_casting
• #island_terrain_generation
• #terrain_generation
• #height_map_terrain_generation
• #adding_shadows_to_height_map_terrain
• #shader_lighting_effects
• #glsl_shadow_tracing
• #glsl_shadow_ray_casting
• #webgl_shadows
• #javascript_shadows
• #javascript