Web Development: How To Do Animated Recursion | by Hemanth … – Medium
Member-only story
Hemanth
Follow
Street Science
--
Share
I have recently been investing a lot of time and effort into web development, and one of my recent challenges was to do animated recursion.
This story started when I wrote an essay on infinite regress, where I explained how we can use recursive algorithms to general very interesting fractal patterns. To illustrate this point, I had written a Python program to generate a fractal curve known as the cross-stitch curve (the one from the title image).
Since I had already done the legwork, I thought I should make this code/model available to the readers so that they may play with it and experience how recursive algorithms work in the process.
So, if I have the algorithm already, how hard would it be to come up with a working web software application based on it? “This should be straightforward”, I thought to myself.
I could not have been more wrong. It was much more challenging than I thought it would be. I am writing this essay to describe these challenges, and also outline the technical solutions I came up with to solve them. If this sort of thing interests you, please read along.
Before we begin, it makes sense to set the context with my background in web development. I am very much still in the process of learning the ropes as far as web development is concerned.
Having said that, I have been able to complete pretty advanced projects in a very short duration of time. This has to do with the fact that I relish problem-solving adventures.
My blog is based on WordPress. So, I had already invested a lot of time and effort into learning custom WordPress development, as well as PHP and JavaScript coding. With this head start in my pocket, one would think that doing animated recursion should be a piece of cake.
But it is not. To pull such a project off, one needs to know the ropes of “animation”. This was my very first time working with animations. So, naturally, right off the bat, I made a terrible mistake.
--
--
Street Science
Student of Life | https://streetscience.net/ | My Work-Map: https://thewalkingtemple.medium.com/about | Patreon: https://www.patreon.com/streetscience
Hemanth
in
Street Science
--
2
Hein de Haan
in
Street Science
--
8
Hein de Haan
in
Street Science
--
3
Hemanth
in
Street Science
--
2
Sanjay Priyadarshi
in
Level Up Coding
--
22
Ali
--
9
Yuri Bett
in
Stackademic
--
8
Sunil Singh
--
3
Mark A. Herschberg
--
15
Areeba Merriam
in
Cantor’s Paradise
--
6
Help
Status
About
Careers
Blog
Privacy
Terms
Text to speech
Teams
source