Depth of Field Effect

Get help using Construct 2

Post » Tue Dec 03, 2013 1:40 am


Does anyone know if there is a way to make a Depth of Field Effect with this engine? And if so how? Any tutorials on the subject? Any help is greatly appreciated. Thanks.

Be blessed.
B
3
Posts: 18
Reputation: 236

Post » Tue Dec 03, 2013 8:16 am

For what kind of game?
Jump'n'Run?

Use parallax-value of layers to simulate the parallax-scrolling (less then 100 for background, more then 100 for foreground).
Blur-effect to unsharpen back- or foreground or use an suitably graphic (effects need more ressources, i think).
B
22
S
6
G
2
Posts: 185
Reputation: 3,632

Post » Tue Dec 03, 2013 2:01 pm

Gosh your right. I should have mentioned the style of game we're creating. Sorry about that. We're making a first person exploration game, similar in style to a Seek-n-Find Adventure Game. What I'm trying to discover on behalf of my Game Designer is if the camera in this engine has any Depth of Field effects where say normally all is in focus until the player finds an object and decides to inspect it close up with his/her hand. We would like to show the object in question in the hand of the playable character close up (large on screen) were as the hand comes up causing the hand to come into sharp focus the background image goes out of focus, becoming blurred.

Is there such a controllable effect in the engine or does it have to be faked? Thanks for all your help out there.
B
3
Posts: 18
Reputation: 236

Post » Tue Dec 03, 2013 2:07 pm

You'd have to fake it using a horizontal and vertical blur per layer. Performance may take a hit and you'll need WebGL support, so best to test it out before committing.
Moderator
B
72
S
14
G
11
Posts: 900
Reputation: 11,930

Post » Tue Dec 03, 2013 2:09 pm

Depth of field is a 3D concept, I'm not sure how you would want to incorporate it in 2D.

Howerver using webgl effects you could blur a layer which you could change through events.
I told my dentist I had trouble with my teeth and asked her to fix it without looking in my mouth..
B
54
S
16
G
8
Posts: 6,160
Reputation: 19,775

Post » Tue Dec 03, 2013 2:18 pm

@thehen: If we can animate the vertical and horizontal values on the individual layers to give a pseudo impression of Depth of Field that's fine with us. That would definitely work. My only question is can we animate the layers? And would such animation survive the wrapping process for mobile?
B
3
Posts: 18
Reputation: 236

Post » Tue Dec 03, 2013 3:05 pm

@jesblood yep you can do that. I'd really recommend testing on hardware from the offset for such an effect as it would most likely be intensive. WebGL effects (for blur) are supported through the CocoonJS wrapper.
Moderator
B
72
S
14
G
11
Posts: 900
Reputation: 11,930

Post » Tue Dec 03, 2013 7:22 pm

Excellent! Thanks guys! Really appreciate the help. You all are awesome!

My designer will be totally thrilled.
B
3
Posts: 18
Reputation: 236


Return to How do I....?

Who is online

Users browsing this forum: Blendi1223, gskunk, richcoz81, zenox98 and 52 guests