godot-visual-effects/README.md

147 lines
3.9 KiB
Markdown
Raw Permalink Normal View History

2023-12-16 07:23:25 +08:00
## Overview
All effects in this repository are maintained as simple and easy to understand examples, meant to be copied and adjusted for the actual use cases. You can use them as they are, but it's recommended to adjust parameters so that they look better and more fit for each particular game.
Additionally, the textures used are from a third party free assets (look at the bottom). Beware in case you keep using them, make sure you respect their licenses accordingly.
Also, look at the Camera, Environment and Light configurations, as they have a direct impact on how these effects look like, for instance on post processing settings.
## Particles
### Fire
![Fire](./docs/images/particles/fire.png)
### Hurricane
![Hurricane](./docs/images/particles/hurricane.png)
### Hyperdrive
![Hyperdrive](./docs/images/particles/hyperdrive.png)
2023-12-16 07:05:45 +08:00
### Impact
![Impact](./docs/images/particles/impact.png)
### Implosion
![Implosion](./docs/images/particles/implosion.png)
### Rain
![Rain](./docs/images/particles/rain.png)
### Ring Portal
![Ring Portal](./docs/images/particles/ring-portal.png)
### Shield
![Shield](./docs/images/particles/shield.png)
2023-12-16 07:05:45 +08:00
### Shockwave
![Shockwave](./docs/images/particles/shockwave.png)
### Smoke
![Smoke](./docs/images/particles/smoke.png)
### Sparks
![Sparks](./docs/images/particles/sparks.png)
2023-12-13 07:00:47 +08:00
2023-12-14 04:47:08 +08:00
## Camera Effects
2023-12-16 07:23:25 +08:00
These effects should be place in a CanvasLayer object in any scene, behind other CanvasLayers for UI purpose.
All effects bellow are enabled as a ColorRect node, expanded to full screen, with a ShaderMaterial with Shader in code. The shaders have parameters to change how the effects behave. Take a look, as they can change a lot how the effects look and work.
2023-12-14 04:47:08 +08:00
2023-12-16 06:58:06 +08:00
### Blur
based on: https://godotshaders.com/shader/simple-blur-mixed-with-a-color/
![Blur](./docs/images/camera-effects/blur.png)
### Camera Shake
![Camera Shake](./docs/images/camera-effects/camera-shake.png)
2023-12-15 01:12:24 +08:00
### Chromatic Aberration
2023-12-14 04:47:08 +08:00
2023-12-16 06:58:06 +08:00
based on: https://www.youtube.com/watch?v=aVzY6n3e19A
2023-12-15 01:12:24 +08:00
![Chromatic Aberration](./docs/images/camera-effects/chromatic-aberration.png)
2023-12-14 04:47:08 +08:00
2023-12-16 06:58:06 +08:00
### Color Correction
based on: https://godotshaders.com/shader/world-environment-adjustments-for-viewporttextures/
![Color Correction](./docs/images/camera-effects/color-correction.png)
### Fish Eye
based on: https://godotshaders.com/shader/2d-radial-distortion-fisheye-barrel/
![Fish Eye](./docs/images/camera-effects/fish-eye.png)
2023-12-15 01:12:24 +08:00
### Grain Noise
2023-12-14 04:47:08 +08:00
2023-12-15 01:12:24 +08:00
![Grain Noise](./docs/images/camera-effects/grain-noise.png)
2023-12-14 04:47:08 +08:00
2023-12-15 01:12:24 +08:00
### Hexagon Mosaic
2023-12-16 06:58:06 +08:00
based on: https://docs.godotengine.org/en/4.0/tutorials/shaders/custom_postprocessing.html
2023-12-15 01:12:24 +08:00
![Hexagon Mosaic](./docs/images/camera-effects/hexagon-mosaic.png)
2023-12-16 06:58:06 +08:00
### Mirage
![Mirage](./docs/images/camera-effects/mirage.png)
### Monocolor
![Monocolor](./docs/images/camera-effects/monocolor.png)
2023-12-15 01:12:24 +08:00
### Pixelate
2023-12-16 06:58:06 +08:00
based on: https://www.youtube.com/watch?v=77F4ZjmQ07U
2023-12-15 01:12:24 +08:00
![Pixelate](./docs/images/camera-effects/pixelate.png)
2023-12-14 06:03:37 +08:00
### Sepia
2023-12-16 06:58:06 +08:00
based on: https://www.shadertoy.com/view/Xl3cDn
2023-12-14 06:03:37 +08:00
![Sepia](./docs/images/camera-effects/sepia.png)
2023-12-16 06:58:06 +08:00
### Under Water
2023-12-14 06:03:37 +08:00
2023-12-16 06:58:06 +08:00
based on: https://www.shadertoy.com/view/MdlXz8
2023-12-15 01:12:24 +08:00
2023-12-16 06:58:06 +08:00
![Under Water](./docs/images/camera-effects/under-water.png)
2023-12-15 01:12:24 +08:00
2023-12-16 06:58:06 +08:00
### Vignette (danger)
![Vignette](./docs/images/camera-effects/vignette.png)
2023-12-14 06:03:37 +08:00
2023-12-15 14:20:43 +08:00
## Videos
2023-12-16 06:58:06 +08:00
Click on the images below to jump to YouTube and watch the videos with all effects at the time of 14.12.2023
2023-12-15 14:20:43 +08:00
### Particles
[![alt text](https://img.youtube.com/vi/R18r8rhJ32g/0.jpg)](https://www.youtube.com/watch?v=R18r8rhJ32g)
### Camera Effects
[![alt text](https://img.youtube.com/vi/Vq8T-fPVdoA/0.jpg)](https://www.youtube.com/watch?v=Vq8T-fPVdoA)
2023-12-13 07:00:47 +08:00
## License
* Kenney Particle Pack is copyrighted by Kenney, and can be found at https://kenney.nl/assets/particle-pack
2023-12-15 14:07:20 +08:00
* Kaykit Halloween Bits is copyrighted by Kay Lousberg, and can be found at https://kaylousberg.itch.io/halloween-bits
2023-12-13 07:00:47 +08:00
Except for that, the particles and code in this repository are available under MIT license for free usage.