Pages

vineri, 15 noiembrie 2019

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.

duminică, 10 noiembrie 2019

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:

miercuri, 6 noiembrie 2019

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.
...

marți, 22 octombrie 2019

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

duminică, 13 octombrie 2019

miercuri, 18 septembrie 2019

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.

duminică, 25 august 2019

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:

vineri, 23 august 2019

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:

marți, 20 august 2019

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.

joi, 8 august 2019

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.

sâmbătă, 3 august 2019

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.

vineri, 2 august 2019

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.