Need artwork for observation window and icons

[jbphet]

We're getting to the point where it would be good to start integrating the artwork that will be used on the first screen. We'll need backgrounds for the ice age, 1750, 1950, and 2019 selections as well as for the generic view (where the gas concentration is controlled by a slider). We should also have icons for the cloud and the surface temperature checkboxes.

We haven't yet decided whether to use artwork for clouds or go with the code-generated version that is currently in place, so I'll leave it up to @arouinfar to decide whether to procure anything for the clouds that appear in the observation window.

[jbphet]

This was discussed in today's weekly design meeting, and @arouinfar is going to contact Cheryl (sp?) and find out if she has the bandwidth to work on this.

[arouinfar]

I emailed Cheryl to ask about her upcoming availability. I'll report back when I have more info.

[jbphet]

In today's design meeting @arouinfar reported that Cheryl has taken a full time position elsewhere and can't do the artwork for this sim. Bummer.

[jbphet]

In today's design meeting it was decided that @arouinfar will get @jbphet something to integrate by 9/12/2021 so that we can get an early RC out. This will be something that improves the situation, but will almost certainly not be the final artwork.

[arouinfar]

@jbphet I created a glacier for the ice age and a small scene for 1750. For the ice age, we should fill the ground with gray/brown #9b9185.

The assets were exported at twice the resolution used in the mockups below.
1750.png
ice-age.png

Here's the artwork in context:

I'm still working on 1950 and 2020. The wave representation itself is very busy, so a very developed landscape will be overwhelming. It is hard to illustrate something minimal that makes the two years distinguishable, but it's my top priority to wrap up on Monday.

[arouinfar]

Here are the mockups for 1950 and 2020, respectively. The artwork is essentially the same, but the number of buildings is used to indicate the increase in population and industrial development. I played with adding cars on the roads, but it ends up looking really busy so I got rid of them.

@jbphet here's the full set of assets: greenhouse-effect-scenes.zip

[jbphet]

I asked @arouinfar about artwork for the icons over Slack, and she said:

Can you draw the cloud in code like you do in the observation window?

Show surface temp would likely be similar to what you have now, but the glow on the top edge only

Based on this, I'll attempt to render them in code.

[arouinfar]

@jbphet I think the rolling hills look great! The icons and integrated artwork also look good to me. Since the artwork was more of a stop-gap, I'll leave this open until we figure out the next steps.

[mariahmaephet]

[mariahmaephet]

[mariahmaephet]

[mariahmaephet]

[mariahmaephet]

[jbphet]

I've integrated the artwork above and shared some of it with the design team. For the most part, it's starting to look really good. Here are a few requests that came out of the integration and review:

1. The background landscape (the shape of the foreground hills and the background mountains) changes between the agricultural and early industrial images. We'd like this to remain the same. In fact, the best thing may be to provide a background of just the hill and the mountains, and then layer the other imagery in with overlay images. Can we get artwork like this?
2. Can we get sketches for 2020 and Ice Age too? It would be nice to put together the complete set and go from there.
3. We need icons for the three screens. I'll set up a meeting with @mariahmaephet to start on these.

Assigning to @mariahmaephet for the next steps.

[jbphet]

@RVieyra - The design team for this sim was looking over the preliminary artwork above, and @kathy-phet suggested that we run it by you to see if you think it may be in need of localization. This is in the early stages, but we'd like your input: Do you think the artwork shown above, and any landscape artwork that is done for this sim, should be localized?

[RVieyra]

Let me take this back to the #Global team and see what they say. I think the answer would always be "yes," but let me identify some potential options for you.

[RVieyra]

This is not yet all-inclusive of potential options, but here are a few for your consideration:

Africa
Zach shares these possible landscapes:

Europe
Jacqui says: "From a European perspective, the landscape can be similar (rolling green hills and pine trees fits approximately to a landscape found in most countries in Europe) but more than 50% of residents live in apartments or multigenerational houses. It would be an exception for a student to live in an American-style, single-family home like those represented in this image (though they do exist)."

[jbphet]

@mariahmaephet - I was just doing some testing and realized that we need to separate out the glacier from the background like we do for the other dates. The screenshot below should illustrate. Can I get split up version from you?

[mariahmaephet]

[jbphet]

We're almost there - the rocks for the ice age image look good. Unfortunately, this image seems to have some transparent parts that shift it up and right a bit. Here is what it looks like in the sim:

I looked at it in MS Paint and could see the extended boundaries there too.

Also, and apologies for not thinking to mention this earlier, but we should position the rocks so that they aren't where the visible and IR light are coming in and going out on the "Waves" screen. Here is a screenshot of the current situation, and it would be great if the the big rock was between the two IR waves in the center, and the others just generally out of the way of the other waves.

[arouinfar]

Love the rocks!

[mariahmaephet]

@jbphet hmmm, it looks like it just wasn't situated far enough down (we can see the boundary dash in the bottom center), but I made some adjustments so hopefully it lines up right this time.

and is that where you wanted the rock?

[jbphet]

Looking pretty good! One last tweak from me, then I'll turn it over to the design team for review. Can we move the closest rock to the right a little so that it is between the two nearby IR waves, and can we move the leftmost of the two more distant rocks to the left a little so that the visible wave isn't over it? Here's an edited screenshot to illustrate:

[jbphet]

Actually, one other thought: The highlighting on the thermometer shows the light source to be up and left, and the shading on the rocks is from a light source that is up and to the right. Can we flip the rocks horizontally to make this more consistent?

[kathy-phet]

Can you also move the snow cap peak in the back to the left similar to the rock, so the yellow sunlight is against brown. It’s lost in the white of the mountain peak. Sent from my iPhoneOn Dec 13, 2022, at 4:29 PM, John B ***@***.***> wrote: Looking pretty good! One last tweak from me, then I'll turn it over to the design team for review. Can we move the closest rock to the right a little so that it is between the two nearby IR waves, and can we move the leftmost of the two more distant rocks to the left a little so that the visible wave isn't over it? Here's an edited screenshot to illustrate: —Reply to this email directly, view it on GitHub, or unsubscribe.You are receiving this because you were mentioned.Message ID: ***@***.***>

[mariahmaephet]

[kathy-phet]

I was suggesting moving the snowy peak left. I liked the snowy peak, just shift so the yellow beam doesn't hit it.

[mariahmaephet]

@kathy-phet as in onto the peak on the far left?

[kathy-phet]

I meant this ...

[kathy-phet]

So the peak is the same but between the yellow and red waves.

[kathy-phet]

Pedagogically, having the peak where it was was problematic, because it was a white thing, and should have also reflected, just like the cloud.

[mariahmaephet]

oh, okay. We have the peaks lined up so they all match in the different eras, so we can move the mountain but would need to do it to all of them (which I can do)

[kathy-phet]

They were basically looking pretty unique on the ice-age. I see how they line up in the other periods. Basically, snow and the yellow beam doesn't work due to contrast and due to pedagogy, so whatever makes that not happen works for me.

[jbphet]

We've addressed this by moving the snow to the rightmost peak. @kathy-phet - Can you look at the latest phet-test version and let us know if you're cool with it?

[jbphet]

In today's design meeting the design team discussed whether to use the image in #49 (comment) (with two snow capped mountains) and opted not to. We like the one with a single snow cap on the right side.

[jbphet]

We've got all the updated artwork in place, and it has been approved by the design team. I'm going to close this issue, and we can follow up with any changes or revisions in separate, unique issues. Nice work @mariahmaephet!