Blend2d Gallery

Difference between version 18 and 19 - Previous - Next
Blend2D is a high-performance 2D vector graphics engine. See https://blend2d.com 

Here you can find some screenshots taken from the demo included in the TclTk porting [Blend2d]

----

From demo/demo-tiger/demotiger.tcl
   * animation
[Blend2d-tiger%|%width=200] https://wiki.tcl-lang.org/image/Blend2d-tiger%|%Enlarge%|% 
----

From demo/sample01.tcl
   * a filled Bezier Cubic curve
[Blend2d-sample01%|%width=200] https://wiki.tcl-lang.org/image/Blend2d-sample01%|%Enlarge%|% 
----

From demo/sample02.tcl
   * a round rectangle filled with a linear gradient
[Blend2d-sample02%|%width=200] https://wiki.tcl-lang.org/image/Blend2d-sample02%|%Enlarge%|% 
----

From demo/sample03.tcl
   * round rectangle filled with an image pattern
[Blend2d-sample03%|%width=200] https://wiki.tcl-lang.org/image/Blend2d-sample03%|%Enlarge%|% 
----

From demo/sample04.tcl
   * animation
   * a dynamic image used by two widgets
   ** Any change in the image is instantly visible on both widgets.
[Blend2d-sample04%|%width=200] https://wiki.tcl-lang.org/image/Blend2d-sample04%|%Enlarge%|% 
----

From demo/sample05.tcl
   * two shapes filled with radial an linear gradients
   * use of Porter-Duff composition blending
[Blend2d-sample05%|%width=200] https://wiki.tcl-lang.org/image/Blend2d-sample05%|%Enlarge%|% 
----

From demo/sample06.tcl
   * a thick stroke filled with a gradient
[Blend2d-sample06%|%width=200] https://wiki.tcl-lang.org/image/Blend2d-sample06%|%Enlarge%|% 
----

From demo/sample07.tcl
   * simple text (external font)
[Blend2d-sample07%|%width=200] https://wiki.tcl-lang.org/image/Blend2d-sample07%|%Enlarge%|% 
----

From demo/comp-op/PorterDuffInAction.tcl
   * Animation
   * Use of Porter-Duff composition
[Blend2d-sample-porterduff%|%width=200] https://wiki.tcl-lang.org/image/Blend2d-sample-porterduff%|%Enlarge%|% 
[Image: Blend2d composition%|%width=300]

Credits to https://ciechanow.ski/alpha-compositing/
----

From demo/sample-poly.tcl
   * Animation
   * experiment on multi-thread rendering (.. not a big diff ..)
[Blend2d-sample-poly%|%width=200] https://wiki.tcl-lang.org/image/Blend2d-sample-poly%|%Enlarge%|% 
----


From demo/sample101.tcl
   * Extracting the geometry from a font's glyph
   * contours and tangents and normal along the glyphs curves.
[Blend2d-sample101%|%width=300] https://wiki.tcl-lang.org/image/Blend2d-sample101%|%Enlarge%|% 
----

From demo/sample102.tcl
   * animation
   * drawing a cube made of many semitransparent small cubes
[Blend2d-sample102%|%width=300] https://wiki.tcl-lang.org/image/Blend2d-sample102%|%Enlarge Picture%|%
https://drive.google.com/file/d/1uWmwInHN6VFWGiwSoao-Tt3zYmIyjEdg/view%|%Slow Motion Video%|%
----

From demo/sample103.tcl
   * Heavy use of rotation/scale transformation
   * True shadows
[Blend2d-sample103a%|%width=300] https://wiki.tcl-lang.org/image/Blend2d-sample103a%|%Enlarge%|% 
[Blend2d-sample103-1%|%width=300] https://wiki.tcl-lang.org/page/Blend2d-sample103-1%|%Enlarge%|% 
----

From demo/sample104.tcl
   * experiment for drawing pseudo hand-drawn lines
[Blend2d-sample104%|%width=300] https://wiki.tcl-lang.org/image/Blend2d-sample104%|%Enlarge%|% 
----

