Irbis This one is simple than other;

Note: For IOS ; it's important to initialize variables correctly, and right code;

For example ; for last line this work too : gl_FragColor = vec4(color);

Very interesting! Both codes, when put one next to another, doesn't look that much different.

All the difference I can spot are syntax/naming and that, in C2 version, you just have declare the variables and parameters at the start. Am I correct or missing something?

Out of pure curiosity - would it be possible to create a GLSL->C2 code converter/translator?

Irbis

And i think i ve allready converted this one here ;

http://gigatron3k.free.fr/html5/C2/FX/glitchs_fx.rar

Bloody hell, its so hard to catch you by surprise Giga! You are always one step ahead <img src="{SMILIES_PATH}/icon_e_biggrin.gif" alt=":D" title="Very Happy">

Awesome work as always.

Hmm, alright. How about teaching me how to convert THIS one?

https://www.shadertoy.com/view/4sX3RN

// based on https://www.shadertoy.com/view/lsf3RH by
// trisomie21 (THANKS!)
// My apologies for the ugly code.

float mod289(float x)
{
    return x - floor(x * (1.0 / 289.0)) * 289.0;
}

vec4 mod289(vec4 x)
{
    return x - floor(x * (1.0 / 289.0)) * 289.0;
}

vec4 perm(vec4 x)
{
    return mod289(((x * 34.0) + 1.0) * x);
}

float noise3d(vec3 p)
{
    vec3 a = floor(p);
    vec3 d = p - a;
    d = d * d * (3.0 - 2.0 * d);

    vec4 b = a.xxyy + vec4(0.0, 1.0, 0.0, 1.0);
    vec4 k1 = perm(b.xyxy);
    vec4 k2 = perm(k1.xyxy + b.zzww);

    vec4 c = k2 + a.zzzz;
    vec4 k3 = perm(c);
    vec4 k4 = perm(c + 1.0);

    vec4 o1 = fract(k3 * (1.0 / 41.0));
    vec4 o2 = fract(k4 * (1.0 / 41.0));

    vec4 o3 = o2 * d.z + o1 * (1.0 - d.z);
    vec2 o4 = o3.yw * d.x + o3.xz * (1.0 - d.x);

    return o4.y * d.y + o4.x * (1.0 - d.y);
}

void mainImage( out vec4 fragColor, in vec2 fragCoord )
{
	vec2 uv = fragCoord.xy / iResolution.xy;
	float v1 = noise3d(vec3(uv * 10.0, 0.0));
	float v2 = noise3d(vec3(uv * 10.0, 1.0));
	
	vec4 color  = texture2D(iChannel0, uv + vec2(v1, v2) * 0.1);
	fragColor = color;
}[/code:19q0e7l4]

There was a point where they worked properly in C2 as well, then something undocumented changed. There was also a point where they ignored timescale, and then, at some undocumented point, they didn't...shortly after I sent a video of it occurring in-game to Scirra. I'm sure that was just a coincidence though...

Anyways, I think a lot of these issues get dropped because of a fundamental misunderstanding of what more advanced, or at the very least more informed, C2 users want and need (a separate issue from listening to what beginners with no experience think they want), even though such people can be the biggest cheerleaders. It is what it is. There's a reason those who release bigger games end up moving on after using C2 for one, unfortunately. I think we'd all rather use an event-type system similar to what C2 uses over C#, but we're not developing the software, so.....yeah. ¯\_(?)_/¯

Hah! You won my heart with that " ¯\_(?)_/¯ "

And its hard to disagree, with everything you just said.

> Anyone have a fix for this? I'm trying to use the hexagonalpixelate effect and it is change when scrolling.

>

The shaders still haven't been updated. More than 2 years later.

As expected. And it won't be fixed. Ever. The same way 48273453 other C2 things won't.

Funny fact - it all worked flawlessly in Construct Classic, around 5-6 years ago. Then again, CC had DirectX behind his back. So a lot of "new" stuff to WebGL are old news in DirectX.

More on topic - I remember finding an actual solution to this Warp problem. But I also remember it was very user-unfriendly and CPU intense. So I dropped it. It had something to do with putting an extra Effect BEFORE the Warp. The effect was there with all param's zero'ed, just for the sake of "being the first before Warp". Sadly, I cannot remember which effect that was. I am not even sure if it was one of default or some custom made. So if you have a spare day or two for experimenting - you might want to follow that lead/direction.

PS: about this "thing", that it soo complicated to fix - to call it gently, that is not true. Go and browse user-made, distortion Effects. Most of them doesn't have this issue.

Irbis

Select a shader , and i will try to explain step by step to Convert that to C2 ..

Regards

hah! easy to say! If I would have a magic lamp with a genie inside - I would ask him for ALL of shadertoy's shaders to get ported to C2 <img src="{SMILIES_PATH}/icon_e_biggrin.gif" alt=":D" title="Very Happy">

Lets try with something funky, I would kill to get a C2 version of this!~ <3

https://www.shadertoy.com/view/lsfGD2

or is it too advanced for me? <img src="{SMILIES_PATH}/icon_e_sad.gif" alt=":(" title="Sad">

float sat( float t ) {
	return clamp( t, 0.0, 1.0 );
}

vec2 sat( vec2 t ) {
	return clamp( t, 0.0, 1.0 );
}

//remaps inteval [a;b] to [0;1]
float remap  ( float t, float a, float b ) {
	return sat( (t - a) / (b - a) );
}

//note: /\ t=[0;0.5;1], y=[0;1;0]
float linterp( float t ) {
	return sat( 1.0 - abs( 2.0*t - 1.0 ) );
}

