1
00:00:00,000 --> 00:00:04,000
[? Music ?] [Code Racer] [Behind the Scenes with Allison Grayce]

2
00:00:04,000 --> 00:00:07,000
I worked really closely with Mat and Tyson when working on 

3
00:00:07,000 --> 00:00:10,000
the user interface for Code Racer,

4
00:00:10,000 --> 00:00:14,000
and one of my responsibilities was working with the weapons.

5
00:00:14,000 --> 00:00:18,000
We needed to decide not only what effect using the weapons

6
00:00:18,000 --> 00:00:21,000
would have on their opponent but also what they would look like visually

7
00:00:21,000 --> 00:00:26,000
and then what iconography would represent these weapons best in their arsenal. 

8
00:00:26,000 --> 00:00:29,000
We also wanted to make sure that we didn't slow down the user too much

9
00:00:29,000 --> 00:00:32,000
as a consequence of using the weapons, so we wanted to make sure

10
00:00:32,000 --> 00:00:36,000
that the iconography was very clear, concise, and to the point

11
00:00:36,000 --> 00:00:39,000
so they could quickly scan it and then use it on their opponent without having to 

12
00:00:39,000 --> 00:00:41,000
think about it too much.

13
00:00:41,000 --> 00:00:45,000
We had a lot of fun coming up with different ideas for what types of 

14
00:00:45,000 --> 00:00:48,000
weapons that we could create, but we had to be realistic.

15
00:00:48,000 --> 00:00:51,000
We had to decide what we could actually develop,

16
00:00:51,000 --> 00:00:54,000
what would be interesting visually, and then what we could 

17
00:00:54,000 --> 00:00:56,000
actually achieve during the time constraint.

18
00:00:56,000 --> 00:01:00,000
For launch, we narrowed our ideas down to 4 weapons.

19
00:01:00,000 --> 00:01:03,000
Comic Sans-ian turns your opponent's code into Comic Sans,

20
00:01:03,000 --> 00:01:05,000
and we all know it's not just the worst font to code in.

21
00:01:05,000 --> 00:01:08,000
The snot rocket lets you clear your nose of unmentionables

22
00:01:08,000 --> 00:01:10,000
onto your opponent's code for 10 seconds.

23
00:01:10,000 --> 00:01:12,000
Eww!

24
00:01:12,000 --> 00:01:15,000
We all know the internet loves cats, though I'm more of a dog person myself.

25
00:01:15,000 --> 00:01:17,000
This weapon makes it rain cats on your opponent's screen

26
00:01:17,000 --> 00:01:20,000
and meows through their speakers for 10 seconds.

27
00:01:20,000 --> 00:01:23,000
The blizzard weapon takes your opponent out cold with snowflakes

28
00:01:23,000 --> 00:01:25,000
covering their screen for 10 seconds.

29
00:01:25,000 --> 00:01:28,000
When I created these icons, I knew I wanted to use super simple shapes

30
00:01:28,000 --> 00:01:32,000
that would be quickly identified with what effect they might have as a weapon.

31
00:01:32,000 --> 00:01:35,000
It was also important that they be simple because certain shapes

32
00:01:35,000 --> 00:01:39,000
like the snot rocket would need to be used at both small and large scales.

33
00:01:39,000 --> 00:01:43,000
Being that they were for a game, I knew I had way more freedom with the color palette,

34
00:01:43,000 --> 00:01:46,000
so I took advantage of this and used bright complementary colors.

35
00:01:46,000 --> 00:01:49,000
We're going to take a look at how I went about designing the Code Racer icons

36
00:01:49,000 --> 00:01:52,000
by creating our very own food icon set.