This game engine is not free.
Included features:
- runs in your browser;
- works offline;
- auto updates;
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,
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.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:
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..anim path {
stroke-width: 3;
}
Then use the source code from my example.