MakeHuman: Nightly builds of (most) plugins.

At 11/18/2019 the MakeHuman team development comes with many plugins for MakeHuman software: These are plugins related to MakeHuman. The MakeHuman side plugins are installed by placing the directory (for example "9_export_mhx2") in the "plugins" directory where you unzipped or installed MakeHuman. On linux this is usually /usr/share/makehuman/plugins. The Blender side plugins are installed in Blender, in the addons part of the user preferences.
See the official website.

Lutris the Open Source gaming platform for any Linux distro.

Lutris is an Open Source gaming platform for Linux. It installs and launches games so you can start playing without the hassle of setting up your games. Get your games from GOG, Steam, Battle.net, Origin, Uplay and many other sources running on any Linux powered gaming machine.
You need to create an account and you can run many games on Linux and multiple platforms, see the official website with games.
If you want to install it with your Linux distro the take a look at the official webpage.
I used the installation process on Fedora 31 with DNF tool:

[root@desk mythcat]# sudo dnf install lutris
Last metadata expiration check: 0:06:35 ago on Wed 04 Dec 2019 07:15:23 PM EET.
Dependencies resolved.
======================================================================================
 Package                    Arch       Version                      Repository   Size
======================================================================================
Installing:
 lutris                     x86_64     0.5.3-1.fc31                 fedora      2.0 M
...
Total download size: 129 M
Installed size: 708 M
Is this ok [y/N]: y
...
  llvm-libs-9.0.0-1.fc31.i686           ncurses-libs-6.1-12.20190803.fc31.i686       
  python3-evdev-1.1.2-4.fc31.x86_64     unixODBC-2.3.7-5.fc31.x86_64                 
  vulkan-loader-1.1.114.0-1.fc31.i686  

Complete!

Inkscape : Top 5 Finalists.

The About Screen Contest for Inkscape is a conquest for Inkscape contributions to the artistic presentation.
The Final Voting: Mon., December 2, 2019 – Sun., December 15, 2019 and the winners will be announced: Tues., December 17, 2019
The community chooses the top 5 Finalists in version 1.0 About Screen Contest.
Congratulations to our Top 5 Finalists!

1. 'Island of Creativity' by Bayu Rizaldhan Rayes
2. 'Graphic Design' by Bożena Augustyn
3. 'Migrate to Freedom' by Bayu Aji
4. 'How to Fold a Memory' by Dismecha
5. 'Inkscape 1.0 About Screen' by Rania Amina

See the final result on the official webpage.

The wrld for custom maps.

A good map can have many features.
If you don't want to build one using advanced programming language then you can use this website.
You can use this with an online map with Unity, JavaScript, iOS and Android.
You can also build your indoor map and visualize any building in 3D.
All of these features let you optimize building management, resources, and planning.
The map can have many features like time of day, weather and seasons and heat map.
The next example is an outdoor map of my location.

Shadertoy: The flag of Romania - 002.

This is another step about learning shaders.
The old example can be updated with this source code.
I commented on the source code to see step by step how this working.
One way to understand how this working to the final result is to going back on the shader structures that generate output to the basic elements of the shader.
If we apply this case to solve the problem then from the display a color like a vec4 color for fragColor adding a sin function to wave the result, and so on.
Right, this code can be optimized in many ways depending on the result.

// learning process area step by step 
// the gl_FragColor is a vec4 type of float values in the range 0 to 1.
// because the values are from 0 to 1  this can used in many ways with for domain and range
void mainImage( out vec4 fragColor, in vec2 fragCoord )
{
    // Normalized pixel coordinates (from 0 to 1)
    vec2 uv = fragCoord/iResolution.xy;
    // define a vec2 and uv can be divide to create waves 
    // use this to see the difference 
    // vec2 valul = vec2(0.01,1.0);
    vec2 valul = vec2(0.5,1.0);
    // define a vec2 this vector will be the vector of shadow
    vec2 unghi_valul = vec2(0.5,1.0);
    // this float will speed the animation with iTime
    float viteza = 3.0;
    // with the dot we can calculate the dot product of two vectors and result can be a shadow
    // the result of unghi can be changed when change the vectors and vectors math rules
    float unghi = dot(uv/valul, unghi_valul) - iTime * viteza;
    // the output can be used with sin to create a shadow wave
    // fill the screen with red
    fragColor = vec4(1,0,0,0) * sin(unghi);
    // fill the 2/3 of size with yellow color
    if(uv.x<(1.0/1.5))
    fragColor = vec4(1,1,0,0)  * sin(unghi);
    // fill the last 1/3 with the blue color 
    if(uv.x<1.0/3.0)
    fragColor = vec4(0,0,1,0)  * sin(unghi);
}

The result of this source code:

Shadertoy: The flag of Romania - 001.

Today I make the flag of Romania.
About this flag you can read at Wikipedia.
The goal of this simple tutorial is to learn the link between iResolution and the fill areas.
First, you need to normalized pixel coordinates from 0 to 1.
The gl_FragColor is a vec4 type of float values in the range 0 to 1.
We can use this property by fill the areas of the screen.
The example can be changed to use the RGBA.
The source code is this:

