Sensoji Temple – Animated SVG Series

In a recent trip to Japan, we visited tenths of incredible temples and shrines. We fell in love in the architecture, the atmosphere and the design. So much that Maia Livov decided to illustrate all the temples we visited. This is the first one in a series of animated SVGs based on her illustrations: the Sensoji Temple.

For a better view, see the full demo at codepen.io

From japan-guide.com:

Sensoji (浅草寺, Sensōji, also known as Asakusa Kannon Temple) is a Buddhist temple located in Asakusa. It is one of Tokyo‘s most colorful and popular temples.

The legend says that in the year 628, two brothers fished a statue of Kannon, the goddess of mercy, out of the Sumida River, and even though they put the statue back into the river, it always returned to them. Consequently, Sensoji was built nearby for the goddess of Kannon. The temple was completed in 645, making it Tokyo‘s oldest temple.

In this animated SVG, I used a few techniques to create the seamless forward and backward animation. Most importantly, all animations have the same duration, but each starts and ends at different points in the whole animation timeline.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s