Shadertoy: iChannel texture - 005.

This simple example is a kaleidoscope distorsion with math functions: sine and cosine.

You can see this book name it A Mathematical Kaleidoscope: Applications in Industry, Business and Science by B Conolly, S. Vajda how math can solve many issues.

You can change the parameters to see how they interact and how the distortions and use the mouse.

Shadertoy: iChannel texture - 004.

Here is a simple example that can help us understand a bit about the theory of spatial frequency.

This theory is used in various fields as wave propagation.

The example is very simple for a better understanding.

You can change the parameters to see how they interact and how the distortions are.

Artbreeder is the new online tool for artists.

A new kind of creative tool that is part game, part tool, and part social network that enables infinite exploration. Create images by simply "breeding" them.

You can see mode on the official webpage about Artbreeder online tool.

This is a video with this tool:

News : Frostborn from Kefir Games.

The russian game development named Kefir Games comes with a new game: Frostborn.

The Ice Abode, Treasures of the North, new camp buildings and chat improvements await in a new update, immortals!

Shadertoy: iChannel texture - 003.

In the last tutorial I add a sphere distortion and sphere distortion with movement.

Today I use iChannel2 ro get input from keyboard and use this input to move with an offset.

The source code is not perfect because I used multiple areas with texture and I add keyboard offset.

This can be solve easy if I use a buffer.

The main goal of this tutorial is to see how you can use keyboard with iChannel input.

The BBC BASIC an 8-bit computer emulator.

BBC Micro bot runs your tweet on an 8-bit computer emulator.

The BBC BASIC - a language created by Sophie Wilson in 1981 for the BBC Micro.

You can share yor work like a tape or disk and test with a old computer.

This program will show a message and run commands on screen.

1 MODE 1:VDU 19,0,4,0,0,0:VDU 19,1,6,0,0,0
2 COLOUR 1
3 PRINT:PRINT "    **** COMODORE 64 BASIC V2 ****"
4 PRINT:PRINT " 64K RAM SYSTEM  38911 BASIC BYTES FREE"
5 PRINT:PRINT "READY."

See more about this on the official webpage.

Shadertoy: iChannel texture - 002.

In the last example I created a surface with a texture by channel inputs.

Now, I add a sphere distortion and sphere distortion with movement.

This is the source code I used:

#define PI 3.1415926

void mainImage( out vec4 fragColor, in vec2 fragCoord )
{
    vec2 uv = fragCoord.xy / iResolution.xy;
    // get poins 
    vec2 p = (2.0 * fragCoord - iResolution.xy) / iResolution.y;
    // set surface formula
    vec3 v = vec3(p.x, p.y, sqrt(1.0 - p.x * p.x - p.y * p.y));
    // create normals 
    vec3 n = normalize(v);
    
    // https://en.wikipedia.org/wiki/Distortion_(optics)
    vec2 sphere_distortion = vec2(atan(n.z, n.x) / PI,0.00000001 * p.y);

    vec4 color = vec4(0.0,0.0,0.0,0.0);
    
    if (uv.x > 0.0 && uv.x < 0.5)
    {
   		//color = texture(iChannel0, vec2(1.0 - (uv.x/0.5),uv.y/0.5)+ sphere_distortion);
        // with movement iTime
        color = texture(iChannel0, vec2(1.0 * iTime- (uv.x/0.5),uv.y/0.5)+ sphere_distortion);
    } 
    else if (uv.x > 0.5 && uv.x < 1.0) 
    { 
        //color = texture(iChannel1, vec2((uv.x/0.5),uv.y)+ sphere_distortion);
        // with movement iTime
        color = texture(iChannel0, vec2(iTime-(uv.x/0.5),uv.y)+ sphere_distortion);
        
    } 
	fragColor = color;
}

Shadertoy: iChannel texture - 001.

In this example with shadertoy online tool I will show you how to map a texture from iChannel texture input and UV areas.

 void mainImage( out vec4 fragColor, in vec2 fragCoord )
{
vec2 uv = fragCoord.xy / iResolution.xy;
    
   vec4 color = vec4(0.0,0.0,0.0,0.0);
    
    if (uv.x > 0.0 && uv.x < 0.5)
    {
   		color = texture(iChannel0, vec2(1.0 - (uv.x/0.5), uv.y/0.5));
    } 
    else if (uv.x > 0.5 && uv.x < 1.0) 
    { 
        color = texture(iChannel1, vec2(1.0 - (uv.x/0.5), uv.y));
    } 
	fragColor = color;
} 

You can see this example online:

Shadertoy: create the environment - 001.

Today I will show you two ways to create an environment using shader toy online tool.

One uses a cube map and the other uses the classic ray marching method.

Both examples are mathematically simple to understand.

For a better understanding of the method ray marching you can see this link.

News : Fallout 76: Beginner's Guide.

On Steam you can play for free! Ends in 5 days.

You can play this game from here.

News: Elvenar Official the new old story ...

This online game is a game with interesting graphics with cascading and complex management.