From demo/sample105.tcl
   * loading a picture from a (simple) SVG file.
   * resizable in real-time
[Blend2d-sample105%|%width=300] https://wiki.tcl-lang.org/image/Blend2d-sample105%|%Enlarge%|% 
----

From demo/sample106.tcl
   * animation.
   * Porting of an openprocessing demo
   * random jagged lines resembling a fur ball ..
[Blend2d-sample106%|%width=300] https://wiki.tcl-lang.org/image/Blend2d-sample106%|%Enlarge%|% 
----

From demo/sample107.tcl
   * animation.
   * Porting of an openprocessing demo
[Blend2d-sample107%|%width=300] https://wiki.tcl-lang.org/image/Blend2d-sample107%|%Enlarge%|% 
----

From demo/sample108.tcl
   * animation.
   * Splines
   * Porting of an openprocessing demo
[Blend2d-sample108%|%width=300] https://wiki.tcl-lang.org/image/Blend2d-sample108%|%Enlarge%|% 
----

From demo/sample109.tcl
   * animation
   * Porting of an openprocessing demo
   * Splines (Catmull-Rom Splines)
   * Perlin noise
[Blend2d-sample109%|%width=300] https://wiki.tcl-lang.org/image/Blend2d-sample109%|%Enlarge%|% 
----

From demo/sample110.tcl
   * animation
   * Porting of an openprocessing demo
[Blend2d-sample110%|%width=300] https://wiki.tcl-lang.org/image/Blend2d-sample110%|%Enlarge%|% 
----

From demo/sample111.tcl  (updated in Blend2d 1.0.1)
   * layered shapes drawn with and without shadows.
[Blend2d-sample111%|%width=300] https://wiki.tcl-lang.org/image/Blend2d-sample111%|%Enlarge%|% 
----

From demo/sample112.tcl (new in Blend2d 1.0.1)
   * layered shapes drawn with and without shadows.
[Blend2d-sample112%|%width=300] https://wiki.tcl-lang.org/image/Blend2d-sample112%|%Enlarge%|% 
----

From demo/sample113.tcl (new in Blend2d 1.0.1)
   * random shapes based on Perlin-noise variations.
[Blend2d-sample113%|%width=300] https://wiki.tcl-lang.org/image/Blend2d-sample113%|%Enlarge%|% 
----

From demo/sample114.tcl (new in Blend2d 1.0.1)
   * layered cards : where is the top card ?.
[Blend2d-sample114%|%width=300] https://wiki.tcl-lang.org/image/Blend2d-sample114%|%Enlarge%|% 
----

From demo/sample115.tcl
   * random spline (static)
[Blend2d-sample115%|%width=300] https://wiki.tcl-lang.org/image/Blend2d-sample115%|%Enlarge%|%
----

From demo/sample116.tcl
   * random spline (animation).
[Blend2d-sample116%|%width=300] https://wiki.tcl-lang.org/image/Blend2d-sample116%|%Enlarge%|%
----

From demo/sample117.tcl
   * Text and anchor points
[Blend2d-sample117%|%width=300] https://wiki.tcl-lang.org/image/Blend2d-sample117%|%Enlarge%|%
----

From demo/sample118.tcl
   * text - simple rotation (animation).
[Blend2d-sample118%|%width=300] https://wiki.tcl-lang.org/image/Blend2d-sample118%|%Enlarge%|%
----
From demo/sample119.tcl
   * basic splines.
[Blend2d-sample119%|%width=300] https://wiki.tcl-lang.org/image/Blend2d-sample119%|%Enlarge%|%
----

From demo/sample120.tcl
   * splines subdivision - animation.
[Blend2d-sample120%|%width=300] https://wiki.tcl-lang.org/image/Blend2d-sample120%|%Enlarge%|%
----

From demo/sample121.tcl
   * smooth animation of blurred waves.
[Blend2d-sample121%|%width=300] https://wiki.tcl-lang.org/image/Blend2d-sample121%|%Enlarge%|%
----