void mainImage( out vec4 fragColor, in vec2 fragCoord )
{
    // Normalized pixel coordinates (from 0 to 1)
    vec2 uv = fragCoord/iResolution.xy;
    // Output to screen
    // fill the screen with red
    fragColor = vec4(1,0,0,0);
    // fill the 2/3 of size with yellow color
    if(uv.x<(1.0/1.5))
    fragColor = vec4(1,1,0,0);
    // fill the last 1/3 with the blue color 
    if(uv.x<1 .0="" code="" fragcolor="vec4(0,0,1,0);">

This is the result of this shader:

The neon effect with javascript P5 JavaScript library.

The P5.js is a JavaScript library for creative coding.
You can use by adding this link on your HTML area using the script tag:

https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.9.0/p5.min.js

You can use it like any JavaScript library.
You have two functions: setup and a draw for setup and drawing.

function setup() {
  createCanvas(window.innerWidth, window.innerHeight);
}

function draw() {
  ellipse(50, 50, 80, 80);
}

Then you can fill these functions with any javascript code.
You can see a neon effect with two bezier functions.
The example uses the mouse movement to change the bezier lines.
You can see many examples created by me at codepen website.

Steam on Linux distro Fedora 31 .

You can easily install the Steam tool on Fedora 31.

[root@desk my_bash_scripts]# dnf install steam -y
Last metadata expiration check: 0:20:14 ago on Sun 10 Nov 2019 07:29:46 PM EET.
Dependencies resolved.
...
  pcre-8.43-2.fc31.1.i686                                                       
  pixman-0.38.4-1.fc31.i686                                                     
  pulseaudio-libs-13.0-1.fc31.i686                                              
  rest-0.8.1-6.fc31.i686                                                        
  systemd-libs-243-4.gitef67743.fc31.i686                                       
  xz-libs-5.2.4-6.fc31.i686                                                     

Complete!

Then you can run it with this command:

[mythcat@desk ~]$ steam 
Running Steam on fedora 31 64-bit
STEAM_RUNTIME is enabled automatically
Pins potentially out-of-date, rebuilding...
...
  Initializing engine controller
  Post-initializing framework
-------------------------------------------------------------------------------
  Connected to server (registration)
  Disconnecting from server
  Disconnected from server
  Connected to server (game)
  Preparing engine controller for exit
  Disconnecting from server
-------------------------------------------------------------------------------
Game removed: AppID 488440 "", ProcID 152924 
Uploaded AppInterfaceStats to Steam
Exiting app 488440
No cached sticky mapping in ActivateActionSet.

I tested with the game Angeldust, but you can run any game.
From these funny games like Hibiscus Red, Gatlin' Demo to the last Counter-Strike.
These two screenshots show you how work's this tool game:

Shadertoy: Simple sky with shadertoy tool.

Today I create a simple sky with the online tool shadertoy.
I used Fedora 30 distro Linux and my old video card:

VGA compatible controller: NVIDIA Corporation GT218 [GeForce 210] (rev a2)

This is the output:

Easy install of GIMP with Flatpak.

GIMP is a free and open-source raster graphics editor used for image retouching and editing, free-form drawing, converting between different image formats, and more specialized tasks. GIMP is released under GPLv3+ licenses and is available for Linux, macOS, and Microsoft Windows, see Wikipedia.
Flatpak is a software utility for software deployment and package management for Linux. It is advertised as offering a sandbox environment in which users can run application software in isolation from the rest of the system. see Wikipedia.
Flatpak builds available in i386, x86-64, ARM and AArch64.

[root@desk mythcat]# dnf install flatpak.x86_64 
Last metadata expiration check: 0:27:27 ago on Fri 01 Nov 2019 11:27:47 PM EET.
Dependencies resolved.
...
Installed:
  flatpak-1.4.3-1.fc30.x86_64                                                   
  p11-kit-server-0.23.16.1-1.fc30.x86_64                                        
  xdg-desktop-portal-1.4.2-1.fc30.x86_64                                        
  xdg-desktop-portal-gtk-1.4.0-1.fc30.x86_64                                    
  flatpak-selinux-1.4.3-1.fc30.x86_64                                           
  flatpak-session-helper-1.4.3-1.fc30.x86_64                                    
  ostree-libs-2019.4-3.fc30.x86_64                                              

Complete!

The install and run of last GIMP software is easy, see commands:

[mythcat@desk ~]$ flatpak install https://flathub.org/repo/appstream/org.gimp.GIMP.flatpakref

Note that the directories 

'/var/lib/flatpak/exports/share'
'/home/mythcat/.local/share/flatpak/exports/share'

are not in the search path set by the XDG_DATA_DIRS environment variable, so applications installed by 
Flatpak may not appear on your desktop until the session is restarted.

Required runtime for org.gimp.GIMP/x86_64/stable (runtime/org.gnome.Platform/x86_64/3.32) found in remote
 flathub
Do you want to install it? [Y/n]: Y       

org.gimp.GIMP permissions:
    ipc                   network        x11       file access [1]
    dbus access [2]       tags [3]

    [1] /tmp, host, xdg-config/GIMP, xdg-config/gtk-3.0
    [2] org.freedesktop.FileManager1, org.gtk.vfs, org.gtk.vfs.*
    [3] stable
        ID                                    Arch   Branch Remote  Download
        ID                                    Arch   Branch Remote  Download
 1. [✓] org.gnome.Platform                    x86_64 3.32   flathub 360.0 MB / 374.0 MB
 2. [✓] org.gnome.Platform.Locale             x86_64 3.32   flathub  17.4 kB / 320.0 MB
 3. [✓] org.freedesktop.Platform.VAAPI.Intel  x86_64 18.08  flathub   1.8 MB / 1.8 MB
 4. [✓] org.freedesktop.Platform.html5-codecs x86_64 18.08  flathub   3.2 MB / 3.3 MB
 5. [✓] org.gimp.GIMP                         x86_64 stable flathub 106.5 MB / 108.9 MB

Installation complete.
[mythcat@desk ~]$ flatpak update

Note that the directories 

'/var/lib/flatpak/exports/share'
'/home/mythcat/.local/share/flatpak/exports/share'

are not in the search path set by the XDG_DATA_DIRS environment variable, so
applications installed by Flatpak may not appear on your desktop until the session is restarted.

Looking for updates…
Nothing to do.
[mythcat@desk ~]$ flatpak run org.gimp.GIMP//stable

Note that the directories 

'/var/lib/flatpak/exports/share'
'/home/mythcat/.local/share/flatpak/exports/share'

are not in the search path set by the XDG_DATA_DIRS environment variable, so
applications installed by Flatpak may not appear on your desktop until the session is restarted.

GIMP-Error: Skipping '/home/mythcat/.var/app/org.gimp.GIMP/config/GIMP/2.10/pluginrc
wrong GIMP protocol version.
...

NVIDIA video cards and CUDA feature.

Today I search on web information about video cards for processing, neural networks, and rendering.
If you use it with Blender 3D software or Neural networks then you need a GPU with CUDA feature.
My destop works with an old NVIDIA Corporation GT218 [GeForce 210] (rev a2) video card and this not help me very much.
The CUDA platform is a software layer that gives direct access to the GPU's virtual instruction set and parallel computational elements, for the execution of compute kernels. see Wikipedia.
This software uses the CUDA feature. Let's see all of these informations about desktop Nvidia GPUS ordered by CUDA core count.

GPU	CUDA cores	Memory	Processor frequency
GeForce GTX TITAN Z	5760	12 GB	705 / 876
NVIDIA TITAN Xp	3840	12 GB	1582
GeForce GTX 1080 Ti	3584	11 GB	1582
GeForce GTX TITAN X	3072	12 GB	1000 / 1075
GeForce GTX 690	3072	4 GB	915 / 1019
GeForce GTX TITAN Black	2880	6 GB	889 / 980
GeForce GTX 780 Ti	2880	3 GB	875 / 928
GeForce GTX 980 Ti	2816	6 GB	1000 / 1075
GeForce GTX TITAN	2688	6 GB	837 / 876
GeForce GTX 1080	2560	8 GB	1607 / 1733
GeForce GTX 780	2304	3 GB	863 / 900
GeForce GTX 980	2048	4 GB	1126 / 1216
GeForce GTX 1070	1920	8 GB	1506 / 1683
GeForce GTX 970	1664	4 GB	1050 / 1178
GeForce GTX 770	1536	2 GB	1046 / 1085
GeForce GTX 680	1536	2 GB	1006 / 1058
GeForce GTX 760 Ti (OEM)	1344	2 GB	960
GeForce GTX 670	1344	2 GB	915 / 980
GeForce GTX 660 Ti	1344	2 GB	915 / 980
GeForce GTX 1060 (6GB)	1280	6 GB	1506 / 1708
GeForce GTX 960 (OEM)	1280	3 GB	924 / 980
GeForce GTX 760 192-bit(OEM)	1152	1.5 GB / 3 GB	980 / 1033
GeForce GTX 760	1152	2 GB	980 / 1033
GeForce GTX 1060 (3GB)	1152	3 GB	1506 / 1708
GeForce GTX 660 (OEM)	1152	1.5 GB / 3 GB	823 / 888
GeForce GTX 960	1024	2 GB	1127 / 1178
GeForce GTX 950 (OEM)	1024	2 GB	935 / 980
GeForce GTX 590	1024	3 GB	630
GeForce GTX 660	960	2 GB	980 / 1033
GeForce GTX 1050 Ti	768	4 GB	1290 / 1392
GeForce GTX 950	768	2 GB	1024 / 1188
GeForce GTX 650 Ti BOOST	768	2 GB	980 / 1033
GeForce GTX 650 Ti	768	Wikipedia1 GB	928
GeForce GTX 1050	640	2 GB	1354 / 1455
GeForce GTX 750 Ti	640	2 GB	1020 / 1075
GeForce GTX 645 (OEM)	576	1 GB	823
GeForce GTX 750	512	1 GB	1020 / 1085
GeForce GTX 580	512	1536 MB
GeForce GTX 480	480	1536 MB
GeForce GTX 570	480	1280 MB
GeForce GTX 295	480	1792 MB
GeForce GTX 470	448	1280 MB
GeForce GTX 745 (OEM)	384	4 GB
GeForce GT 740	384	1 GB / 2 GB
GeForce GT 730	96-384	1 GB / 2 GB	700 / 902
GeForce GT 635 (OEM)	384	2 GB
GeForce GTX 650	384	1 GB
GeForce GTX 560 Ti	384	1 GB
GeForce GTX 560 (OEM)	384	1280 MB / 2560 MB
GeForce GT 640	384	2 GB
GeForce GTX 465	352	1 GB
GeForce GTX 560 Ti (OEM)	352	1280 GB / 2560 GB
GeForce GTX 460	336	1 GB
GeForce GTX 560	336	1 GB
GeForce GTX 460 SE	288	1 GB
GeForce GTX 555 (OEM)	288	1 GB
GeForce GTX 285 for Mac	240	Wikipedia1 GB
GeForce GTX 285	240	1 GB
GeForce GTX 280	240	1 GB
GeForce GT 720	192	1 GB / 2 GB
GeForce GT 710	192	2 GB	954
GeForce GTS 450	192	1 GB
GeForce GTX 550 Ti	192	1 GB
GeForce GT 630 (OEM)	192	1 GB / 2 GB
GeForce GT 640 (OEM)	144 / 384	1 GB / 2 GB
GeForce GT 545 GDDR5 (OEM)	144	1 GB
GeForce GT 545 DDR3	144	1.5 GB / 3 GB
GeForce GTS 250	128	1 GB
GeForce GTS 150	128	1 GB
GeForce GTS 240 (OEM Product)	112	1 GB
GeForce GT 630	96	1 GB	700~902
GeForce GT 620	96	1 GB	700
GeForce GT 440	96	1 GB	810
GeForce GT 430	96	1 GB	700
GeForce GT 530 (OEM)	96	1 GB / 2GB
GeForce GT 340 (OEM)	96	1 GB
GeForce GT 330 (OEM)	96-112	1 GB / 2GB
GeForce GT 240	96	1GB
GeForce GT 320 (OEM Product)	72	1 GB
GeForce GT 705 (OEM)	48	1 GB
GeForce GT 620 (OEM)	48	1 GB
GeForce GT 610	48	1 GB
GeForce GT 520 (OEM)	48	1 GB / 2 GB
GeForce GT 520	48	1 GB
GeForce GT 220	48	1 GB
GeForce 605 (OEM)	48	1 GB
GeForce 510 (OEM)	48	1 GB / 2 GB
GeForce 405 (OEM)	16	1 GB
GeForce 310 (OEM)	16	1 GB

News: The new release of Marvelous Designer 9.

Read more at the official webpage.
You have a good intro on youtube channel:

CodePen: Include shadertoy example in the webpage.

This issue can be solve it easy.
You need to get the iframe share from you shadertoy example.
Then use my example HTML and CSS from my codepen example.
You can remove the javascript code from example.
This javascript code is used to show the formula of sphere. I used my shadertoy example named Ray Marching - 001.

Blockly for young programmers.

Blockly is an open source library that makes it easy to add block based visual programming to an app, see the official webpage.
This tool has a good graphics and one great design to understand the flow of programming issue.
This project is good for kids and teenagers to start programming and see the source code into programming languages.
For example, the program build with this tool can be convert into programming language like: Java Script, Python, PHP, Lua and Dart.
You can see a simple video tutorial from the official Google Developers Youtube channel:

Chrome App : Marmoset tool.

The Marmoset is a Chrome App which lets you create gorgeous code snapshots.
This video tutorial let you see how can be used:

The YouiDraw online tool.

This online tool named YouiDraw is a good tool for graphics and design artists.
You can be found at the official website.
You can use 240 most popular Google Fonts were added into YouiDraw web apps with they all styles.
This tool comes with: Drawing, Logo Creator and Painter online tool.
I like the YouiDraw Logo Creator tool.

You can use it free or you can pay for extra features, like export SVG format :

• Free Start Trial for free ;
• Monthly Plan $9.99/mo;
• Yearly Plan $99.99/yr

Many tutorials can be found at YouTube channel.

Ultimate CSS Gradient Editor online tool.

The Ultimate CSS Gradient Editor was created by Alex Sirota (iosart) for creating CSS source code for many known browsers.
The tool is easy to use, just select the gradient or create a new one.
Add all parameters for positions, colors or from an image and you see in the right side of the screen the preview and source code.
Added support for 4 new gradient formats:

• IE 10+;
• Newer Webkit;
• Opera 11.10+;
• W3C;

This online tool has good browser compatibility.
You can test this online tool at this webpage.

Cinema 4D and Sketchfab.

Great news for Cinema 4D users.
Cinema 4D users can now access over 200,000 freely downloadable 3D models from Sketchfab using our new Cinema 4D Importer plugin. The plugin uses our Download API to let you search Creative Commons licensed models from our community and download them directly into your Cinema 4D scene. Models can be searched by keyword(s) or browsed. The addon then presents thumbnails of results and each one can be opened on Sketchfab.com for a full 3D preview if desired before downloading directly into Cinema 4D.
You can read more here.

Cinema 4D – Import 3D models directly from Sketchfab from Sketchfab on Vimeo.

The EPUB File Reader tool for readers.

With this tool, you can read epub file type on Windows OS.
As you know already, the epub file type is:
EPUB is an e-book file format that uses the ".epub" file extension. The term is short for electronic publication and is sometimes styled ePub. EPUB is supported by many e-readers, and compatible software is available for most smartphones, tablets, and computers. EPUB is a technical standard published by the International Digital Publishing Forum (IDPF). It became an official standard of the IDPF in September 2007, superseding the older Open eBook standard.[2] The Book Industry Study Group endorses EPUB 3 as the format of choice for packaging content and has stated that the global book publishing industry should rally around a single standard.[3], see Wikipedia.

About this tool, you can read and download it on the official website:
EPUB File Reader is a free EPUB files viewer, can help you to open and read ePub e-books and documents. The software interface consists of two parts, the left will show document chapter directory, the right is a browser to show document content. This software is easy to use very much, it is a freeware and completely free to use.

The SmartDraw best tool to build diagrams.

This tool named SmartDraw is the best tool to build diagrams.
At 9 JULY 2019, this tool has been updated with new features:

• Sub-Charts and Processes; 
• OneDrive for Business; 
• easier Organization with drag and drop files and folders into other folders right on the template dialog;
• edit the name of a file using the click in the upper right corner of your diagram;
• New Modern Themes;
• Floor Plans features like set angles between walls and lines and show distances of windows and doors from the corners of a space;
• You can license your entire organization for one annual price;
• The SmartDraw Development Platform comes with Open API;
• and much more features;

This tool can use the online edition of SmartDraw on any computer or tablet or you can download it for the Windows operating system.
The online tool works well after I sign up with my mail.
The output can be export like Office, VSDX, VSD, PDF, SVG, and PNG file formats or can be share like link, mail or embed.
The output PNG file has filled with the trial copyright, but you can download an SVG file and use another editor to have a good output.
The price of this can start with from $9.95 (Per month, billed annually) or a one-time payment.
The Windows version stuck into Wize Installation Wizard window.
The official webpage can be found here.
Let's see a video tutorial from the official YouTube channel.

Social media image sizes in development.

A good approach to social media development is the study of international web sites and the way they are built.
Today I will present you a collection of information that will complete the design palette and the graphics: Social media image sizes.
Here's how these are shown in the following tables:

Cover photo/header image:

Social site	Image size
Twitter	1500px x 500px
Facebook	820px x 312px
Pinterest	222px x 150px (Board Cover image)
LinkedIn	1584px x 396px (Background or Cover image)
LinkedIn	1536px x 768px (Business Cover image)
YouTube	Display varies by device; 2560px x 1440px on desktop
Tumblr	3000px x 1055px
Medium	1500px x 750px

The profile size:

Social site	Image size
Twitter profile picture size	400px x 400px
Facebook profile picture size	800px x 800px (recommended) 170px x 170px (display size)
Instagram profile picture size	110px x 110px (min.)
Pinterest profile picture size	165px X 165px
LinkedIn profile picture size	400px x 400px
YouTube profile picture size	800px x 800px**
Medium profile picture size	60px x 60px (publication avatar) 72px x 600px (max.) (logo image)
Tumblr profile picture size	128px x 128px

Shared image sizes:

Social site	Image size
900px x 450px
Facebook	1200px x 630px
Instagram	1080px x 1080px
Pinterest	236px x scaled height (Expanded Pin)
LinkedIn	1200px x 628px (Personal Profile)
LinkedIn	1200px x 1200px (Company Page)
YouTube	16:9 aspect ratio (Video); to qualify for HD: 3840px x 2160px
Medium	1000px wide by any height
Tumblr	540px x 810px

Shared link graphic sizes

Social site	Image size
Twitter	800px x 320px
Facebook	1200px x 630px
Instagram	110px x 110px (Photo Thumbnails)
Pinterest	735px x 1102px (Pin Preview); 600px x 600px (Board Display)
LinkedIn	180px x 110px
YouTube	1280px x 720px (Custom Video Thumbnail)
Medium	Will pull story header or profile image

My freelancer offer ...

Now I'm working with an project , but I can make my free time for smaller or longer projects ...
I can come up with a $ 5 / day offer for graphics and drawing production:

• the formats obtained with the free software;
• Blender 3D versions 2.79 and 2.8 for 3D graphics;
• Inkscape, Gimp, and Krita for 2D graphics;

Note: for painting and drawing other than, the $ 5 / day offer, the materials used (color watercolor or acrylic, quality paper or canvas, frames) for the final product will also be calculated.
Email for contact: catafest@yahoo.com 

See some of my work search me on web with my name Cătălin George Feștilă or nicknames catafest and mythcat:

• http://festila-george-catalin.daportfolio.com 
• https://www.deviantart.com/catafest/gallery/

Krita 4.2.2 : Programming with python.

The Krita application is written in C++ using an application framework called Qt5.
You can use python to create scripts for Krita software.
You can use Tools - Script - Scripter from the main menu to write your python script.
I don't use often this python module, but today I created this script.
The script creates a new document with size 512x512 named Python test document.
After that create a duplicate of the layer named Background.
The new layer is named the new Layer duplicate.

from krita import *
from  krita import Krita

print(dir(krita))
print(help(Krita))

d = Krita.instance().createDocument(512, 512, "Python test document", "RGBA", "U8", "", 120.0)
Krita.instance().activeWindow().addView(d)

print(dir(d))
print(Krita.instance().filters())

node_name = 'Background'
node = d.nodeByName(node_name)
print(node.name())
print(dir(node))

d_n = node.duplicate()
print(dir(d_n))

d_n.setName("new Layer duplicate")
print(d_n.name())
root_node = d.rootNode()
print(help(root_node.addChildNode))
root_node.addChildNode(d_n, node)

Blender 3D : Create a Printed Circuit Board with Blender 2.80 released Candidate

This is a simple video tutorial about how to create a Printed Circuit Board with Blender 2.80 released Candidate:

News : Blender 2.80 Release Countdown.

The development team comes tells us about the new Blender 2.80 Release Candidate on the official webpage:
A Release Candidate is the final step before the release. Blender has been built and packaged just like the official release, and is available for a short period of testing. Please download it and give it a good try. If things go as expected, the final release will be one week after.
The Blender 3D team want to test it and report any issue:
The massive Blender 2.80 update is around the corner! Download and test this build and report any issue on developer.blender.org
After download you can see a message about supporting the Blender software: Thank you for downloading Blender! Next step: Support Blender Development Join the new Development Fund for only $6 / month and ensure the future of Blender.
I test it with the last blender file I worked ( a raspberry work, see http://festila-george-catalin.daportfolio.com).
This release works great.
The BlenderDiplom youtube channel comes with a video introduction about this new release:

News : NeoAxis Engine 2019.2.4 Released.

The NeaAxis Engine has a fast development team and released a new version 2019.2.4 version.
From the 16 June 2019 up to 11 July 2019 they come with many features. The following features have been added and can be read at the official website see the team announcement :

• Significant optimizations of the rendering pipeline. 
• Rendering is multi-threaded computed now, automatic GPU instancing has been added. 
• Import content tool enhancements have been improved. 
• Easy import from library Quixel Megascans is now supported. 
• The ability to use the engine widget in Windows Forms and WPF applications has been added. Billboard rendering has been improved. 
• Now they are drawn faster and support shadows. 
• A high-quality anti-aliasing mode has been added. Supersampling anti-aliasing (SSAA). Documentation has been improved. Class descriptions have been added.

They come with a roadmap on the official website to see how the development works.
I want to see tutorials and video tutorial to follow my issues with C# but I expected to see it in the future.

Krita 4.2.2 : Install the G'MIC on Krita software.

The G'MIC tool can be installed on Krita version 4.2.2 and older versions.
This tool is an opensource filter framework.
The G'MIC is open-source software distributed under the CeCILL free software licenses (LGPL-like and/or GPL-compatible).
You can download it from here.
Download it, unzip and place it somewhere you can find it.
Open the Krita software and use Settings - Configure Krita - G’Mic plugin and set G’MIC to the file path there.
The official YouTube channel has many video tutorials with this tool and GIMP software.
This is an old video tutorial with one old version of Krita:

Blender 3D : The mirror sunglasses material.

This is a simple tutorial about how to create a mirror sunglasses material with Blender 2.8 version. First, create an object and add new material. Using the Shift + A keys you will need this into Shading tab.

GeoGebra tool.

The GeoGebra tool is dynamic mathematics software for all levels of education that brings together geometry, algebra, spreadsheets, graphing, statistics and calculus in one easy-to-use package.
GeoGebra has become the leading provider of dynamic mathematics software, supporting science, technology, engineering and mathematics (STEM) education and innovations in teaching and learning worldwide.
You can find over 1 million free activities, simulations, exercises, lessons, and games for math and science!
This online tool can also be used offline with GeoGebra applications for iOS, Android, Windows, Mac, Chromebook, and Linux.
Read more at the official website.
This is a video tutorial about GeoGebra 3D with Augmented Reality (Quick Modeling Demo) from the official YouTube:

Google hidden tools and features.

This tutorial is about Google hidden tools and features.
Many of the tools and online games are hidden in the Google search area.
Open your browser and search this: 10 value spinner.
This will show a spinner and you can test it.
You can find into the bottom of this online tool many features: Flip a coin, Color picker, Rol a die, Metronome, Meditate and Calculator.
This is a screenshot with the 10 values Spinner tool.

The Kerkythea software.

The development team of the Kerkythea software comes with this intro:
Kerkythea is a freeware software that can produce high quality renders without spending a cent on software licensing. Kerkythea is using physically accurate materials and lights, aiming for the best quality rendering in the most efficient timeframe, with target to simplify the task of quality rendering by providing the necessary tools to automate scene setup, such as staging using the GL real-time viewer, material editor, general/render settings, editors, etc., under a common interface
This software is available for all major platforms Windows, Linux, and MacOSX.
The software supports the following 3D File Formats: 3DS, OBJ, XML (Native KT format) and KZX (Zipped KT XML format).
You can find many videos about Kerkythea created by Hipolito Rodrigues.
You can download it from the official webpage.
The software is easy to use.
Open your model with File - Open and use Render - Start to render the output.
The final Rendered Image can change it with some colors settings: Tone Map, Exposure, Gamma, Dark, and Bright.
The Sun & Sky Wizard tool lets you fix it by Location, Zone, Year, Month, Day and Hour, Minute, Second.
The last setting of this tool is Sky Type.
The model object can be translated and rotated it.
Each object can have materials with many basic features and can be imported just like mat.zip type file.
I found some bugs:

1. the texture preview did not follow the changes by size;
2. the texture working area is hard to use;
3. the tools for animation and brush is unfinished;
4. the render network tool is unfinished;

In conclusion, this software is 88% completed by the development team.

News : Black Desert Online with 7-Day Free Trial.

"it is just phenomenal" - mmorpg.com. Play the best MMORPG on PC today.
You can get a 7-Day Free Trial just try it here.
After you subscribe and login with your account then you can download it from here.
This is a video from the official youtube channel.

News : NeoAxis Build 2019.2.3 released today.

The new version of the NeoAxis Build 2019.2.3 was released today.
The SDK includes all features of the NeoAxis Engine.
The size of this download is 1.1 GB.
System requirements: Windows 10, 8, 7 64-bit. DirectX 11 graphics card.

• Materials have been improved.
• The tool for generation environment cube maps from source format has been added.
• Displacement mapping to materials has been added. Parallax Occlusion Mapping.
• Tone mapping screen effect has been improved.
• Mesh skinning on GPU.
• UI Editor now has all the necessary features. Resizing, step movement.
• UI Editor: Ribbon Tab.
• UI Editor: Small fixes.
• UIProgressBar.
• Built-in C# scripting improvements.
• Project settings have been updated.
• HDR texture format support.
• Import 3D models have been improved. Latest Assimp.

From old versions, you can use the C# programming language.
Read all info and features about this game engine here.

News: Construct 3 updated 5 hours ago.

Construct 3 is the best software to create games. Over 60,000 users monthly make & sell thousands of games globally.
This game engine is not free.
Included features:

• runs in your browser;
• works offline;
• auto updates;

Try it now on the official webpage.

The shapeshifter online tool.

This tool named shapeshifter can be used online to create animated SVG and vector files.
The default tool can be found here.
The tool is not very easy to use but can easily understand if you know how to animate an SVG file.
The basic steps are importing SVG files and making changes to the parameter area.
Another web page with the beta tool can be found here.
This is more complex and lets you use more features.

Blender 3D : How to create a pear model.

Today I will show you how to create a pear model.
The model shown on sketchfab.com is not shown properly.
The reason is the material shader created with Blender 3D version 2.8 and the export tool for this application.
Let's see these steps:

• create a circle into a vertical plane;
• use edit area and proportional editing to create the shape of the pear;
• cut this shape on half;
• use the screw modifier to create the model of the pear;
• for colors and texture, you can use the web or use shaders;
• I used shaders with noise and color ramp all mixed with mixed shader;

If you want to see my work then the original blend file can be found here.

Pear 001 by catafest on Sketchfab

Blender 3D : How to create hanging plants.

Today I tested some skills with Blender 2.8 beta.
The model was exported like FBX file for upload to the sketchfab website.
The model is simple to build:

• create a circle;
• use the proportional editing to deform the circle into a leaf shape;
• use the Ctr+F to fill the leaf with 6 and 2 parameters of Grid Fill;
• use the extrude to create the tail of the leaf;
• put the leaf into the center and blend it with proportional editing tool;
• add a circle and create the stem and use Ctr+R to subdivide it;
• add a Bezier curve to stem and use the modifier to multiply and blend it
• for the array modifier to multiply the leaf using an Empty;
• use the transformations to change the plant; 

hanging plants 001 by catafest on Sketchfab

Krita 4.2.0 : The new Krita 4.2.0 .

This new Krita version 4.2.0 version has been released on May 29, 2019, see the official webpage.

Operating System:Windows 7 or Higher, OSX 10.11, Linux
RAM: Recommended 2GB or higher 
Optional GPU:OpenGL 1.3 or higher
Graphics Tablet Supported: Wacom, Huion, Yiyinova, Surface Pro
All Download Versions 

This is a shot video from GDquest youtube channel with the news about the version of the Krita: software.

This is an animation I made with the Krita 4.2.0 version.
If you like it then subscribe to the channel and to this blog.

Using blotter.js with channels.

This javascript library comes with this intro:
A JavaScript API for drawing unconventional text effects on the web. Blotter.js requires Three.js and Underscore.js. If you're already including these files in your project, view the information on custom builds to get the file size significantly smaller.
See more here.
The HTML5 is simple with an empty div tag.
The CSS is just for design an is not affected by the script.
I used this:

https://cdnjs.cloudflare.com/ajax/libs/Blotter/0.1.0/blotter.min.js
https://cdnjs.cloudflare.com/ajax/libs/Blotter/0.1.0/materials/channelSplitMaterial.min.js

If you want a distortion effect you need to use this:

https://cdnjs.cloudflare.com/ajax/libs/Blotter/0.1.0/materials/channelSplitMaterial.min.js

The javascript takes the div tag and used it:

//
let text = new Blotter.Text("28:08:2019", {
  family : "sans-serif",
  size : 128,
  fill : "#000"
});

let material = new Blotter.ChannelSplitMaterial();
material.uniforms.uOffset.value = 0.05;
material.uniforms.uAnimateNoise.value = 1;


let blotter = new Blotter(material, {
  texts : text
});

let el = document.getElementById("blotter-channels");
let scope = blotter.forText(text);

scope.appendTo(el);

The result is this:

See the Pen blotter-channels by Cătălin George Feștilă (@catafest) on CodePen.

GridMaths online tool to start with math.

This online tool named GridMaths for math can be used here.
The tool can be used for kids and parents or can use into advanced math.
I author comes with a series of articles about this online tool, see this link.
One good example about how can use this online tool can be found on youtube:

Show SVG with the anime javascript library.

First of all the anime javascript library can be found at the official webpage.
Start with the empty project on codepen.io website.
You need to add the javascript library into the editor by using the wheel icon of JS area:

https://cdnjs.cloudflare.com/ajax/libs/animejs/2.2.0/anime.min.js

You can add the SVG source code with the path and then this will be parsed by javascript script.
The CSS code is used to stylize the output.
For example, the size of the path can be used like this:

.anim path {
  stroke-width: 3;
}

Then use the source code from my example.
See the result of this source code:

See the Pen animejs_001 by Cătălin George Feștilă (@catafest) on CodePen.

Blender 3D and Google Summer of Code - 2019 Projects.

The Blender Development team start this issue with 8 projects by students and mentors:

The projects have been announced and we are now in the Community Bonding Period. For a month, students learn about the Blender project, the communication channels and development environment. 
This is also the time to make sure that the proposal is clear and has the support of the community. 
Coding starts on 27 May.

You can find all info at Google Summer of Code - 2019 Projects
More about the projects area and teams can be seen at devtalk blender development.

Unreal Engine and HoloLens and Apollo 11.

The Unreal Engine 4 native support for HoloLens 2.
With the new 50th anniversary this year, we can see the interactive visualization of the Apollo 11 lunar landing.
Take a look and use the Unreal Engine game engine.

Now the latest build from NeoAxis Group.

A month ago, on March 28, 2019, NeoAxis Group released the latest NeoAxis Engine 2019.1.
Now the latest Build 2019.1.6 is released today.
This news can be read here.
Let's see some features:

• Free platform, partially open source;
• Modern architecture;
• Complete set of tools;
• Modern look editor;
• C# scripting, visual scripting. .NET API;
• Built-in C# scripting;
• Visual workflow scripting;
• Advanced object types creation capabilities;
• .NET API;
• Classic C# programming;
• Visual Studio 2017, 2019 support;
• Complete set of tools for 3D game development;
• 64-bit floating precision by default;
• Well-thought object serialization;
• Scene rendering is performed via high-level rendering pipeline;
• Good multi-thread rendering performance provided by Bgfx;
• Filament PBR shaders are used for realistic materials rendering;
• Powerful Bullet physics library in 64-bit precision mode.

New set of free files from pixelsquid.com .

You can find a new set of free objects at pixelsquid.com.
These files are free PNG and PSD images format file.

The webtoons webpage for your comics art.

You can share and publish your comics art using this website.
Just draw your work using your drawing software and upload it.
You can have multiple files with these specifications:
Recommended image size: 436x436;
The picture must be less than 500kb (JPG only);
The file name can only be in English letters and numbers.
I recorded one short video with this website like a short intro.
Happy drawing comics!

GrafX2 is a bitmap paint program

GrafX2 is a bitmap paint program inspired by the Amiga programs ​Deluxe Paint and Brilliance. Specialized in 256-color drawing, it includes a very large number of tools and effects that make it particularly suitable for pixel art, game graphics, and generally any detailed graphics painted with a mouse. The program is mostly developed on Haiku, Linux and Windows, but is also portable on many other platforms.
Main supported platforms are:

• Windows: 2.6 Installer / 2.6 Portable / Nightly build (latest changes, may be unstable) 
• Haiku: pkgman install grafx2 
• Mac OS: 2.6 for amd64 or PowerPC 
• Linux: Nightly builds

You can download it from the official website.
One good tutorial about how to create Blending and Transparency with this tool can be found here:
If you want to use for your game development then this is a good video tutorial about Tile Editing
issue:

The 3D photo creator online tool.

This tool named OmniVirt 3D Photo Creator is FREE to use and lets you create 3D photos.
This photos can be used on Facebook 360 or can be shared on the web:
STEP 1: upload the image;
Recommendation of this tool for the image file:
Recommended resolution: 3024 x 4032 px (or 4032 x 3024 px).
For maximum quality: 4032 x 4032 px.
STEP 2: upload or generate the depth map;
STEP 3: generate the 3D photo;
Read more at the official webpage.

The new Unity 3D version 2019.1 .

The new Unity version comes with many features, see the official website.
System Requirements for Unity version Unity 2019.1 are:
Released: 16 April 2019 
OS: Windows 7 SP1+, 8, 10, 64-bit versions only; macOS 10.12+ 
GPU: Graphics card with DX10 (shader model 4.0) capabilities. 
The official blog can be found here.

Browser extension to download videos from the Web.

This extension to download videos from the Web can be used with Firefox and Chrome.
The main goal of this tool: downloads the video files from the webpage.
I was able to download files from web pages with the TS format file.
As you know, these files with the ts extension can be related to M3U8 files.
An M3U8 file is a playlist file used by various audio and video playback programs.
One short video tutorial can be found at the official youtube channel:

The RenderDoc tool graphics debugger.

RenderDoc is a free MIT licensed stand-alone graphics debugger that allows quick and easy single-frame capture and detailed introspection of any application using Vulkan, D3D11, OpenGL & OpenGL ES or D3D12 across Windows 7 - 10, Linux, Android, Stadia, or Nintendo Switch™. RenderDoc can be used as an image viewer.
If you drag in or use file to open then you can open images in a variety of formats like: .dds, .hdr, .exr, .bmp, .jpg, .png, .tga, .gif, .psd.
The tool come with python A.P.I. for testing.
The full features can be found here.
You can see the geometry data visualized in 3D and with each component separated out and formatted.
This tool can be found at the official webpage.

Medical demo created with Qt Design Studio.

Roger Mazzella from The Qt Company shows off our latest infusion pump demo. It was created with Qt Design Studio, Qt Safe Renderer and is running on INTEGRITY RTOS.
You can read more about Qt Safe Renderer at official webpage.

News: $40 million Fortnite World Cup

Play in 10 weekly online tournaments for a chance to win cash prizes and qualify for the Fortnite World Cup Finals.
APRIL 13 - JUNE 16 with $1 MILLION PRIZE POOL EACH WEEK!
Read more about this on the official website.

Lumina by goodboydigital.

Today I come with a web page with great graphics and a design to measure.
The web page is interactive and urges you to drive a firefly through the forest to collect light.
See the full project on the webpage.

News: Release Trailer for Godot Engine 3.1

The official youtube channel come with a release trailer for Godot Engine:

Heart shapes with Wolfram MathWorld.

I chose to present this resource today because it is March 8th.
There are a number of mathematical curves that produced heart shapes and you can find many tools on the web.
The author presents himself with a brief introduction:
Eric W. Weisstein began compiling scientific encyclopedias as a high school student nearly twenty years ago. Born in Bloomington, Indiana in 1969, Weisstein studied physics and astronomy at Cornell University and Caltech and received his Ph.D. from Caltech in 1996. In 1995, Weisstein took the vast collection of mathematical facts that he had been accumulating since his teenage years and began to deploy them on the early internet. These pioneering efforts at organizing and presenting online content helped define a paradigm that has subsequently been followed by other large-scale informational projects on the web.
The most important part of this resource is highlighted in a table of contents about mathematical issues:

• Algebra
• Applied Mathematics
• Calculus and Analysis
• Discrete Mathematics
• Foundations of Mathematics
• Geometry
• History and Terminology
• Number Theory
• Probability and Statistics
• Recreational Mathematics
• Topology

The examples and details can be found here.
If you want to use the Wolfram Alpha syntax, there are formulas:

heart curve

Godot : water shader example.

This is an example created by user named Gonkee in this video tutorial.
The result of this shader tutorial I tested is this:

The source code of this shader is this:

shader_type canvas_item;

// Gonkee's water shader for Godot 3 - full tutorial https://youtu.be/uhMAHpV_cDg
// If you use this shader, I would prefer if you gave credit to me and my channel

uniform vec4 blue_tint : hint_color;

uniform vec2 sprite_scale;
uniform float scale_x = 0.67;

float rand(vec2 coord){
 return fract(sin(dot(coord, vec2(12.9898, 78.233)))* 43758.5453123);
}

float noise(vec2 coord){
 vec2 i = floor(coord);
 vec2 f = fract(coord);

 // 4 corners of a rectangle surrounding our point
 float a = rand(i);
 float b = rand(i + vec2(1.0, 0.0));
 float c = rand(i + vec2(0.0, 1.0));
 float d = rand(i + vec2(1.0, 1.0));

 vec2 cubic = f * f * (3.0 - 2.0 * f);

 return mix(a, b, cubic.x) + (c - a) * cubic.y * (1.0 - cubic.x) + (d - b) * cubic.x * cubic.y;
}

void fragment(){
 
 vec2 noisecoord1 = UV * sprite_scale * scale_x;
 vec2 noisecoord2 = UV * sprite_scale * scale_x + 4.0;
 
 vec2 motion1 = vec2(TIME * 0.3, TIME * -0.4);
 vec2 motion2 = vec2(TIME * 0.1, TIME * 0.5);
 
 vec2 distort1 = vec2(noise(noisecoord1 + motion1), noise(noisecoord2 + motion1)) - vec2(0.5);
 vec2 distort2 = vec2(noise(noisecoord1 + motion2), noise(noisecoord2 + motion2)) - vec2(0.5);
 
 vec2 distort_sum = (distort1 + distort2) / 60.0;
 
 vec4 color = textureLod(SCREEN_TEXTURE, SCREEN_UV + distort_sum, 0.0);
 
 color = mix(color, blue_tint, 0.3);
 color.rgb = mix(vec3(0.5), color.rgb, 1.4);
 
 float near_top = (UV.y + distort_sum.y) / (0.2 / sprite_scale.y);
 near_top = clamp(near_top, 0.0, 1.0);
 near_top = 1.0 - near_top;
 
 color = mix(color, vec4(1.0), near_top);
 
 float edge_lower = 0.6;
 float edge_upper = edge_lower + 0.1;
 
 if(near_top > edge_lower){
  color.a = 0.0;
  
  if(near_top < edge_upper){
   color.a = (edge_upper - near_top) / (edge_upper - edge_lower);
  }
 }
 
 COLOR = color;
}

Blender 2.8 and Manuel Bastioni LAB add-on.

The author of this add-on stops development.
The last released works on Blender 3D version 2.8.
The source code and info about this add-on can be found here.
MB-Lab: the free and open source character editor for Blender MB-Lab is an advanced add-on that turns Blender in a powerful laboratory for humanoid characters creation. 100% Open Source and Free. Based off of ManuelBastioniLAB, MB-Lab is a community updated addon for Blender. 
NOW BLENDER 2.80 COMPATIBLE!
Download from GITHUB the zip archive with the add-on.
Use from Edit - Preferences... Add-ons - Install... button to install from the archive file.
The add-on can be used from Layouts, press N key and select the vertical tab named MB-Lab.
You can see how this add-on works on the next screenshot:

About Sans Forgetica and memory.

This font named Sans Forgetica was scientifically designed by academics at RMIT University to help enhance memory retention of digital text.

Verge channel project.

The official YouTube channel of the famous VERGE publisher now comes with a visual project:

Ace Sprite just for $14.99 USD.

Just for $14.99 USD or you can test trial version of this great software for pixel drawing.
The pixel art is a similar in the art area according to wikipedia website:
 Pixel art is a form of digital art, created through the use of software, where images are edited on the pixel level. The aesthetic for this kind of graphics comes from 8-bit and 16-bit computers and video game consoles, in addition to other limited systems such as graphing calculators. Creating or modifying pixel art characters or objects for video games is sometimes called spriting, a term that arose from the hobbyist community.

This software include:
  Aseprite is a pixel art tool with which you can create animated sprites & graphics. Here you can buy Aseprite with updates for the whole v1.x series. It includes Windows portable .zip, Windows installer, Mac OS X app bundle, Ubuntu 14.04 .deb package, and a Steam key.
The youtube official channel show us:

The David Li work.

This author of adultswim.com choir uses a neural network I trained on choral pieces to generate the harmonization for your melody.
Today I will show you a good painting tool idea created by the same author: David Li.
The twitter account can be found at david li twitter. You can follow the source code on GITHUB account of this author:

Shadertoy: Shader objects with raymarching technique.

Another article about shader raymarching technique for today.
It's like the previous article created from the official video channel named The Art of Code.
The source code show how to create the basics objects like: capsule, torus, cube and cylinder.
The result of the source code of raymarching objects can be found on my account of ShaderToy website named catafest.

Shadertoy: About raymarching technique with source code.

The raymarching technique is a fairly new technique used to render realtime scenes and it is entirely computed in a screen-space shader.
The raymarching is similar to traditional raytracing (in that a ray is cast into the scene for each pixel) but is not the same technique.
How this works:
We have in a fragment shader is the position of the point we are rendering in world 3D coordinates and the view direction from the camera.
For each ray is extended by step in the view direction, until it hits something and creates a point.
This is the simple raymarching used a constant step.
The next step is the optimization calls for the use of signed distance fields.
A distance field is a function that takes in a point as input and returns the shortest distance from that point to the surface any object in the scene similar with a sphere around the hit point.
Distance fields allow us to limit how often we need to sample when marching along the ray, this is the reason of the named raymarching.
You can follow this technique on the official video channel named The Art of Code.
The result of the source code of raymarching example from this video tutorial can be found on my account of ShaderToy website.

Shadertoy: Flame 2D by catafest.

I create another shader using the shadertoy online tool.
This online tool helps users to understand the shaders theory.
All of the shaders theory is based on the math of graphics.
My example uses the basic shader for a 2D flame with minimal parameters to understand easier the math of this shader.
Let's see the source code:

// define iTime like Shader Inputs
#define time iTime
void mainImage( out vec4 fragColor, in vec2 fragCoord )
{
    // Normalized pixel coordinates (from 0 to 1)
    // vec2 uv = fragCoord/iResolution.xy;
 // create center of position of flame by xy and sized
 vec2 pos = ( fragCoord.xy / iResolution.xy )*2.0-vec2(1.,1.);
    // create flame variation 
    if(pos.y>-3.0){
  // variation by time and set up to -3.0
        // the 0.1 and 30 parameters create the variation of flame 
        // with ths sin and fract functions
        pos.y += 0.1*fract(sin(30.0*time));
 }
    // select background to black
 vec3 color = vec3(0.0,0.0,0.0);
 // set scale of flame 
 float p =.001;
    // create shape of flame (output y)
 float y = pow(abs(pos.x),3.0)/(1.0*p)*1.0;
 // create the hight of flame 
 float flame_out = length(pos+vec2(pos.x,y))*sin(0.9);
 // fix colors flame by RGB 
 if(flame_out < 0.9){
        // color for RG (red green)
  color.rg += smoothstep(0.0,0.3,0.6-flame_out);
        // fix color of flame by G (green)
  color.g /=2.4;
 }
 color += pow(color.r,1.0);
 // output color
    fragColor = vec4(color,1.0);

}

The result can be found here.

Game media from opengameart.

Do you hear about the OpenGameArt?
If not, then it is a good area to get the media for your game or to create your own art.