Here is another old story transposed in this game.

Boxy SVG - tool for editing SVG files.

This online tool for drawing and working with SVG file format comes with this intro:

Boxy SVG project goal is to create the best tool for editing SVG files. For beginners as well as for professional web designers and web developers. On any device and operating system. 

 ... 

 Boxy SVG is built around the idea that user interfaces should get out of the way. There is no crowded workspace with overlapping dialogs or dozens of opened palettes and toolbars. Your illustration takes the center stage. Whether it's the editing of shapes or adjustment of gradient fills, most of the action is taking place directly on the canvas. Fine control over the changes is available in panels that you can expand and then collapse with a single click or keypress. Many features are accessible with keyboard shortcuts that you can customize to your liking. This is especially useful if you are coming with a lot of muscle memory from years of using other vector graphics editors.

The tool comes with a trial for 15 days or you can subscribe with these two options: 9.99 USD/ year or 9.99 USD/month register with your account.

On the official webpage, the Linux version is Free.

I install it easily on my Fedora 33 distro Linux with the snap tool:

[mythcat@desk ~]$ snap search boxy
Name      Version  Publisher    Notes  Summary
boxy-svg  3.46.0   jarek-foksa  -      Scalable Vector Graphics (SVG) editor
boxy-svg 3.46.0 from Jarosław Foksa (jarek-foksa) installed
...

I tested all features of this tool and, is very good for an SVG tool.

You can see many tutorials with this online tool from the official youtube channel.

In the next video you can see one video tutorial with the SVG library of this online tool:

Vectr comes with WordPress Plugin.

I wrote about this online tool in the past but now comes with WordPress plugin.

Take a look on this video tutorial:

SelfCAD 3D online tool.

SelfCAD is an affordable 3D modeling software that can match any skill level

The official website lets you pay monthly or annually, and cancel any time or you can use FREE.

The official youtube channel comes with many video tutorials.

The next video tutorial is about animation on SelfCAD:

WebGL online game shooter named venge.

It is a very successful shooting game created with WebGL. I played it on an NVIDIA Corporation GT218 - GeForce 210 video card and it running fast.
It comes with several online servers with three types of players and four maps.
he players are very good.
You can test this online game at this webpage.
This is a video with this game build on WebGL from GenoPlays Youtube channel.

Multiple online tools on angrytools webpage.

The angrytools webpage comes with multiple online tools.
These tools solve multiple issues for you, like:

• Online CSS Gradient Generator;
• Gradient to Image Maker;
• Android Button Maker;
• Code for Email;
• CSS Generator;
• Android Pixel Calculator;
• Basic Commands - Ubuntu/Windows;
• CSS Animation Kit;
• Total Text Converter;
• Ultimate Bootstrap Editor;
• CSS Media Query;

Click on bottom button for each online tool.
A new webpage is open with the tool, make changes, and use the result.
For example, click on Gradient to Image Maker button to use this feature.
The new page is open with a gradient area and example.
Select your gradient from Presets and use generate source button to fill CSS code area with the CSS source code for that gradient.
You can copy this source code and use it in your project.

Figmin XR adds Sketchfab.

The Figmin XR AR/VR platform for creating and experiencing holographic content adds Sketchfab.
You can create your Sketchfab 3D models that can be converted to Voxels and remixed by Figmin XR’s built-in Voxel editor.
These models can be stored in your inventory and placed anywhere in your digital space.

Another online math editor named mathcha.

If you like math whether you are a student, teacher, or parent, then this online editor is very suitable for you.
Take a look at the official youtube channel:

News: Contest from Pixilart website.

Pixilart Speed Drawing Contest is the first of its type. A winner will be chosen on July 31st, 2020 at which time this contest will come to an end.
You need to draw something, record your drawing and upload it to youtube and put the link of the youtube video to the official website.
You can win an Artist Display 12 Pro tablet.
And that's not all, the website has an online tool for drawing and comes with these new features:

• online gallery;
• create an account, and share your drawings;
• every day this website comes with a daily challenge to test your skill;

Hubs the online VR platform by Mozilla team

Today I will show you a great social environment build on VR platform by Mozilla team.

They tells us about this online web tool named Hubs:

Hubs is a social VR platform that runs right in your browser.With Hubs you can create your own virtual space with a single click and invite others to join using a URL. No installation process or app store required.

Watch videos with friends, give presentations, or meet with colleagues remotely.Hubs makes it easy to connect with others and share images, videos, 3D models, and more.

Hubs works across platforms.Got a VR headset? Awesome! If not, you can use your desktop computer, laptop, tablet, or mobile device.

Hubs is open source and customizable.You can choose how you represent yourself by uploading your own avatar, and build your own world using Hubs' environment editor Spoke.

This great online tool and you can read more about the whats-new webpage.

Spoke is an online 3D scene editor developed by the Mozilla Mixed Reality team and let you to build your own scenes for Hub.

You can test my chat room I build it.

To custom your avatar use the template from the GitHub project and this online tool.