Pages

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.

sâmbătă, 20 iulie 2019

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.

vineri, 19 iulie 2019

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 siteImage size
Twitter1500px x 500px
Facebook820px x 312px
Pinterest222px x 150px (Board Cover image)
LinkedIn1584px x 396px (Background or Cover image)
LinkedIn1536px x 768px (Business Cover image)
YouTubeDisplay varies by device; 2560px x 1440px on desktop
Tumblr3000px x 1055px
Medium1500px x 750px

The profile size:
Social siteImage size
Twitter profile picture size400px x 400px
Facebook profile picture size800px x 800px (recommended)
170px x 170px (display size)
Instagram profile picture size110px x 110px (min.)
Pinterest profile picture size165px X 165px
LinkedIn profile picture size400px x 400px
YouTube profile picture size800px x 800px**
Medium profile picture size60px x 60px (publication avatar)
72px x 600px (max.) (logo image)
Tumblr profile picture size128px x 128px

Shared image sizes:
Social siteImage size
900px x 450px
Facebook1200px x 630px
Instagram1080px x 1080px
Pinterest236px x scaled height (Expanded Pin)
LinkedIn1200px x 628px (Personal Profile)
LinkedIn1200px x 1200px (Company Page)
YouTube16:9 aspect ratio (Video); to qualify for HD: 3840px x 2160px
Medium1000px wide by any height
Tumblr540px x 810px

Shared link graphic sizes
Social siteImage size
Twitter800px x 320px
Facebook1200px x 630px
Instagram110px x 110px (Photo Thumbnails)
Pinterest735px x 1102px (Pin Preview); 600px x 600px (Board Display)
LinkedIn180px x 110px
YouTube1280px x 720px (Custom Video Thumbnail)
MediumWill pull story header or profile image