Comments (6)
These are now working in a variable font on the draw-axis
branch in 3-animation-test
:-)
from decovar.
draw-axis branch in 3-animation-test
comments
-
I is perfect, and will serve as the control for additional axes of same ufo data*.
-
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. -
W is good but has little notchkies forming in the crowns
-
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.
- with “I” as our guide, we define its space, (about 1/8th of the axis?) as 1 second.
- we pad that space with 1/4 of the “I”’s space to allow time between its drawing and the following glpyh.
- 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.
- the “W” is 5 seconds, no spaces. Then add 2 above.
- 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.
from decovar.
yeah! can you post the ufo please?
from decovar.
from decovar.
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.
And one at a time:
from decovar.
Related Issues (20)
- Axes analysis HOT 2
- overlap? HOT 1
- B: Check stroke at lower right of top counter HOT 3
- Named Instance issue: Bifurcated terminals
- Named Instance: INLINE E and F double line HOT 3
- B counter HOT 1
- U Contrast HOT 1
- Rename in name table HOT 8
- OTS failure HOT 5
- Add build script HOT 15
- Line height changes in Blended Axes
- Can't Build, Incompatible Glyphs HOT 8
- CSS HOT 1
- The "Draw" version HOT 6
- Hinting HOT 1
- STAT contains invalid axes
- Website: Update URL with skeleton/terminal combination? HOT 7
- Named instances all the same in Font Book HOT 7
- Weight axis: overlap issue V and A HOT 9
- Weight and Skeleton A Max broken counter form HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from decovar.