Pages

luni, 3 iunie 2019

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.

vineri, 31 mai 2019

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; 

miercuri, 29 mai 2019

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.

marți, 28 mai 2019

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.

vineri, 24 mai 2019

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:

marți, 21 mai 2019

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.