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.
2D, 3D, game, games, online game, game development, game engine, programming, OpenGL, Open AI, math, graphics, design, graphic, graphics, game development, game engine, programming, web development, web art, web graphic, arts, tutorial, tutorials,
miercuri, 18 septembrie 2019
CodePen: Include shadertoy example in the webpage.
Posted by
Cătălin George Feștilă
Labels:
2019,
3D,
codepen,
design,
graphics,
programming,
shader,
shadertoy,
tutorial,
tutorials,
web development,
website
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:
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:
Posted by
Cătălin George Feștilă
Labels:
2019,
2D,
blockly,
design,
google,
graphics,
programming,
tutorial,
tutorials,
video tutorial
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:
This video tutorial let you see how can be used:
Posted by
Cătălin George Feștilă
Labels:
2019,
2D,
3D,
Chrome App,
design,
google,
graphics,
online tool,
tutorial,
tutorials,
video,
video tutorial,
website
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 :
Many tutorials can be found at YouTube channel.
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.
Posted by
Cătălin George Feștilă
Labels:
2019,
2D,
drawing,
graphics,
online tool,
tutorial,
tutorials,
video tutorial,
website
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:
This online tool has good browser compatibility.
You can test this online tool at this webpage.
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.
Posted by
Cătălin George Feștilă
Labels:
2019,
2D,
online tool,
tutorial,
tutorials,
web development,
website
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 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.
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:
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.
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;
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.
Posted by
Cătălin George Feștilă
Labels:
2019,
drawing,
graphics,
online tool,
SmartDraw,
software,
tutorial,
tutorials,
video tutorial,
website
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:
The profile size:
Shared image sizes:
Shared link graphic sizes
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 |
---|---|
1500px x 500px | |
820px x 312px | |
222px x 150px (Board Cover image) | |
1584px x 396px (Background or Cover image) | |
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 | |
1200px x 630px | |
1080px x 1080px | |
236px x scaled height (Expanded Pin) | |
1200px x 628px (Personal Profile) | |
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 |
---|---|
800px x 320px | |
1200px x 630px | |
110px x 110px (Photo Thumbnails) | |
735px x 1102px (Pin Preview); 600px x 600px (Board Display) | |
180px x 110px | |
YouTube | 1280px x 720px (Custom Video Thumbnail) |
Medium | Will pull story header or profile image |
joi, 18 iulie 2019
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:
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:
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;
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:
luni, 15 iulie 2019
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.
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)
sâmbătă, 13 iulie 2019
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:
Posted by
Cătălin George Feștilă
Labels:
2019,
3D,
blender,
Blender 3D,
tutorial,
tutorials,
video tutorial
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:
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:
Posted by
Cătălin George Feștilă
Labels:
2019,
2D,
3D,
blender,
Blender 3D,
design,
news,
news 2019,
software
Abonați-vă la:
Postări (Atom)