vec3 spectrum_offset( float t ) {
	vec3 ret;
	float lo = step(t,0.5);
	float hi = 1.0-lo;
	float w = linterp( remap( t, 1.0/6.0, 5.0/6.0 ) );
	float neg_w = 1.0-w;
	ret = vec3(lo,1.0,hi) * vec3(neg_w, w, neg_w);
	return pow( ret, vec3(1.0/2.2) );
}

//note: [0;1]
float rand( vec2 n ) {
  return fract(sin(dot(n.xy, vec2(12.9898, 78.233)))* 43758.5453);
}

//note: [-1;1]
float srand( vec2 n ) {
	return rand(n) * 2.0 - 1.0;
}

float trunc( float x, float num_levels )
{
	return floor(x*num_levels) / num_levels;
}
vec2 trunc( vec2 x, float num_levels )
{
	return floor(x*num_levels) / num_levels;
}

void mainImage( out vec4 fragColor, in vec2 fragCoord )
{
	vec2 uv = fragCoord.xy / iResolution.xy;
    uv.y = 1.0 - uv.y;
	
	float time = mod(iGlobalTime, 32.0); // + modelmat[0].x + modelmat[0].z;

	float GLITCH = 0.1 + iMouse.x / iResolution.x;
	
	float gnm = sat( GLITCH );
	float rnd0 = rand( trunc( vec2(time, time), 6.0 ) );
	float r0 = sat((1.0-gnm)*0.7 + rnd0);
	float rnd1 = rand( vec2(trunc( uv.x, 10.0*r0 ), time) ); //horz
	//float r1 = 1.0f - sat( (1.0f-gnm)*0.5f + rnd1 );
	float r1 = 0.5 - 0.5 * gnm + rnd1;
	r1 = 1.0 - max( 0.0, ((r1<1.0) ? r1 : 0.9999999) ); //note: weird ass bug on old drivers
	float rnd2 = rand( vec2(trunc( uv.y, 40.0*r1 ), time) ); //vert
	float r2 = sat( rnd2 );

	float rnd3 = rand( vec2(trunc( uv.y, 10.0*r0 ), time) );
	float r3 = (1.0-sat(rnd3+0.8)) - 0.1;

	float pxrnd = rand( uv + time );

	float ofs = 0.05 * r2 * GLITCH * ( rnd0 > 0.5 ? 1.0 : -1.0 );
	ofs += 0.5 * pxrnd * ofs;

	uv.y += 0.1 * r3 * GLITCH;

    const int NUM_SAMPLES = 10;
    const float RCP_NUM_SAMPLES_F = 1.0 / float(NUM_SAMPLES);
    
	vec4 sum = vec4(0.0);
	vec3 wsum = vec3(0.0);
	for( int i=0; i<NUM_SAMPLES; ++i )
	{
		float t = float(i) * RCP_NUM_SAMPLES_F;
		uv.x = sat( uv.x + ofs * t );
		vec4 samplecol = texture2D( iChannel0, uv, -10.0 );
		vec3 s = spectrum_offset( t );
		samplecol.rgb = samplecol.rgb * s;
		sum += samplecol;
		wsum += s;
	}
	sum.rgb /= wsum;
	sum.a *= RCP_NUM_SAMPLES_F;

	fragColor.a = sum.a;
	fragColor.rgb = sum.rgb; // * outcol0.a;
}
[/code:1jjzyag7]

[quote:2bn7t11l]I've played a bit with Chris's 2nd version and somehow made that one work hehe ^^

But holy cow - working with C2 shaders is no fun

At least I've learned how to modify any shader to enable/add more options

Be sure it's really easy ... after long time study

For online test use shadertoy if it's ok .. convert it to C2 ... etc

no idea how to convert/import those to C2

> Well... the distortion sure does work Gigatron

>

> Compare how the texture looks and how it looks after shader.

> Everything is a bit oversaturated and overexposed (too white/bright).

> Why is that? And can you get rid of it? I've noticed its visible on your "mars" example too.

> The texture is dark and detailed when the sphere version is bright as sun

>

It's not hard to correct this , unfortunately i ve done many change on this shader ...So

can you PM me the shader you use ? i will modify this one ...

Thanks

I've played a bit with Chris's 2nd version and somehow made that one work hehe ^^

But holy cow - working with C2 shaders is no fun

At least I've learned how to modify any shader to enable/add more options

Well... the distortion sure does work Gigatron

The problem is elsewhere. Look at here

Compare how the texture looks and how it looks after shader.

Everything is a bit oversaturated and overexposed (too white/bright).

Why is that? And can you get rid of it? I've noticed its visible on your "mars" example too.

The texture is dark and detailed when the sphere version is bright as sun

Some questions.

You've created both BasicBlur and GaussianBlur effects.

How different they are?

Which one is more accurate and which one is CPU lighter?

And in general - what's the difference between those two?

Some questions.

You've created both BasicBlur and GaussianBlur effects.

How different they are?

Which one is more accurate and which one is CPU lighter?

And in general - what's the difference between those two?

A question. You've said the result of this plugin is a 2D array but in the demo provided - it creates 1400-2000 objects using loops(which are rather CPU heavy). You also said that it can be used both with sprites and tilemap. But using it with tilemap, from what I see, still has to generate those +/-1700 objects and then turn transfer the result into tilemap/array. Is there a way to get the generated array and just paste it somewhere else in JSON format? I imagine it would be like:

DungeonGen->Generate dungeon
IF DungeonGen finished->Load Tiles from JSON string("DungeonGen.JsonArray")[/code:30jdzbfw]
(not sure did I explained the issue correctly so ask away, if anything doesn't sound clear enough)

—

If you google "spritesheet" you'll see the type of images this could be used for. Typically you'd need to split those images up to use. This plugin just lets you specify a rectangle of the image and use that instead of the whole image at once.

But you can import spritesheets into C2, which turns them into frames.