Shadertoy: matrix rotation for uv.

Today I wrote a simple example in shadertoy about how to apply a rotation using rotation matrices with sin and cos for a uv, see wikipedia.

For uv I used already defined uv. I created a stripe using the modulo function to make rotation visible and completed the rotation with the iTime variable defined in shadertoy to rotate it continuously.

Here is the created source code:

void mainImage( out vec4 fragColor, in vec2 fragCoord )
{
    //set the uv to a proper size on the center of screen 
    vec2 uv = (fragCoord - 0.5 * iResolution.xy) / min(iResolution.x, iResolution.y);
    // set rotation angle value
    float rot = radians(0.0);
    // this set rotation by time and 
    rot = iTime;a
    // algebra formula for rotation by matrix , https://en.wikipedia.org/wiki/Rotation_matrix
    mat2 m = mat2(cos(rot), -sin(rot), sin(rot), cos(rot));
    // rotation of uv with matrix algebra formula where is set the rotation angle 
    uv = m* uv;
    // define float by function module from 1.0 and uv.x - uv.y
    float d = mod(uv.x - uv.y, 1.0);
    // color for fragColor is value of fload d by module function
    vec4 col = vec4(vec3(d), 1.0);
    fragColor = vec4(col);
}

Here is an example share from my shadertoy account.

News : Cygnus Enterprises trailer.

Cygnus Enterprises is a sci-fi base-management and action Role-playing PC game developed by Team Miaozi, a NetEase Games studio.

The official webpage of the NetEase Games studio can be found on this webpage.

Stable Diffusion Mocap Visualizer in Houdini by Sascha Robitzki.

A demonstration video that shows us the current possibilities of current graphic and algorithmic processing.

News : RECAP - Blender Conference 2022.

I always liked open-source development, because it was more subjective and I guess more soul was put into it. But the development of the Blender 3D software in recent years has led to a remarkable improvement and a real community. Here is the video of the participation in the 2022 conference.

News : StarCraft II: Free to Play.

Free to play is here, bringing a wealth of options for new and returning StarCraft II players. Wings of Liberty, the first chapter of the epic sci-fi saga, is now free. Those with a desire for competition can unlock the ranked ladder for free simply by playing and winning games. Finally, Co-op blends elements of campaign and versus for an experience that is truly unique. Choose from iconic characters like Alarak and Nova who break the rules of StarCraft II and provide gameplay that can suits your style. There’s never been a better time to jump into StarCraft II, now free-to-play.

News : Ballads of Hongye trailer.

Ballads of Hongye is a unique city-builder strategy game. As the local magistrate, you must carefully plan and act to complete the various challenges in different environments to earn the right to rule the lands. Build a thriving city and revive Hongye County as you discover a unique story. The game will be available on November 30th.

News : Krita 5.1.3 Released.

A recent news informs us that the open source program Krita has reached a new release with version 5.1.3 .

From my experience I can say that it is the best program that includes enough features for those who want to use 2D graphics. From simple tasks, simple modifications, painting or animation, this program does it all.

You can se how you can set your brushes from the youtube official channel.

You can add your name and contribute to this open-source app that works on multiple operating systems with a contribution on their official page.

You can find more information about what fixes and changes have appeared on the official website.

News : World of Warcraft new trailer and live event ...

If you like this old game: World of Warcraft then you can see it live on the official youtube channel and see the trailer for this event bellow:

The stage is set. The first Wrath Classic Arena Tournament starts November 11! Watch this weekend as the Wrath Classic Arena Champions are crowned in EU & NA. Meanwhile, @IKedit takes us on a cinematic tour of the player's preparations ahead of the main event. #wrathclassic #warcraft

News : Rainbow Six Siege: Nighthaven Labs Map Trailer

News from this old shooter game...

Apparently Epic Games doesn't agree to share this video outside of the YouTube channel and show me the default message: This video is age-restricted and only available on YouTube. Learn more Watch on YouTube.

Thank you Ubisoft, I can share to see it here ...

News : NVIDIA and Transformer AI models.

This is just a brief introduction to the capabilities of the technology from the NVIDIA team...

Transformer AI models are powering a new era of life sciences, helping researchers encode the structure and function of biology and chemistry, making sense of unstructured patient data, and improving detection and diagnosis in #medicalimaging. At the same time, advances in digital twin technology are powering researchers and clinical teams to simulate cells, organs, and surgeries to better understand workflows and improve patient outcomes. ...

News : Affinity Designer 2.

Affinity Designer is a vector graphics editor developed by Serif for macOS, iPadOS, and Microsoft Windows. It is part of the "Affinity trinity" alongside Affinity Photo and Affinity Publisher. Affinity Designer is available for purchase directly from the company website and in the Mac App Store, iOS App Store, and the Microsoft Store., see the wikipedia webpage page.

Shader Editor - example 003.

Today I will show you how to change a shader from shadertoy website to a shader for Shader Editor android aplication.

Open my shader example from shader toy website.

#define f length(fract(q*=m*=.6+.1*d++)-.5)

void mainImage( out vec4 fragColor, in vec2 fragCoord )
{
    float d = 0.;
    //vec3 uv = vec3(fragCoord.xy / iResolution.xy,iTime*.2);
    vec3 q = vec3(fragCoord.xy/iResolution.yy-13., iTime*.2);
    mat3 m = mat3(-2,-1,2, 3,-2,1, -1,1,3);
    vec3 col = vec3(pow(min(min(f,f),f), 7.)*40.);
    fragColor = vec4(clamp(col + vec3(0., 0.35, 0.5), 0.0, 1.0), 1.0);
}

In order to use it in the Shader Editor android application you need to make these changes:

#ifdef GL_FRAGMENT_PRECISION_HIGH
precision highp float;
#else
precision mediump float;
#endif

uniform vec2 resolution;
uniform float time;
uniform vec4 mouse;
uniform vec4 date;

#define f length(fract(q*=m*=.6+.01*d++)-.5)

void mainImage( out vec4 fragColor, in vec2 fragCoord )
{
  float d = 0.91;
  vec3 q = vec3(fragCoord.xy/resolution.yy-13., time*.2);
  mat3 m = mat3(-2,-3,6, 3,-1,1, 0,3,1);
  vec3 col = vec3(pow(min(min(f,f),f), 7.)*40.);
  fragColor = vec4(clamp(col + vec3(0., 0.35, 0.5), 0.0, 1.0), 1.0);
}

void main() {
vec4 fragment_color;
mainImage(fragment_color, gl_FragCoord.xy);
gl_FragColor = fragment_color;
}

You can see these changes are n the first part of the source code and just one on time.

You can play with this source code then use the option Set as wallpaper to have it on your phone.

Blender 3D : Grease Pencil Reel