Blend2d Gallery

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

Enlarge


From demo/sample01.tcl

  • a filled Bezier Cubic curve

Enlarge


From demo/sample02.tcl

  • a round rectangle filled with a linear gradient

Enlarge


From demo/sample03.tcl

  • round rectangle filled with an image pattern

Enlarge


From demo/sample04.tcl

  • animation
  • a dynamic image used by two widgets
    • Any change in the image is instantly visible on both widgets.

Enlarge


From demo/sample05.tcl

  • two shapes filled with radial an linear gradients
  • use of Porter-Duff composition blending

Enlarge


From demo/sample06.tcl

  • a thick stroke filled with a gradient

Enlarge


From demo/sample07.tcl

  • simple text (external font)

Enlarge


From demo/comp-op/PorterDuffInAction.tcl

  • Animation
  • Use of Porter-Duff composition

Enlarge

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


From demo/sample-poly.tcl

  • Animation
  • experiment on multi-thread rendering (.. not a big diff ..)

Enlarge


From demo/sample101.tcl

  • Extracting the geometry from a font's glyph
  • contours and tangents and normal along the glyphs curves.

Enlarge


From demo/sample102.tcl

  • animation
  • drawing a cube made of many semitransparent small cubes

Enlarge Picture Slow Motion Video


From demo/sample103.tcl

  • Heavy use of rotation/scale transformation
  • True shadows

Enlarge Enlarge


From demo/sample104.tcl

  • experiment for drawing pseudo hand-drawn lines

Enlarge


From demo/sample105.tcl

  • loading a picture from a (simple) SVG file.
  • resizable in real-time

Enlarge


From demo/sample106.tcl

  • animation.
  • Porting of an openprocessing demo
  • random jagged lines resembling a fur ball ..

Enlarge


From demo/sample107.tcl

  • animation.
  • Porting of an openprocessing demo

Enlarge


From demo/sample108.tcl

  • animation.
  • Splines
  • Porting of an openprocessing demo

Enlarge


From demo/sample109.tcl

  • animation
  • Porting of an openprocessing demo
  • Splines (Catmull-Rom Splines)
  • Perlin noise

Enlarge


From demo/sample110.tcl

  • animation
  • Porting of an openprocessing demo

Enlarge


From demo/sample111.tcl (updated in Blend2d 1.0.1)

  • layered shapes drawn with and without shadows.

Enlarge


From demo/sample112.tcl (new in Blend2d 1.0.1)

  • layered shapes drawn with and without shadows.

Enlarge


From demo/sample113.tcl (new in Blend2d 1.0.1)

  • random shapes based on Perlin-noise variations.

Enlarge


From demo/sample114.tcl (new in Blend2d 1.0.1)

  • layered cards : where is the top card ?.

Enlarge


From demo/sample115.tcl

  • random spline (static)

Enlarge


From demo/sample116.tcl

  • random spline (animation).

Enlarge


From demo/sample117.tcl

  • Text and anchor points

Enlarge


From demo/sample118.tcl

  • text - simple rotation (animation).

Enlarge


From demo/sample119.tcl

  • basic splines.

Enlarge


From demo/sample120.tcl

  • splines subdivision - animation.

Enlarge


From demo/sample121.tcl

  • smooth animation of blurred waves.

Enlarge


From demo/sample122.tcl

  • curve subdivision at T-steps or L-Steps

Enlarge


From demo/sample123.tcl

  • curves.

Enlarge


From demo/sample124.tcl

  • circles with composition DST_OVER for drawing "under" .

Enlarge


From demo/sample125.tcl

  • animation.

Enlarge


From demo/sample126.tcl

  • animation.

Enlarge


From demo/sample127.tcl

  • animation - random circles with gradients and shadows

Enlarge


From demo/sample128.tcl

  • moving clouds.
  • animated perlin noise

Enlarge


From demo/sample128a.tcl

  • moving clouds.
  • animated perlin noise on an hexagonal grid

Enlarge


From demo/sample129.tcl

  • Interactive

Enlarge


From demo/sample129A.tcl

  • Interactive

Enlarge


From demo/sample130.tcl

  • Truchet tiles - hexagonal tiles.
  • interactive animation

Enlarge


From demo/sample130a.tcl

  • Variant : Truchet tiles - hexagonal tiles.
  • interactive animation

Enlarge


From demo/sample131.tcl

  • Truchet tiles - multiscale tiles.
  • animation

Enlarge


From demo/sample132.tcl

  • Truchet tiles - multiscale tiles.
  • interactive animation

Enlarge


From demo/sample133.tcl

  • Truchet tiles - triangular tiles.

Enlarge


From demo/sample134.tcl

  • optical composition.

Enlarge


From demo/sample135.tcl

  • optical composition.

Enlarge


From demo/sample136.tcl

  • animation

Enlarge


From demo/sample138.tcl

  • Impossible Triangle. Playing with 2D you can create impossible worlds.

Enlarge


From demo/sample139.tcl

  • simple optical composition.

Enlarge


From demo/sample140.tcl

  • animation
  • conical gradients.

Enlarge


From demo/sample140B.tcl

  • animation

Enlarge


From demo/sample141.tcl

  • splines
  • animation

Enlarge


From demo/sample142.tcl

  • Animation

Enlarge


From demo/demo-tiger/demo-tiger-quad.tcl

  • Interactive
  • Perspective Transformation

Enlarge


From demo/sample143.tcl

  • A small GUI for testing the "paint" method (how to scale/translate/rotate an svg image on a Surface)

Enlarge