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


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