Sprint 2 – Lena

Design / Illustration

This week I continued working on the visual components. I have finished the background and created three versions of the setting: day, sunrise/sunset, and night. These images will later be used for the cycle animation in the game. At first, I wasn’t sure how I would create such an animation using 2D graphics, but this week I got an idea of drawing three backgrounds and changing the opacity of each one (attached video is an example of this animation). This method is easy to implement in the code and it will not impact the performance of the installation Also, I introduced a new animal (the owl) to the scene to make the experience more realistic and engaging . The owl would be asleep during the day but when the sun goes down it will open it’s eye.

bg
Background

 

assests
Owl and fireplace design

 

Animation

I animated the day – night cycle, foreground elements and the owl. Later on most animations will be exported as .png files and inserted into the code.

 

Code

One of the challenges that I had was adding images into the environment. But I figured it out with Jumanah’s help.

fireplaceWood.load(“Assets/Fireplace/FirePlaceWood.png”); BgNight.load(“Assets/Background/Bg-night.png”); BgDay.load(“Assets/Background/Bg-day.png”); BgSunrise.load(“Assets/Background/Bg-sunrise.png”);

Current problem is to code the day – night transition as I would have to implement the clock() function that would change the opacity of the top layer from 100 – 0 and vise versa every two minutes. This will require more research. By next week I hope to finish all of the visuals and animations and bring the day – night cycle into the code.

 

 

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