Day 19 – Kaiten Sushi

Kaiten sushi, or conveyor belt sushi, is just about one of the best things in the world. You press a button on a screen, and your food comes directly to your table on a nifty conveyor belt. I’ve seen variations such as floating boats and mini “bullet trains” too. I always like to take screenshots of funny times when my code doesn’t work out. Let’s take a look at some of the things that happened today. sushisSushi showing up all over the place. Although this might not be such a bad scenario at a real restaurant! Looking at sushi clip art makes me so hungry.

sushi mixSushi clump. This happened because there was no delay in when the ordered sushi would be appended to the div.

sushi

And here’s the final version. After you click order, the sushi is added to a queue and appended to the div. Css animation moves the conveyor belt continuously and the sushi across the page to the end. Clicking (eating) the sushi opens up more space on the belt!

Day 19 – Kaiten Sushi

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