When time permits... sure will

Here's a pretty standard shader effect with a demo CAPX program for you to try out. Yes, we know there is already an Outline effect, but we couldn't get that one to work properly.

SOBEL EDGE DETECTION SHADER:

http://gameswarp.com/studio/?p=299

OUTLINE SHADER:

http://www.scirra.com/forum/topic59504.html

For those who want a challenge, go ahead and modify our shader code to implement a edge detection line thickness effect as in the Outline effect. It would serve as a good tutorial base to work with. Open both Outline.fx and Edge.fx with a text editor and see what needs to be tweaked. Remember to edit Edge.xml to introduce the new line thickness parameter.

Thanks,

GamesWarp Studio

We have taken an MIT Licensed shader code and converted it for use in C2. You can read more about it over at http://gameswarp.com/studio/?p=294

This is quite a nifty little shader, and if you know how, you can tweak almost any parameter you desire in the shader code. Imagine a shoot-em-up game that takes place in front of the planet generated by this shader. It would surely look awesome!

We'll do a couple more shader effects for the holiday season before committing what we learn into a tutorial for the community. Then, you will be able to pull any non-licensed shader effect from Heroku and Shadertoy into your game/app.

Thanks!

GamesWarp Studio

I found an error in my code, and will be relooking at all the above.

This

vec2 resolution = vec2(pixelWidth, pixelHeight);

should be

vec2 resolution = vec2(1./pixelWidth, 1./pixelHeight);

In the meantime, please ignore this.

I will repost, if I suspect a bug.

Thanks,

Gavin

Another way to look at it.

Here is a shader effect on Heroku/Shadertoy that is not dependent on mouse movement... glsl.heroku.com/e

1. Set resolution to 1366x768.

2. Load the heroku link - glsl.heroku.com/e

3. Resize the browser window to fit four rows of hexes.

4. Change screen resolution via control panel - I chose 800x600.

5. Count the number of rows of hexes... it should still be four.

Conclusion: The shader output maintains itself regardless of resolution changes.

Now, if only Construct 2 can do that... then the community would have a Heroku/Shadertoy like sandbox at their fingertips.

Thanks,

Gavin

Link to .capx file (required!):

VIEW

DOT SCREEN

gameswarp.com/studio/demo/Bug/DotScreen800x600

gameswarp.com/studio/demo/Bug/DotScreen1600x1200

COLOR HALFTONE

gameswarp.com/studio/demo/Bug/ColorHalftone800x600

gameswarp.com/studio/demo/Bug/ColorHalftone1600x1200

DOWNLOAD

DOT SCREEN

gameswarp.com/studio/demo/Bug/DotScreen-800x600.capx

gameswarp.com/studio/demo/Bug/DotScreen-1600x1200.capx

COLOR HALFTONE

gameswarp.com/studio/demo/Bug/ColorHalftone-800x600.capx

gameswarp.com/studio/demo/Bug/ColorHalftone-1600x1200.capx

Steps to reproduce:

See description below.

Observed result:

The two outputs are dissimilar.

Expected result:

The two outputs should remain the same even if the resolution is changed via C2 or manually via the control panel.

Browsers affected:

Chrome: yes

Firefox: browser had been uninstalled; unable to test

Internet Explorer: yes (on IE11)

Operating system & service pack:

Win 7 64-bit, SP1

Construct 2 version:

1.52

DESCRIPTION

I have been toying with my mouse cursor specific shaders for the past few hours now and have my suspicions that there are some problems with C2's shader "resolution" code.

If you could refer to these forum messages:

1. scirra.com/forum/effect-gs-4-circles-with-eyelid_topic82420.html

2. scirra.com/forum/effect-gs-2-flower-petals_topic81325.html

I got different results just by changing the screen resolution between 1600x1200 and 800x600 (this includes resizing the background to fit the screen). In one case, the mouse cursor is in the exact center of the flower petal effect, while it is displaced in the other.

I simply cannot reconcile my observations of Construct 2 with what I see on Heroku and Shadertoy. Try this one for example and change the screen resolution via Control Panel: glsl.heroku.com/e

The pattern should remain the same - centered on the mouse.

On Heroku/Shadertoy, they have the resolution parameter that takes care of all resolution switching problems. On Construct 2, I coded it as: vec2 resolution = vec2(pixelWidth, pixelHeight); - which is similar to the approach used in Heroku/Shadertoy.

To demonstrate there is an error in Construct 2, I had to search for an existing plug-in that would clearly demonstrate the problem. Here are two.

Just create two Color Halftone (or two Dot Screen) effects having the same settings, but set one to 1600x1200, and the other to 800x600. You will see that the output images are different in appearance because of the resolution change.

I may be wrong... but please, give me the benefit of doubt... as I am at my wits end as to why C2 can't behave similarly to Heroku/Shadertoy. Would love to hear your explanation.

Dear all,

We are currently rectifying a minor bug we found with our position sensitive shaders.

Description of problem: If you used the example found in the zip file and change the layout resolution to a different value (say 800x600), you may have noticed the mouse arrow is no longer centered on circle pattern.

We will update this thread when we have an updated version available for download.

Thanks,

GamesWarp Studio

Dear all,

We are currently rectifying a minor bug we found with our position sensitive shaders. This means only the "Flower Petals" and "Circle (with eyelid)" plugins are affected.

Description of problem: If you used the examples found in the zip file and change the layout resolution to a different value (say 800x600), you may have noticed the mouse arrow is no longer centered on the center of the flower.

We will update this thread when we have an updated version available for download.

Thanks,

GamesWarp Studio

And dare I mention it... you should try the Firestorm effect with the User Media plugin... it looks fantastic; really heats things up!

Our fourth shader effect has been released to the community. Head over to http://gameswarp.com/studio/?p=285 take a closer look at it. Don't blink or you'll miss the eyelid effect.

Thanks,

GamesWarp Studio

Thanks... there's even more!

Needless to say, this shader effect is very hot! Get it now over at http://gameswarp.com/studio/?p=278

We hope you enjoy this. And there's more to come.

Thanks!

GamesWarp Studio