Skip to content

Some experiments around text projections for an art project

Notifications You must be signed in to change notification settings

Razpudding/svg-text-projections

Repository files navigation

svg-text-projections

Some experiments around text projections for an art project

Image of experiment 3

Notes

  • Use color from words in email, these words are central
  • Start with a question, generate 10 random words (separate exp)
  • Complete the shape, without animation. All words in all rectangles, then select random words for center
  • Play with selection of sentences versus words, versus meaningful words
  • Poetry in the center of the constellation is the key to the whole thing
  • What is the relationship between the individual and the whole during a ritual (placement within a space)

Vision

  • Each card will represent an artistic discipine
  • A card will have rectangular shape made out of text describing the discipline
  • A card will have a central word signifing the discipline
  • A random element added to the work would be nice, like text added to the middle randomly composed of words in the description texts
  • Cards should be oriented in an overarching structure
  • It would be great if the camera was zoomed in on the top of the circle and cards flew by as their descriptions shaped the rectangles. Then the animation zooms out to reveal the superstructure

Choreohraphy

  • First there is just a text, an invitation
  • The text dissapears and parts of the text start to create rectangular shapes (cards)
  • Each card represents an element (discipline/term/question)

Experiments

Options for Artist

  • Create and orient texts yourself, static, 2D -> Illustrator
  • Draw paths and use my custom software to add texts to them. Static, 2D -> My Code
  • Animate text along Paths, Animated, 2D. also possible to zoom in following text being written then zoom out to see the whole -> My Code
  • combine text with bitmap visuals -> VJ software
  • Overlays -> Illustrator
  • Anything interactive -> My Code
  • If you want to integrate a screen a lot more becomes possible. Like the words you say appearing on a projected screen behind you

Resources

Libraries and tools

  • svg-textBasic NPm package to createmultiline SVG text elements
  • svg-editor In-browser editor that quickly destructures SVG and allows basic manip.
  • svgjs Cool library with lots of text manips built in!
  • css-tricks Css svg animation example
  • text-on-path Some background about hand coding text on svg path
  • cool-experiment Animated text on scroll
  • Scan observable and blocks for D3 text examples (I think mike made a map with state names projected along borders)
  • Ask network about cool SVG art projects
  • Scan codepen for examples
  • Look into greensock text examples
  • Look into using Construct to quickly build interactive SVG manip examples
  • Look into WEBGL examples
  • Ask Vasilis about his CSS SVG text experiences
  • Try svg text manipulation in software like Adobe Illustrator

SVG editing and drawing

Link dump

About

Some experiments around text projections for an art project

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages