☑ Tutorial on creating dot and chromatic abber. shaders

Help & Support
#1

I am looking at this demo here; Three.js - Post Processing and would like to replicate these effects in playcanvas. Does anyone have a tutorial to guide me to accomplish the dots and chromatic abberation shader?

Thank you.
-ikel

#2

It should be relatively straightforward to implement a fullscreen post effect that does the same effect. (The GLSL is mostly transferable).

Here is an example post effect: http://developer.playcanvas.com/en/tutorials/custom-posteffect/

Here is a sample that implements a some Chromatic Abberation.

https://playcanvas.com/project/373076/overview/vhscrt-post-effect

The bloom post effect is an example that performs multiple passes.

#3

@dave, thanks for the pointers (you made it look very easy…). The crt post effect is a really a good start, and I forked it.

#4

And just found another abberation example:

https://playcanvas.com/project/440854/overview/vignette-abberation

1 Like
#5

@dave, that’s exactly what I had in mind. Forked it and will look into it. Thank you! By the way, how did you find these examples? I don’t know how to search for existing projects.

#6

There is no search unfortunately. But you can go to users and see their public list of projects: https://playcanvas.com/playcanvas
And many Tutorials are simply here: http://developer.playcanvas.com/en/tutorials/

#7

@max, got that. Thanks for the info. Yes, I am reading through the tutorials right now.

#8

These are just a few of the existing projects I happen to know exist so I’m moving them into the tutorials section.