Blend2d Gallery

Difference between version 34 and 36 - 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]----
[ABU] -12-Dec-2024 A new tclBlend2d version is coming .. I hope to be ready for Christmas.
In the meantime you can take a look at this new gallery
   https://abu-irrational.github.io/tclBlend2d-Gallery
It contains screenshots of about 90 Blend2d demos.
You can find the source code for most of these demos within the current
tclBlend2d package.
Next release of Blend2d won't contain all these demos, since the will be delivered with a separate package (contributions are welcome).
----

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/page/Blend2d-sample119%|%Enlarge%|%
----

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

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

From demo/sample122.tcl
   * curve subdivision at T-steps or L-Steps
[Blend2d-sample122%|%width=300] https://wiki.tcl-lang.org/page/Blend2d-sample122%|%Enlarge%|%
----

From demo/sample123.tcl
   * curves.
[Blend2d-sample123%|%width=300] https://wiki.tcl-lang.org/page/Blend2d-sample123%|%Enlarge%|%
----

From demo/sample124.tcl
   * circles with composition DST_OVER for drawing "under" .
[Blend2d-sample124%|%width=300] https://wiki.tcl-lang.org/page/Blend2d-sample124%|%Enlarge%|%
----

From demo/sample125.tcl
   * animation.
[Blend2d-sample125%|%width=300] https://wiki.tcl-lang.org/page/Blend2d-sample125%|%Enlarge%|%
----

From demo/sample126.tcl
   * animation.
[Blend2d-sample126%|%width=300] https://wiki.tcl-lang.org/page/Blend2d-sample126%|%Enlarge%|%
----

From demo/sample127.tcl
   * animation - random circles with gradients and shadows
[Blend2d-sample127%|%width=300] https://wiki.tcl-lang.org/page/Blend2d-sample127%|%Enlarge%|%
----

From demo/sample128.tcl
   * moving clouds.
   * animated perlin noise
[Blend2d-sample128%|%width=300] https://wiki.tcl-lang.org/page/Blend2d-sample128%|%Enlarge%|%
----

From demo/sample128a.tcl
   * moving clouds.
   * animated perlin noise on an hexagonal grid
[Blend2d-sample128a%|%width=300] https://wiki.tcl-lang.org/page/Blend2d-sample128a%|%Enlarge%|%
----

From demo/sample129.tcl
   * Interactive
[Blend2d-sample129%|%width=300] https://wiki.tcl-lang.org/page/Blend2d-sample129%|%Enlarge%|%
----

From demo/sample129A.tcl
   * Interactive
[Blend2d-sample129A%|%width=300] https://wiki.tcl-lang.org/page/Blend2d-sample129A%|%Enlarge%|%
----

From demo/sample130.tcl
   * Truchet tiles - hexagonal tiles.
   * interactive animation
[Blend2d-sample130%|%width=300] https://wiki.tcl-lang.org/page/Blend2d-sample130%|%Enlarge%|%
----

From demo/sample130a.tcl
   * Variant : Truchet tiles - hexagonal tiles.
   * interactive animation
[Blend2d-sample130a%|%width=300] https://wiki.tcl-lang.org/page/Blend2d-sample130a%|%Enlarge%|%
----

From demo/sample131.tcl
   * Truchet tiles - multiscale tiles.
   * animation
[Blend2d-sample131%|%width=300] https://wiki.tcl-lang.org/page/Blend2d-sample131%|%Enlarge%|%
----

From demo/sample132.tcl
   * Truchet tiles - multiscale tiles.
   * interactive animation
[Blend2d-sample132%|%width=300] https://wiki.tcl-lang.org/page/Blend2d-sample132%|%Enlarge%|%
----

From demo/sample133.tcl
   * Truchet tiles - triangular tiles.
[Blend2d-sample133%|%width=300] https://wiki.tcl-lang.org/page/Blend2d-sample133%|%Enlarge%|%
----

From demo/sample134.tcl
   * optical composition.
[Blend2d-sample134%|%width=300] https://wiki.tcl-lang.org/page/Blend2d-sample134%|%Enlarge%|%
----

From demo/sample135.tcl
   * optical composition.
[Blend2d-sample135%|%width=300] https://wiki.tcl-lang.org/page/Blend2d-sample135%|%Enlarge%|%
----

From demo/sample136.tcl
   * animation
[Blend2d-sample136%|%width=300] https://wiki.tcl-lang.org/page/Blend2d-sample136%|%Enlarge%|%
----

From demo/sample138.tcl
   * Impossible Triangle. Playing with 2D you can create impossible worlds.
[Blend2d-sample138-impossible%|%width=300] https://wiki.tcl-lang.org/page/Blend2d-sample138-impossible%|%Enlarge%|%
----

From demo/sample139.tcl
   * simple optical composition.
[Blend2d-sample139%|%width=300] https://wiki.tcl-lang.org/page/Blend2d-sample139%|%Enlarge%|%
----

From demo/sample140.tcl
   * animation
   * conical gradients.
[Blend2d-sample140%|%width=300] https://wiki.tcl-lang.org/page/Blend2d-sample140%|%Enlarge%|%
----

From demo/sample140B.tcl
   * animation
[Blend2d-sample140B%|%width=300] https://wiki.tcl-lang.org/page/Blend2d-sample140B%|%Enlarge%|%
----

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

From demo/sample142.tcl
   * Animation
[Blend2d-sample142%|%width=300] https://wiki.tcl-lang.org/page/Blend2d-sample142%|%Enlarge%|%
----

From demo/demo-tiger/demo-tiger-quad.tcl
   * Interactive
   * Perspective Transformation
[Blend2d-sampleTiger%|%width=300] https://wiki.tcl-lang.org/page/Blend2d-sampleTiger%|%Enlarge%|%
----
From demo/sample143.tcl
   * A small GUI for testing the "paint" method (how to scale/translate/rotate an svg image on a Surface) 
[Blend2d-sample143%|%width=300] https://wiki.tcl-lang.org/page/Blend2d-sample143%|%Enlarge%|%
----