The Inside Star Citizen episode A Fresh Start - Summer 2020 was published on 10. September 2020 on the CIG YouTube channel.
Topics and timestamps[]
| Topic | Timestamp |
|---|---|
| 100 variants preview | |
| Front end UI converted to modular building blocks |
Video[]
Transcript[]
The transcript was created automatically and needs to be proofread. Words may have been transcribed incorrectly.1 00:00:03,600 --> 00:00:07,120 i don't necessarily think that bigger is
2 00:00:05,200 --> 00:00:09,040 better when it comes to spaceships
3 00:00:07,120 --> 00:00:11,440 for example with the 100i being a small
4 00:00:09,040 --> 00:00:13,759 ship you're a small target in battle
5 00:00:11,440 --> 00:00:15,120 your cargo's easily accessible and if
6 00:00:13,759 --> 00:00:17,279 there's maintenance to be done
7 00:00:15,120 --> 00:00:18,160 on your components is all there to hand
8 00:00:17,279 --> 00:00:20,930 these are examples
9 00:00:18,160 --> 00:00:22,160 why a small ship does have its place
10 00:00:20,930 --> 00:00:24,480 [Music]
11 00:00:22,160 --> 00:00:27,920 a lot of the time with ships there'll be
12 00:00:24,480 --> 00:00:29,599 many changes made from concept to final
13 00:00:27,920 --> 00:00:31,679 thankfully with the 100 series however
14 00:00:29,599 --> 00:00:33,280 that hasn't really happened
15 00:00:31,679 --> 00:00:35,280 obviously it was very important for us
16 00:00:33,280 --> 00:00:36,880 to keep the look of that
17 00:00:35,280 --> 00:00:38,559 initial concept going which we've
18 00:00:36,880 --> 00:00:41,680 managed to do
19 00:00:38,559 --> 00:00:42,960 i found that working on a small interior
20 00:00:41,680 --> 00:00:45,360 such as the 100
21 00:00:42,960 --> 00:00:46,320 you have these specific areas that have
22 00:00:45,360 --> 00:00:47,680 a unique purpose
23 00:00:46,320 --> 00:00:49,440 and the difference of working on a small
24 00:00:47,680 --> 00:00:51,120 ship like the 100i is
25 00:00:49,440 --> 00:00:52,879 everything is contained in this small
26 00:00:51,120 --> 00:00:55,440 space
27 00:00:52,879 --> 00:00:57,520 when the 100i was initially concepted we
28 00:00:55,440 --> 00:00:59,840 were obviously going off the
29 00:00:57,520 --> 00:01:02,640 metrics that were being used at the time
30 00:00:59,840 --> 00:01:04,799 and since then metrics have been updated
31 00:01:02,640 --> 00:01:05,840 so for the dashboard for example we've
32 00:01:04,799 --> 00:01:08,320 now gone into
33 00:01:05,840 --> 00:01:10,320 a more physicalized dashboard where
34 00:01:08,320 --> 00:01:12,479 every button can be interacted with
35 00:01:10,320 --> 00:01:15,200 this will be the first new ship using
36 00:01:12,479 --> 00:01:16,720 this new mechanic
37 00:01:15,200 --> 00:01:18,000 it's always a challenge trying to fit
38 00:01:16,720 --> 00:01:18,640 everything you need to into a small
39 00:01:18,000 --> 00:01:20,640 package
40 00:01:18,640 --> 00:01:22,479 for example with the the seat we had to
41 00:01:20,640 --> 00:01:24,159 raise to accommodate for the landing
42 00:01:22,479 --> 00:01:25,920 gear from the exterior
43 00:01:24,159 --> 00:01:27,920 although an issue through making an
44 00:01:25,920 --> 00:01:29,439 animation to work it actually provided a
45 00:01:27,920 --> 00:01:31,360 nice result in the end because it kind
46 00:01:29,439 --> 00:01:32,400 of separated the pilot from the living
47 00:01:31,360 --> 00:01:34,560 space even though
48 00:01:32,400 --> 00:01:36,240 in tight confined space it gave a
49 00:01:34,560 --> 00:01:38,320 feeling of a separation
50 00:01:36,240 --> 00:01:39,920 so the components went through a couple
51 00:01:38,320 --> 00:01:42,079 of iterations of placement and layout
52 00:01:39,920 --> 00:01:43,520 just to try and maximize the space
53 00:01:42,079 --> 00:01:45,840 the bed went through a couple of
54 00:01:43,520 --> 00:01:46,560 iterations in terms of animations and
55 00:01:45,840 --> 00:01:48,880 placement
56 00:01:46,560 --> 00:01:50,799 so the pilot will have that default log
57 00:01:48,880 --> 00:01:53,680 out option in their ship
58 00:01:50,799 --> 00:01:54,960 so no need to worry about going out
59 00:01:53,680 --> 00:01:57,200 somewhere
60 00:01:54,960 --> 00:01:58,960 being lost and having to find somewhere
61 00:01:57,200 --> 00:02:02,560 else to log out you can log out in
62 00:01:58,960 --> 00:02:03,600 the 100 series one of the evolutions of
63 00:02:02,560 --> 00:02:06,799 the 100 series
64 00:02:03,600 --> 00:02:08,959 was the missile launches in order to not
65 00:02:06,799 --> 00:02:10,000 change the look of the exterior of the
66 00:02:08,959 --> 00:02:11,920 ship we
67 00:02:10,000 --> 00:02:13,360 built these bespoke missile launchers
68 00:02:11,920 --> 00:02:16,879 that are tucked underneath
69 00:02:13,360 --> 00:02:19,280 the ship itself so the 100i
70 00:02:16,879 --> 00:02:20,800 and the other two variants will all have
71 00:02:19,280 --> 00:02:22,560 a missile launcher at the front of the
72 00:02:20,800 --> 00:02:26,160 ship which is tucked away
73 00:02:22,560 --> 00:02:28,160 and the 125a has an extra bigger missile
74 00:02:26,160 --> 00:02:29,840 launcher also at the rear of the ship
75 00:02:28,160 --> 00:02:31,599 now these are completely hidden away so
76 00:02:29,840 --> 00:02:34,800 again you wouldn't notice them
77 00:02:31,599 --> 00:02:36,959 at first which helps us keep the nice
78 00:02:34,800 --> 00:02:40,800 sleek appearance of the 100 series
79 00:02:36,959 --> 00:02:42,480 in place i'm very pleased with how the
80 00:02:40,800 --> 00:02:44,319 100 series has gone personally
81 00:02:42,480 --> 00:02:45,760 being able to focus on a smaller
82 00:02:44,319 --> 00:02:48,840 contained area and
83 00:02:45,760 --> 00:02:52,160 actually focus those details in has been
84 00:02:48,840 --> 00:02:55,519 refreshing it's been a great experience
85 00:02:52,160 --> 00:02:57,599 it's very fun to work on i learned a lot
86 00:02:55,519 --> 00:03:00,800 new things
87 00:02:57,599 --> 00:03:02,560 there's been very little change made no
88 00:03:00,800 --> 00:03:05,280 major issues
89 00:03:02,560 --> 00:03:06,640 i hope players when they fly the ship
90 00:03:05,280 --> 00:03:09,200 get a sense of grandeur
91 00:03:06,640 --> 00:03:11,280 and class when they're flying it while
92 00:03:09,200 --> 00:03:13,120 the 100 series of starter ships is
93 00:03:11,280 --> 00:03:15,280 making its way through the ship pipeline
94 00:03:13,120 --> 00:03:16,239 ahead of its debut in the upcoming alpha
95 00:03:15,280 --> 00:03:18,159 311
96 00:03:16,239 --> 00:03:20,239 the front end experience for star
97 00:03:18,159 --> 00:03:22,560 citizen itself is being refined
98 00:03:20,239 --> 00:03:23,840 by the use of building blocks now while
99 00:03:22,560 --> 00:03:25,760 this next version may
100 00:03:23,840 --> 00:03:26,959 look and feel much the same as you've
101 00:03:25,760 --> 00:03:29,040 already been used to
102 00:03:26,959 --> 00:03:30,640 the conversion itself will provide
103 00:03:29,040 --> 00:03:32,159 improved reliability
104 00:03:30,640 --> 00:03:34,720 and set the stage for additional
105 00:03:32,159 --> 00:03:36,080 functionality down the line
106 00:03:34,720 --> 00:03:38,080 so what we did this quarter is we
107 00:03:36,080 --> 00:03:40,000 converted our front-end ui
108 00:03:38,080 --> 00:03:41,519 to the new building block system that
109 00:03:40,000 --> 00:03:42,319 we're we're converting the rest of the
110 00:03:41,519 --> 00:03:44,480 game over to
111 00:03:42,319 --> 00:03:46,159 and what this is doing is it's setting
112 00:03:44,480 --> 00:03:49,599 us up for the future
113 00:03:46,159 --> 00:03:51,200 for further expansion of our front-end
114 00:03:49,599 --> 00:03:52,720 experience and we wanted to walk you
115 00:03:51,200 --> 00:03:54,640 through what we've done so far
116 00:03:52,720 --> 00:03:56,400 this is the new ui that we've put
117 00:03:54,640 --> 00:03:58,080 together you'll notice that there's a
118 00:03:56,400 --> 00:04:00,080 lot more real estate because we do have
119 00:03:58,080 --> 00:04:01,840 a lot of panoramic shots we want to
120 00:04:00,080 --> 00:04:04,319 swap out for the players on a regular
121 00:04:01,840 --> 00:04:05,760 basis what we will get to is is some
122 00:04:04,319 --> 00:04:07,280 sort of character selection
123 00:04:05,760 --> 00:04:09,040 where you can see your character in the
124 00:04:07,280 --> 00:04:10,560 in the middle of this screen here and so
125 00:04:09,040 --> 00:04:13,040 this is kind of setting us up
126 00:04:10,560 --> 00:04:14,000 for the future of that uh you notice we
127 00:04:13,040 --> 00:04:15,120 got the videos running
128 00:04:14,000 --> 00:04:17,519 running in the background of these
129 00:04:15,120 --> 00:04:18,880 buttons here uh so we preserve that from
130 00:04:17,519 --> 00:04:22,000 the flash implementation
131 00:04:18,880 --> 00:04:23,360 um we've got the friends list here and
132 00:04:22,000 --> 00:04:25,360 the notifications list here
133 00:04:23,360 --> 00:04:27,600 but um one thing i wanted to show you
134 00:04:25,360 --> 00:04:30,560 that we thought was pretty cool is
135 00:04:27,600 --> 00:04:32,000 we actually allowed these to pin to the
136 00:04:30,560 --> 00:04:33,840 side of screen now so
137 00:04:32,000 --> 00:04:35,759 kind of emphasizes that freeing up the
138 00:04:33,840 --> 00:04:37,520 space so that you can see these cool
139 00:04:35,759 --> 00:04:40,880 backgrounds that that we're putting
140 00:04:37,520 --> 00:04:44,400 into the game here for you so
141 00:04:40,880 --> 00:04:46,720 on the way in we wanted to try and
142 00:04:44,400 --> 00:04:48,160 and think about the players that have
143 00:04:46,720 --> 00:04:49,600 never played our game before so what do
144 00:04:48,160 --> 00:04:51,840 they need to do here uh
145 00:04:49,600 --> 00:04:52,800 there's a drop down here that uh that
146 00:04:51,840 --> 00:04:54,880 they need to fill in
147 00:04:52,800 --> 00:04:56,880 and once they do cool you get another
148 00:04:54,880 --> 00:04:59,520 drop down right so we're trying to guide
149 00:04:56,880 --> 00:05:00,320 the new players through this process a
150 00:04:59,520 --> 00:05:02,639 little bit more
151 00:05:00,320 --> 00:05:04,880 a little more hand holding but what
152 00:05:02,639 --> 00:05:06,560 we've got here is we've got
153 00:05:04,880 --> 00:05:08,639 a bunch of different backgrounds so that
154 00:05:06,560 --> 00:05:10,000 you can kind of see the location that
155 00:05:08,639 --> 00:05:13,360 you're going to we thought that was
156 00:05:10,000 --> 00:05:14,160 a really important thing to try and put
157 00:05:13,360 --> 00:05:16,479 into place
158 00:05:14,160 --> 00:05:18,080 and you know and then you could join the
159 00:05:16,479 --> 00:05:20,080 game right
160 00:05:18,080 --> 00:05:21,759 so going back to our main screen here
161 00:05:20,080 --> 00:05:24,639 i've got a party invite
162 00:05:21,759 --> 00:05:25,919 and bam there you go so all the previous
163 00:05:24,639 --> 00:05:28,560 functionalities still exist
164 00:05:25,919 --> 00:05:29,520 right now one thing i want you to see
165 00:05:28,560 --> 00:05:31,039 here uh
166 00:05:29,520 --> 00:05:33,360 people were kind of talking about like
167 00:05:31,039 --> 00:05:35,120 man i really wish i had a way to kind of
168 00:05:33,360 --> 00:05:37,600 get rid of all these well guess what we
169 00:05:35,120 --> 00:05:40,720 added a button that will literally clear
170 00:05:37,600 --> 00:05:43,039 all of the passive uh notifications and
171 00:05:40,720 --> 00:05:45,199 text here will kind of uh be changed to
172 00:05:43,039 --> 00:05:45,840 indicate that as well as a clear passive
173 00:05:45,199 --> 00:05:49,360 or
174 00:05:45,840 --> 00:05:52,000 something along those lines but so
175 00:05:49,360 --> 00:05:53,199 you remember we had that huge pop-up in
176 00:05:52,000 --> 00:05:54,960 the middle of the screen here it was
177 00:05:53,199 --> 00:05:56,800 just kind of ugly kind of overlapped
178 00:05:54,960 --> 00:05:58,240 some of these other ui elements it was
179 00:05:56,800 --> 00:06:00,880 it was a little little clunky
180 00:05:58,240 --> 00:06:02,000 and while we're still in the process of
181 00:06:00,880 --> 00:06:03,600 kind of
182 00:06:02,000 --> 00:06:05,120 honing in on the size of this this
183 00:06:03,600 --> 00:06:06,400 window here
184 00:06:05,120 --> 00:06:08,479 you'll kind of notice that that the
185 00:06:06,400 --> 00:06:10,560 region selection is now down
186 00:06:08,479 --> 00:06:11,440 uh down in the corner here and one of
187 00:06:10,560 --> 00:06:12,800 the things we're actually going to do
188 00:06:11,440 --> 00:06:14,000 before you guys get your hands on is
189 00:06:12,800 --> 00:06:17,120 we're actually going to make this
190 00:06:14,000 --> 00:06:20,639 pop up instead of a down here
191 00:06:17,120 --> 00:06:23,600 so we call it a drop drop up so
192 00:06:20,639 --> 00:06:25,440 uh by converting this all over it allows
193 00:06:23,600 --> 00:06:28,720 us to have much better control
194 00:06:25,440 --> 00:06:30,160 over the the ui as a whole so that as we
195 00:06:28,720 --> 00:06:32,160 transition you know back and forth
196 00:06:30,160 --> 00:06:35,199 between these screens
197 00:06:32,160 --> 00:06:38,000 it's a wholesale clear or fade
198 00:06:35,199 --> 00:06:39,759 of the ui so i know what you guys are
199 00:06:38,000 --> 00:06:41,919 thinking this looks a lot like what we
200 00:06:39,759 --> 00:06:43,360 had before but what is really important
201 00:06:41,919 --> 00:06:45,280 to understand is that this
202 00:06:43,360 --> 00:06:46,880 puts the entire front end that
203 00:06:45,280 --> 00:06:49,520 everything else hooks into
204 00:06:46,880 --> 00:06:50,080 into a modular system that we can expand
205 00:06:49,520 --> 00:06:52,160 on
206 00:06:50,080 --> 00:06:53,599 really easily so somebody wants to add a
207 00:06:52,160 --> 00:06:56,560 new game of theaters of war
208 00:06:53,599 --> 00:06:58,319 perhaps done it's a single button it
209 00:06:56,560 --> 00:07:00,960 goes right in if we want to
210 00:06:58,319 --> 00:07:01,360 add a new character customizer or expand
211 00:07:00,960 --> 00:07:03,440 on
212 00:07:01,360 --> 00:07:04,560 uh just the other things that tie into
213 00:07:03,440 --> 00:07:06,000 the front end like
214 00:07:04,560 --> 00:07:07,840 cool now we show your character in the
215 00:07:06,000 --> 00:07:10,240 middle now we show you know
216 00:07:07,840 --> 00:07:11,360 an organization you know list or
217 00:07:10,240 --> 00:07:13,520 whatever it is
218 00:07:11,360 --> 00:07:14,639 it's gonna hook in super easy and that's
219 00:07:13,520 --> 00:07:18,240 what this is
220 00:07:14,639 --> 00:07:19,039 really all about here so what we learned
221 00:07:18,240 --> 00:07:21,039 this week
222 00:07:19,039 --> 00:07:22,960 well we learned that with the 100 series
223 00:07:21,039 --> 00:07:23,919 good things can still come in small
224 00:07:22,960 --> 00:07:25,520 packages
225 00:07:23,919 --> 00:07:27,360 that just because you're starting out in
226 00:07:25,520 --> 00:07:28,160 the verse doesn't mean you have to look
227 00:07:27,360 --> 00:07:30,160 like it
228 00:07:28,160 --> 00:07:32,240 and that building blocks continues to be
229 00:07:30,160 --> 00:07:34,000 the tool allowing our designers a
230 00:07:32,240 --> 00:07:35,039 modular system that can be easily
231 00:07:34,000 --> 00:07:37,039 expanded upon
232 00:07:35,039 --> 00:07:38,080 and further configured as development
233 00:07:37,039 --> 00:07:40,080 continues
234 00:07:38,080 --> 00:07:45,840 for inside star citizen i'm jared
235 00:07:40,080 --> 00:07:45,840 huckaby we'll see you next week
236 00:08:02,080 --> 00:08:04,160 you
Screenshots[]
.png "100i interior preview ISC 55 (1).png (1.95 MB)")
.png "100i interior preview ISC 55 (2).png (1,006 KB)")
.png "Front End UI converted Building blocks (1).png (2.19 MB)")
.png "Front End UI converted Building blocks (2).png (2.46 MB)")
.png "Front End UI converted Building blocks (3).png (986 KB)")
.png "Front End UI converted Building blocks (4).png (2.3 MB)")
.png "Front End UI converted Building blocks (5).png (2.28 MB)")
.png "Front End UI converted Building blocks (6).png (875 KB)")