williamngan / line

Code experiments on drawing

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Taking a Line for a Walk

a drawing gif a drawing gif

This is a code experiment to study the expressions of an active line, inspired by Paul Klee's idea of "taking a line for a walk".

Try the interactive demos and read more about the concept.

Hope you like this! Please ping me @williamngan if you have questions and feedbacks.

Code

Just simple prototype code in javascript ES6. Nothing fancy.

Take a look at LineForm.js which contains a set of functions to create lines.

Then check out BaseLine and its extended classes such as RestatedLine to see how a line is animated and drawn.

This uses Pt.js for drawing. Pt is an experimental library on point, form, and space. And roll.js which is a little library for scrolling slideshow.

Compiling

Run gulp in Terminal, and take a look at gulpfile.

You may ask: where are the import xyz? why not use browserify/webpack/npm/what-not? The answer is that I can't be bothered ;-)

About

Code experiments on drawing

License:Apache License 2.0


Languages

Language:JavaScript 89.8%Language:CSS 5.1%Language:HTML 5.0%