https://simblob.blogspot.com/2023/01/making-of-circle-drawing.html

Making-of: circle drawing page
From Red Blob Games's Blog

  * Home
  * Blog
  * Links
  * Twitter
  * About
  * 
  * [        ]

[ ] Navigation

Blog Archive

  * V 2023 ( 2 )
      + V January 2023 ( 2 )
          o Making-of: circle drawing page
          o One letter variable names

  * > 2022 ( 13 )
      + > December 2022 ( 2 )
      + > November 2022 ( 2 )
      + > October 2022 ( 2 )
      + > September 2022 ( 1 )
      + > June 2022 ( 1 )
      + > May 2022 ( 1 )
      + > April 2022 ( 2 )
      + > March 2022 ( 1 )
      + > February 2022 ( 1 )

  * > 2021 ( 10 )
      + > December 2021 ( 1 )
      + > November 2021 ( 1 )
      + > June 2021 ( 1 )
      + > May 2021 ( 1 )
      + > April 2021 ( 2 )
      + > March 2021 ( 1 )
      + > January 2021 ( 3 )

  * > 2020 ( 9 )
      + > December 2020 ( 1 )
      + > August 2020 ( 2 )
      + > July 2020 ( 1 )
      + > May 2020 ( 1 )
      + > April 2020 ( 1 )
      + > March 2020 ( 1 )
      + > February 2020 ( 1 )
      + > January 2020 ( 1 )

  * > 2019 ( 24 )
      + > December 2019 ( 3 )
      + > November 2019 ( 3 )
      + > October 2019 ( 4 )
      + > August 2019 ( 1 )
      + > May 2019 ( 3 )
      + > April 2019 ( 2 )
      + > March 2019 ( 4 )
      + > February 2019 ( 1 )
      + > January 2019 ( 3 )

  * > 2018 ( 37 )
      + > December 2018 ( 5 )
      + > November 2018 ( 7 )
      + > October 2018 ( 3 )
      + > September 2018 ( 7 )
      + > August 2018 ( 3 )
      + > June 2018 ( 1 )
      + > May 2018 ( 1 )
      + > April 2018 ( 3 )
      + > March 2018 ( 3 )
      + > February 2018 ( 1 )
      + > January 2018 ( 3 )

  * > 2017 ( 14 )
      + > December 2017 ( 2 )
      + > November 2017 ( 1 )
      + > September 2017 ( 1 )
      + > August 2017 ( 1 )
      + > July 2017 ( 3 )
      + > June 2017 ( 3 )
      + > May 2017 ( 2 )
      + > April 2017 ( 1 )

  * > 2016 ( 8 )
      + > December 2016 ( 1 )
      + > November 2016 ( 1 )
      + > October 2016 ( 2 )
      + > July 2016 ( 1 )
      + > June 2016 ( 1 )
      + > February 2016 ( 1 )
      + > January 2016 ( 1 )

  * > 2015 ( 9 )
      + > July 2015 ( 1 )
      + > May 2015 ( 1 )
      + > April 2015 ( 1 )
      + > March 2015 ( 4 )
      + > February 2015 ( 1 )
      + > January 2015 ( 1 )

  * > 2014 ( 12 )
      + > December 2014 ( 1 )
      + > September 2014 ( 1 )
      + > July 2014 ( 4 )
      + > May 2014 ( 3 )
      + > March 2014 ( 2 )
      + > February 2014 ( 1 )

  * > 2013 ( 9 )
      + > December 2013 ( 1 )
      + > November 2013 ( 1 )
      + > September 2013 ( 1 )
      + > August 2013 ( 1 )
      + > June 2013 ( 2 )
      + > May 2013 ( 2 )
      + > February 2013 ( 1 )

  * > 2012 ( 8 )
      + > July 2012 ( 2 )
      + > June 2012 ( 1 )
      + > May 2012 ( 1 )
      + > April 2012 ( 1 )
      + > February 2012 ( 1 )
      + > January 2012 ( 2 )

  * > 2011 ( 2 )
      + > December 2011 ( 1 )
      + > October 2011 ( 1 )

  * > 2010 ( 8 )
      + > September 2010 ( 3 )
      + > August 2010 ( 1 )
      + > June 2010 ( 1 )
      + > April 2010 ( 1 )
      + > February 2010 ( 1 )
      + > January 2010 ( 1 )

  * > 2009 ( 15 )
      + > November 2009 ( 1 )
      + > August 2009 ( 1 )
      + > July 2009 ( 1 )
      + > June 2009 ( 3 )
      + > May 2009 ( 3 )
      + > April 2009 ( 1 )
      + > March 2009 ( 2 )
      + > January 2009 ( 3 )

  * > 2008 ( 8 )
      + > December 2008 ( 1 )
      + > November 2008 ( 2 )
      + > August 2008 ( 1 )
      + > June 2008 ( 2 )
      + > February 2008 ( 2 )

  * > 2007 ( 8 )
      + > November 2007 ( 1 )
      + > July 2007 ( 1 )
      + > June 2007 ( 2 )
      + > April 2007 ( 1 )
      + > March 2007 ( 1 )
      + > February 2007 ( 1 )
      + > January 2007 ( 1 )

  * > 2006 ( 26 )
      + > December 2006 ( 5 )
      + > November 2006 ( 2 )
      + > September 2006 ( 1 )
      + > July 2006 ( 4 )
      + > June 2006 ( 1 )
      + > May 2006 ( 1 )
      + > March 2006 ( 3 )
      + > February 2006 ( 8 )
      + > January 2006 ( 1 )

  * > 2005 ( 9 )
      + > December 2005 ( 2 )
      + > August 2005 ( 1 )
      + > July 2005 ( 4 )
      + > June 2005 ( 1 )
      + > May 2005 ( 1 )

  * > 2004 ( 9 )
      + > December 2004 ( 1 )
      + > November 2004 ( 1 )
      + > October 2004 ( 4 )
      + > August 2004 ( 1 )
      + > July 2004 ( 1 )
      + > April 2004 ( 1 )

  * > 2003 ( 12 )
      + > December 2003 ( 2 )
      + > November 2003 ( 2 )
      + > September 2003 ( 1 )
      + > August 2003 ( 1 )
      + > July 2003 ( 1 )
      + > May 2003 ( 1 )
      + > April 2003 ( 1 )
      + > February 2003 ( 3 )

Tuesday, January 17, 2023

People sometimes ask me how I write my interactive tutorials. I
started out using d3.js, and five years ago I wrote an interactive
tutorial about how I made interactive pages with d3.js. I recreated a
diagram from my line drawing tutorial, which was implemented in
d3.js. I now use Vue.js v2, so I wrote a new tutorial about how I
make interactive pages with Vue. I recreated several diagrams from my
circle drawing tutorial.

Diagram constructed in layers

The page is intended to document how I write my pages. It's not a
comprehensive guide to making Explorable Explanations. Everyone has
their own style and preferred implementation techniques. I approach
it as a document (explanations) with added interactivity
(explorables), and the implementation reflects that. But I don't use
the same approach for every page; I'll switch to Canvas or WebGL for
some projects. Most of the ideas on the page will work just as well
with other libraries, but I'm showing Vue because that's what I use
most often.

If you are interested in how I make my pages, or how to get started
making your own, take a look at my new tutorial. Please give me
feedback on what was confusing or didn't work well for you, so that I
can improve the page.

Labels: howto , making-of , vue

- Amit - Tuesday, January 17, 2023

0 comments:

Post a Comment

Older Post Home
Subscribe to: Post Comments ( Atom )

Copyright (c) 2023 Red Blob Games