People ask me how I write my interactive tutorials. I can point at the HTML+CSS+JS but that doesn’t show the process. I decided to rewrite one of my interactive tutorials from scratch, documenting the process along the way.
![](http://www.redblobgames.com/making-of/line-drawing/blog/image2.png)
I originally planned to use a very simple tutorial, but I decided to use line drawing instead. It's a medium sized project for me, with multiple diagrams, multiple layers in each diagram, draggable handles, and scrubbable numbers. I think it covers a reasonable set of the things I use for my tutorials. This tutorial shows how I put everything together.
![](http://www.redblobgames.com/making-of/line-drawing/blog/image3.png)
This is an interactive tutorial about making interactive tutorials.
Labels: making-of
0 comments:
Subscribe to:
Post Comments
(
Atom
)
Post a Comment