Coder Social home page Coder Social logo

Time for Decovar about decovar HOT 6 CLOSED

googlefonts avatar googlefonts commented on June 16, 2024
Time for Decovar

from decovar.

Comments (6)

djrrb avatar djrrb commented on June 16, 2024

These are now working in a variable font on the draw-axis branch in 3-animation-test :-)

from decovar.

dberlow avatar dberlow commented on June 16, 2024

draw-axis branch in 3-animation-test

comments

  1. I is perfect, and will serve as the control for additional axes of same ufo data*.

  2. O is
    a. drawing the two stokes backwards, the 3/4 stroke should draw first, 1/4 second.
    b. there are missing intermediates that need to be added.
    c. there is a boo-boo at 9:30 on the clock.

  3. W is good but has little notchkies forming in the crowns

  4. A is good, but has one notchky forming in the top crown.

I will try to correct O.

EXCELLENT FIRST TRY!

Note: Please notice that by nature of the process so far, the raw ufo import has put the variation of all of the glyphs on the same range or the draw axis, so that, e.g. the “I” draws really slow, and the W, relatively faster, nearly 4.5 times faster, or so.

In order to make this word draw with each glyph in order, one at a time, realistically, the average user would never make it to what I’m proposing to set up for them in the axes below

Next Axes: Timed Draw

A. drawing each stroke, with time added to the axis, in the form of nothing happening, in between the strokes of the glyphs.

  1. with “I” as our guide, we define its space, (about 1/8th of the axis?) as 1 second.
  2. we pad that space with 1/4 of the “I”’s space to allow time between its drawing and the following glpyh.
  3. we define the space on the axis for “A”, as 2 3/4 seconds, (2 for each diagonal, 1/4 space, and 1/2 second for the crossbar). Then add 2 above.
  4. the “W” is 5 seconds, no spaces. Then add 2 above.
  5. the “O” is 4 seconds, with 3 seconds for the long round, 1/2 second for the short round, and 1/2 second in between strokes. Then add 2 above.

Can do?

Then a movie where each letter starts after the last finishes.

from decovar.

dberlow avatar dberlow commented on June 16, 2024

from decovar.

sannorozco avatar sannorozco commented on June 16, 2024

yeah! can you post the ufo please? 🙂

from decovar.

davelab6 avatar davelab6 commented on June 16, 2024

from decovar.

djrrb avatar djrrb commented on June 16, 2024

Ok @dberlow: @sannorozco has completed the juggernaut 16-master DRAW axis, and I've rewritten the designspace and made a vfont. You can see it in the draw-axis branch.

Below are animated gifs showing the DRAW axis in action. You'll notice some overlap issues... unfortunately this seems to be related to how Drawbot renders the fonts, and is not something I know how to address while using the vfont as the source.

Of course it's possible to pre-generate the instances and remove overlap from those. But since that's a time-intensive process, I figured we should start here first.

DRAW 1

And one at a time:

DRAW 2

from decovar.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.