kitchen-sink-pages/index.html at master · wonderunit/kitchen-sink-pages · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <!-- photoswipe -->
    <link rel="stylesheet" href="vendor/photoswipe/photoswipe.css" />
    <link
      rel="stylesheet"
      href="vendor/photoswipe/default-skin/default-skin.css"
    />
    <script src="vendor/photoswipe/photoswipe.min.js"></script>
    <script src="vendor/photoswipe/photoswipe-ui-default.min.js"></script>

    <link rel="stylesheet" href="css/main.css" />

    <title></title>
  </head>

  <body>
    <div class="container">
      <header>
        <div class="primary-nav flex flex-row justify-between">
          <div class="flex justify-end">
            <a href="/" class="logo">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 109.175 13.644"
              >
                <g id="Layer_2" data-name="Layer 2">
                  <g id="Layer_1-2" data-name="Layer 1">
                    <polygon
                      points="9.992 0 19.628 0 25.37 8.126 19.632 13.644 9.992 0"
                    ></polygon>
                    <polygon
                      points="0 0 8.067 0 12.873 6.803 8.07 11.422 0 0"
                    ></polygon>
                    <path
                      d="M35.777,4.9l1.287,4.613L38.573,4.9H40.1l1.5,4.613,1.3-4.613h1.789L42.627,11.65H40.782L39.328,7,37.889,11.65H36.043L33.988,4.9Z"
                      transform="translate(0 -1.594)"
                    ></path>
                    <path
                      d="M46.834,11.343a3.231,3.231,0,0,1-1.244-1.286,3.877,3.877,0,0,1,0-3.565,3.237,3.237,0,0,1,1.244-1.286,3.944,3.944,0,0,1,3.753,0,3.268,3.268,0,0,1,1.237,1.279,3.7,3.7,0,0,1,.434,1.783,3.733,3.733,0,0,1-.434,1.789,3.247,3.247,0,0,1-1.237,1.286,3.944,3.944,0,0,1-3.753,0Zm3.159-1.628a2.177,2.177,0,0,0,.476-1.447,2.179,2.179,0,0,0-.476-1.44,1.722,1.722,0,0,0-2.565,0,2.163,2.163,0,0,0-.483,1.44,2.16,2.16,0,0,0,.483,1.439,1.73,1.73,0,0,0,2.565.008Z"
                      transform="translate(0 -1.594)"
                    ></path>
                    <path
                      d="M55.222,4.9V5.71a2.171,2.171,0,0,1,.957-.72A3.66,3.66,0,0,1,57.6,4.731,2.2,2.2,0,0,1,59.24,5.3a2.18,2.18,0,0,1,.552,1.587V11.65H58.059v-4.1a1.329,1.329,0,0,0-.322-.993,1.3,1.3,0,0,0-.936-.307,1.837,1.837,0,0,0-1.083.349,1.115,1.115,0,0,0-.5.964V11.65H53.5V4.9Z"
                      transform="translate(0 -1.594)"
                    ></path>
                    <path
                      d="M67.955,2.327V11.65H66.236v-.8a2.6,2.6,0,0,1-2.111.964,2.807,2.807,0,0,1-2.607-1.649,4.327,4.327,0,0,1-.385-1.9A4.2,4.2,0,0,1,61.525,6.4a2.965,2.965,0,0,1,1.069-1.23,2.781,2.781,0,0,1,1.531-.434,2.857,2.857,0,0,1,1.146.224,2.725,2.725,0,0,1,.965.74V2.327ZM65.977,6.968a1.531,1.531,0,0,0-.622-.545,1.665,1.665,0,0,0-.7-.168,1.58,1.58,0,0,0-1.251.552,2.144,2.144,0,0,0-.483,1.461,2.146,2.146,0,0,0,.483,1.461,1.583,1.583,0,0,0,1.251.551,1.756,1.756,0,0,0,1.1-.37,1.651,1.651,0,0,0,.482-1.377v-.6A1.675,1.675,0,0,0,65.977,6.968Z"
                      transform="translate(0 -1.594)"
                    ></path>
                    <path
                      d="M75.684,10.867a3.359,3.359,0,0,1-1.251.706,4.893,4.893,0,0,1-1.53.245,3.818,3.818,0,0,1-1.838-.44,3.227,3.227,0,0,1-1.286-1.244,3.632,3.632,0,0,1-.469-1.866,3.653,3.653,0,0,1,.447-1.789A3.321,3.321,0,0,1,71,5.2a3.5,3.5,0,0,1,1.8-.468,3.33,3.33,0,0,1,1.747.461,3.149,3.149,0,0,1,1.2,1.3,4.239,4.239,0,0,1,.425,1.944v.376H71.114a1.776,1.776,0,0,0,.615,1.175,1.991,1.991,0,0,0,1.356.461,3.059,3.059,0,0,0,.992-.175,2.123,2.123,0,0,0,.839-.5ZM74.028,6.541a1.644,1.644,0,0,0-1.237-.468,1.533,1.533,0,0,0-1.195.483,1.828,1.828,0,0,0-.5,1.083H74.51A1.636,1.636,0,0,0,74.028,6.541Z"
                      transform="translate(0 -1.594)"
                    ></path>
                    <path
                      d="M79.208,4.9v.8a2.475,2.475,0,0,1,.95-.7,2.979,2.979,0,0,1,1.216-.266V6.423a2.04,2.04,0,0,0-.49-.057,2.551,2.551,0,0,0-.719.119,2.05,2.05,0,0,0-.678.336.621.621,0,0,0-.279.5V11.65h-1.72V4.9Z"
                      transform="translate(0 -1.594)"
                    ></path>
                    <path
                      d="M87.8,4.9V9.022a1.251,1.251,0,0,0,.322.965,1.361,1.361,0,0,0,.95.293,1.971,1.971,0,0,0,1.083-.307,1.018,1.018,0,0,0,.482-.922V4.9h1.72V11.65H90.64v-.8a2.451,2.451,0,0,1-.97.692,3.533,3.533,0,0,1-1.406.272,2.186,2.186,0,0,1-1.635-.559,2.146,2.146,0,0,1-.545-1.566V4.9Z"
                      transform="translate(0 -1.594)"
                    ></path>
                    <path
                      d="M95.869,4.9V5.71a2.171,2.171,0,0,1,.957-.72,3.656,3.656,0,0,1,1.419-.259,2.2,2.2,0,0,1,1.642.566,2.18,2.18,0,0,1,.552,1.587V11.65H98.706v-4.1a1.329,1.329,0,0,0-.322-.993,1.3,1.3,0,0,0-.936-.307,1.837,1.837,0,0,0-1.083.349,1.115,1.115,0,0,0-.5.964V11.65h-1.72V4.9Z"
                      transform="translate(0 -1.594)"
                    ></path>
                    <path
                      d="M102.319,2.2a1.238,1.238,0,0,1,1.531,0,1.063,1.063,0,0,1,.266.783,1.068,1.068,0,0,1-.266.776,1.213,1.213,0,0,1-1.531,0,1.05,1.05,0,0,1-.273-.776A1.046,1.046,0,0,1,102.319,2.2Zm1.615,2.7V11.65h-1.72V4.9Z"
                      transform="translate(0 -1.594)"
                    ></path>
                    <path
                      d="M106.072,3.054h1.733V4.9h1.37V6.408h-1.37v2.95a.871.871,0,0,0,.16.552.55.55,0,0,0,.456.2h.74V11.65h-1.216a1.929,1.929,0,0,1-1.4-.461,1.824,1.824,0,0,1-.475-1.37V6.408h-1.118V4.9h1.118Z"
                      transform="translate(0 -1.594)"
                    ></path>
                  </g>
                </g>
              </svg>
            </a>
          </div>
          <div class="flex">
            <ul class="menu flex">
              <li>
                <a href="/technology">Technology</a>
                <ul>
                  <li>
                    <a href="/storyboarder">Storyboarder</a>
                  </li>
                  <li>
                    <a href="#">Shot Core</a>
                  </li>
                </ul>
              </li>
              <li>
                <a href="/articles">Articles</a>
                <ul>
                  <li>
                    <a href="#">A Future of Visual Storytelling</a>
                  </li>
                  <li>
                    <a href="#">How We Use Storyboarding</a>
                  </li>
                  <li>
                    <a href="#">Thoughts on Free and Open Source Software</a>
                  </li>
                </ul>
              </li>
              <li><a href="/about">About</a></li>
            </ul>
          </div>
        </div>
      </header>

      <div class="left-sidebar flex-row justify-end items-start">
        <!-- nav example: start -->
<nav class="table-of-contents"><ol><li><a href="#a-future-of-visual-storytelling"> A Future of Visual Storytelling</a><ol><li><a href="#some-side-notes"> Some Side Notes</a><ol><li><a href="#this-is-not-the-future-it-is-a-future"> This is not the future, it is a future.</a></li><li><a href="#why-is-visual-storytelling-important"> Why is visual storytelling important?</a></li><li><a href="#what-is-a-visual-story"> What is a Visual Story?</a></li></ol></li></ol></li><li><a href="#story-development"> 1. Story Development</a><ol><li><a href="#writing-visually"> Writing Visually</a></li><li><a href="#importance-of-play"> Importance of Play</a></li><li><a href="#collaboration"> Collaboration</a></li><li><a href="#music-sooner-than-later"> Music Sooner Than Later</a></li><li><a href="#iteration"> Iteration</a></li></ol></li><li><a href="#pre-production"> 2. Pre-Production</a><ol><li><a href="#casting"> Casting</a></li><li><a href="#edited-animatic-readings"> Edited Animatic Readings</a></li><li><a href="#proto-production"> Proto-production</a></li><li><a href="#testing-and-iterating"> Testing and Iterating</a></li><li><a href="#pre-production-work"> Pre-production work</a></li></ol></li><li><a href="#production"> 3. Production</a><ol><li><a href="#everyone-on-the-same-team"> Everyone on the same team</a></li><li><a href="#fluid-process"> Fluid process</a></li><li><a href="#technology-that-fades-into-the-background"> Technology that fades into the background</a></li><li><a href="#virtual-production"> Virtual Production</a></li><li><a href="#robotics"> Robotics</a></li><li><a href="#on-set-editing"> On Set Editing</a></li></ol></li><li><a href="#post-production"> 4. Post Production</a><ol><li><a href="#editing"> Editing</a></li><li><a href="#compositing"> Compositing</a></li><li><a href="#ai"> AI</a></li></ol></li><li><a href="#distribution"> 5. Distribution</a><ol><li><a href="#where-are-the-people"> Where are the people?</a></li><li><a href="#first-act-on-youtube"> First Act on Youtube</a></li></ol></li></ol></nav>
        <!-- nav example: end -->
      </div>

      <div class="masthead">
        <!-- can include a background video or img, e.g.: -->

        <!--
        <video playsinline loop muted autoplay>
          <source src="https://wonderunit.com/storyboarder/backgroundvideo.mp4" type="video/mp4">
        </video>
        -->

        <!--
        <img src="wide-image.jpg" />
        -->
      </div>

      <div class="cover cover--main">
        <div class="centered">
          <h1 class="headline font-bold">A Future of Visual Storytelling</h1>
        </div>
      </div>

      <h2 style="margin-top:1em;">A Simple Example with Text, Images, and Side Notes</h2>

      <p>
        In the future,
        <span name="story-idea">anyone with a story idea</span> will be able to
        develop and visualize their story without technical limitations. They'll
        be able to direct a visual story by themselves. They'll be able to
        collaborate real time, building virtual scenes with people next to them
        or in different countries. They'll be able to iterate freely and easily
        to make their stories better.
      </p>

      <aside name="story-idea">
        This is a sidenote. It explains some stuff. Anything can go here!
      </aside>

      <figure class="w-column" data-image>
        <a
          href="wide-image.jpg"
          data-size="2550x1113"
        >
          <img
            src="wide-image.jpg"
            alt=""
            loading="lazy"
          />
        </a>
        <figcaption>
          This is the caption for the full-column image. Maybe it could be a
          sidenote?
        </figcaption>
      </figure>

      <figure class="w-large" data-image>
        <a
          href="wide-image.jpg"
          data-size="2550x1113"
        >
          <img
            src="wide-image.jpg"
            alt=""
            loading="lazy"
          />
        </a>
        <figcaption>
          This is the caption for the large image.
        </figcaption>
      </figure>

      <p>
        In the future,
        <span name="storyboards"
          >anyone with a set of storyboards will be able to pick up a camera and
          start shooting</span
        >. They won't need to find or build real sets. They won't need to be in
        the same country as the performers. As they shoot each shot, the scene
        will be roughly edited together, in real time. The technology will
        become invisible. They will only need to worry about the story and the
        performance.
      </p>

      <aside name="storyboards">
        This is a sidenote. It explains some stuff. Anything can go here! Angel
        Adept Blind Bodice Clique Coast Dunce Docile Enact Eosin Furlong Focal
        Gnome Gondola Human Hoist Inlet Iodine Justin Jocose Knoll Koala Linden
        Loads Milliner Modal Number Nodule Onset Oddball Pneumo Poncho Quanta
        Qophs Rhone Roman Snout Sodium Tundra Tocsin Uncle Udder Vulcan Vocal
        Whale Woman Xmas Xenon Yunnan Young Zloty Zodiac.
      </aside>

      <p>
        <span class="float-left" data-image>
          <a
            href="wide-image.jpg"
            data-size="2550x1113"
          >
            <img
              src="wide-image.jpg"
              alt=""
              loading="lazy"
            />
          </a>
          <span class="caption">
            This is an inline caption
          </span>
        </span>

        In the future, any person with a story idea will be able to produce
        their stories into full reality. They won't be restricted by where they
        came from or who they are now, but rather, empowered because of where
        they came from and who they are now. They won't worry about money or
        possessing technology.

        <span class="float-right" data-image>
          <a
            href="wide-image.jpg"
            data-size="2550x1113"
          >
            <img
              src="wide-image.jpg"
              alt=""
              loading="lazy"
            />
          </a>
        </span>

        They will have a place to create stories, find others to work with, and
        find audiences that connect with their work. They will be free to play
        and explore creative story ideas ultimately creating visual stories with
        their most valuable asset: their unique point of view.
      </p>

      <div
        class="gallery"
        data-gallery
        itemscope
        itemtype="http://schema.org/ImageGallery"
      >
        <figure
          itemprop="associatedMedia"
          itemscope
          itemtype="http://schema.org/ImageObject"
        >
          <a
            href="https://wonderunit.com/storyboarder/photoshop-storyboarder.png"
            itemprop="contentUrl"
            data-size="600x338"
          >
            <img
              src="https://wonderunit.com/storyboarder/photoshop-storyboarder.png"
              itemprop="thumbnail"
              alt="Image description"
              loading="lazy"
            />
          </a>
          <figcaption itemprop="caption description">
            Image caption
          </figcaption>
        </figure>

        <figure
          itemprop="associatedMedia"
          itemscope
          itemtype="http://schema.org/ImageObject"
        >
          <a
            href="https://wonderunit.com/storyboarder/photoshop.png"
            itemprop="contentUrl"
            data-size="1920x1080"
          >
            <img
              src="https://wonderunit.com/storyboarder/photoshop.png"
              itemprop="thumbnail"
              alt="Image description"
              loading="lazy"
            />
          </a>
          <figcaption itemprop="caption description">
            Image caption
          </figcaption>
        </figure>
      </div>

      <p>
        You don't need
        <span name="permission">anyone else's permission</span> or money to get
        started. And if you're smart and creative you don't need anyone else's
        permission or money to produce an entire visual story to completion.
      </p>

      <aside name="permission">
        This is another sidenote. It explains some stuff. Anything can go here!
      </aside>

      <figure class="w-grid" data-image>
        <a
          href="wide-image.jpg"
          data-size="2550x1113"
        >
          <img
            src="wide-image.jpg"
            alt=""
            loading="lazy"
          />
        </a>
        <figcaption>
          This is the caption for the full-grid image.
        </figcaption>
      </figure>

      <h2>Pull Quotes</h2>
      <p>
        The story is the most important part of visual storytelling. Does that
        statement sound as basic to you as it feels for me to write it? I hope
        so, because it should be plain as day.
      </p>

      <div class="pullquote">
        <p>
          Making stories is hard. It has been the same level hard for the past
          10,000 years. It will be the same level hard 10,000 years into the
          future.
        </p>
      </div>

      <p>
        Making stories is hard. It has been the same level hard for the past
        10,000 years. It will be the same level hard 10,000 years into the
        future.

        <span class="pull-right">
          Technology may help with minor busywork annoyances.
        </span>

        Technology may help with minor busywork annoyances, but the
        ability to contrive a story from nothing, infuse it with love and soul,
        solve it's infinite potential issues, and economically have an emotional
        impact on the viewer, all while seeming true and not contrived is a
        human miracle.
      </p>

      <blockquote>
        <p>
          Making stories is hard. It has been the same level hard for the past
          10,000 years. It will be the same level hard 10,000 years into the
          future.
        </p>
      </blockquote>

      <p>
        Certainly, you've seen a big budget movie where it was technically
        astounding, but the story just sucked.

        <span class="pull-left">
          …it was technically
        astounding, but the story just sucked
        </span>

        What's the point of burning tons
        of production cash if the story sucks? Why not wait until you have fully
        developed the story?
      </p>

      <p>Probably because making stories is hard, and people are lazy.</p>

      <p>
        Therefore, the development of the story should be the greatest interest
        of visual storytellers all the way through production, and even after
        it.
      </p>

      <h2>
        Video
      </h2>
      <p>
        If we consume visual stories as images, why would a writer use words to
        describe images to synthesize a story? Why not develop a story visually?
        Instead of writing with words, write with images.
      </p>

      <div
        class="w-large"
        style="--aspect-ratio: 16 / 9;"
      >
        <iframe
          src="https://www.youtube-nocookie.com/embed/0SxsW0T-xW0"
          frameborder="0"
          allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
          allowfullscreen
          loading="lazy"
        ></iframe>
      </div>

      <p>
        It’s easy to understand why
        <span class="margin-note" name="we-write-with-words">we write with words.</span>
        We use collections of
        words as symbols to create ideas. We can speak and listen to words to
        communicate ideas. We can write words down and read them. We can easily
        mass distribute written words. Words are cheap and effective. But they
        are also lossy symbols. They can never exactly convey the true meaning
        and feeling of the writer. They require the writer to translate the idea
        to words, and the reader to translate the words to the idea. Those are
        two translations where the original idea can be confused.
        <a href="https://wonderunit.com">This is an underlined hyper-link to the Wonder Unit internet web site.</a>
      </p>

      <aside class="margin-note" name="we-write-with-words">
        Scholars now recognize that writing may have independently developed
        in at least four ancient civilizations:
        Mesopotamia (c. 3400 – 3100 BC),
        Egypt (c. 3250 BC), China (1200 BC),
        and lowland areas of Southern Mexico and Guatemala (by 500 BC).
      </aside>

      <p>
        In animation, specifically at <span name="a-company-like-pixar">a company like Pixar</span>, writers do, in fact,
        write with images. “Story Artists” draw sequences of images to convey
        stories. Storyboards. This is an incredibly effective way of conveying a
        story because the hand drawn images are very close to the desired end
        product. Story artists can visably explain ideas understood immediately,
        which would be very difficult to write in words. Image sequences also
        demonstrate timing, pacing and tone, which is often near impossible to
        do in words.
      </p>
      <aside name="a-company-like-pixar">
        This should be sidenote #4.
      </aside>

      <div class="w-grid">
        <div
          style="--aspect-ratio: 16 / 9;"
        >
          <iframe
            src="https://www.youtube-nocookie.com/embed/0SxsW0T-xW0"
            frameborder="0"
            allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
            allowfullscreen
            loading="lazy"
          ></iframe>
        </div>
      </div>

<h1 style="opacity:0.5;margin:2rem 0 -2rem 0">Example Article:</h1>
      <!-- article example: start -->
<h1 id="a-future-of-visual-storytelling"><a class="speaker-icon" data-speak="" data-speak-start="0" href="#a-future-of-visual-storytelling"></a><a class="header-anchor" href="#a-future-of-visual-storytelling">¶</a> A Future of Visual Storytelling</h1>
<p id="p1"><a class="speaker-icon" data-speak="" data-speak-start="11.357791" href="#p1"></a>In the future, anyone with a story idea will be able to develop and visualize their story without technical limitations. They’ll be able to direct a visual story by themselves. They’ll be able to collaborate real time, building virtual scenes with people next to them or in different countries. They’ll be able to iterate freely and easily to make their stories better.</p>
<p id="p2"><a class="speaker-icon" data-speak="" data-speak-start="29.491958" href="#p2"></a>In the future, anyone with a set of storyboards will be able to pick up a camera and start shooting. They won’t need to find or build real sets. They won’t need to be in the same country as the performers. As they shoot each shot, the scene will be roughly edited together, in real time. The technology will become invisible. They will only need to worry about the story and the performance.</p>
<p id="p3"><a class="speaker-icon" data-speak="" data-speak-start="49.21025" href="#p3"></a>In the future, any person with a story idea will be able to produce their stories into full reality. They won’t be restricted by where they came from or who they are now, but rather, empowered because of where they came from and who they are now. They won’t worry about money or possessing technology. They will have a place to create stories, find others to work with, and find audiences that connect with their work. They will be free to play and explore creative story ideas ultimately creating visual stories with their most valuable asset: their unique point of view.</p>
<p id="p4"><a class="speaker-icon" data-speak="" data-speak-start="76.590875" href="#p4"></a>You don’t need anyone else’s permission or money to get started. And if you’re smart and creative you don’t need anyone else’s permission or money to produce an entire visual story to completion.</p>
<h2 id="some-side-notes"><a class="speaker-icon" data-speak="" data-speak-start="85.690875" href="#some-side-notes"></a><a class="header-anchor" href="#some-side-notes">¶</a> Some Side Notes</h2>
<h3 id="this-is-not-the-future-it-is-a-future"><a class="speaker-icon" data-speak="" data-speak-start="87.856542" href="#this-is-not-the-future-it-is-a-future"></a><a class="header-anchor" href="#this-is-not-the-future-it-is-a-future">¶</a> This is not the future, it is <em>a future</em>.</h3>
<p id="p5"><a class="speaker-icon" data-speak="" data-speak-start="91.065542" href="#p5"></a>These are a collection of my dumb ideas of a very near future of visual storytelling concepts, processes, and technologies that I’m thinking about. I’m not trying to push anything on anyone. I want everyone to have their own idea of the future so we can have conversations and an exchange of ideas. I’m writing this mostly to organize my thoughts, but also to get feedback from you!</p>
<p id="p6"><a class="speaker-icon" data-speak="" data-speak-start="109.987042" href="#p6"></a>“As far as the future, most of it is already here, it’s just not very evenly distributed.” – Abraham Lincoln.</p>
<p id="p7"><a class="speaker-icon" data-speak="" data-speak-start="116.033" href="#p7"></a>Steal the future from everywhere you see it. I’m personally live-action focused, and I’m incredibly surprised live-action production hasn’t stolen simple genius ideas from animation and theatrical productions. They haven’t even attempted. They aren’t even aware of interesting processes from video game development, car manufacturing, university research, or tinkerers on youtube.</p>
<p id="p8"><a class="speaker-icon" data-speak="" data-speak-start="134.821125" href="#p8"></a>All the concepts talked about are in place by some people already or in different contexts. As far as technology, most of it exists already, it might just be inaccessible. I want to try to make the concepts and technology accessible to most people if possible.</p>
<h3 id="why-is-visual-storytelling-important"><a class="speaker-icon" data-speak="" data-speak-start="148.245083" href="#why-is-visual-storytelling-important"></a><a class="header-anchor" href="#why-is-visual-storytelling-important">¶</a> Why is visual storytelling important?</h3>
<p id="p9"><a class="speaker-icon" data-speak="" data-speak-start="151.248416" href="#p9"></a>Stories humanize people. We need to find the humanity in other people’s viewpoints. People’s stories help people understand each other.</p>
<p id="p10"><a class="speaker-icon" data-speak="" data-speak-start="158.082916" href="#p10"></a>Visual stories can create an immediate emotional impact on a viewer in a way that no other art form can.</p>
<h3 id="what-is-a-visual-story"><a class="speaker-icon" data-speak="" data-speak-start="163.355124" href="#what-is-a-visual-story"></a><a class="header-anchor" href="#what-is-a-visual-story">¶</a> What is a Visual Story?</h3>
<p id="p11"><a class="speaker-icon" data-speak="" data-speak-start="165.787291" href="#p11"></a>Visual Stories are ideas conveyed through sequential images or even a single image. In almost every case, the story involves the imagery of people or personified objects that immediately have an emotional effect on the viewer and do not require translation. Each sequential image progresses the idea.</p>
<p id="p12"><a class="speaker-icon" data-speak="" data-speak-start="180.637208" href="#p12"></a>Examples of visual stories are: animated or live action: movies, tv shows, commercials, webisodes, tiktoks, graphic novels, comics, slide shows, or even a single image. The examples vary in length, format, consumption device, subject matter, production method - but at the highest level, they are images shown in order to convey ideas.</p>
<p id="p13"><a class="speaker-icon" data-speak="" data-speak-start="200.305666" href="#p13"></a>Are sounds/music visual stories? Absolutely. In many cases just as emotionally moving as a the visuals.</p>
<h1 id="story-development"><a class="speaker-icon" data-speak="" data-speak-start="206.153833" href="#story-development"></a><a class="header-anchor" href="#story-development">¶</a> 1. Story Development</h1>
<p id="p14"><a class="speaker-icon" data-speak="" data-speak-start="208.875625" href="#p14"></a>The story is the most important part of visual storytelling. Does that statement sound as basic to you as it feels for me to write it? I hope so, because it should be plain as day.</p>
<p id="p15"><a class="speaker-icon" data-speak="" data-speak-start="217.772917" href="#p15"></a>Making stories is hard. It has been the same level hard for the past 10,000 years. It will be the same level hard 10,000 years into the future. Technology may help with minor busywork annoyances, but the ability to contrive a story from nothing, infuse it with love and soul, solve it’s infinite potential issues, and economically have an emotional impact on the viewer, all while seeming true and not contrived is a human miracle.</p>
<p id="p16"><a class="speaker-icon" data-speak="" data-speak-start="239.873125" href="#p16"></a>Certainly, you’ve seen a big budget movie where it was technically astounding, but the story just sucked. What’s the point of burning tons of production cash if the story sucks? Why not wait until you have fully developed the story?</p>
<p id="p17"><a class="speaker-icon" data-speak="" data-speak-start="251.071417" href="#p17"></a>Probably because making stories is hard, and people are lazy.</p>
<p id="p18"><a class="speaker-icon" data-speak="" data-speak-start="254.327959" href="#p18"></a>Therefore, the development of the story should be the greatest interest of visual storytellers all the way through production, and even after it.</p>
<h2 id="writing-visually"><a class="speaker-icon" data-speak="" data-speak-start="260.928376" href="#writing-visually"></a><a class="header-anchor" href="#writing-visually">¶</a> Writing Visually</h2>
<p id="p19"><a class="speaker-icon" data-speak="" data-speak-start="263.001459" href="#p19"></a>If we consume visual stories as images, why would a writer use words to describe images to synthesize a story? Why not develop a story visually? Instead of writing with words, write with images.</p>
<p id="p20"><a class="speaker-icon" data-speak="" data-speak-start="273.277001" href="#p20"></a>It’s easy to understand why we write with words. We use collections of words as symbols to create ideas. We can speak and listen to words to communicate ideas. We can write words down and read them. We can easily mass distribute written words. Words are cheap and effective. But they are also lossy symbols. They can never exactly convey the true meaning and feeling of the writer. They require the writer to translate the idea to words, and the reader to translate the words to the idea. Those are two translations where the original idea can be confused.</p>
<p id="p21"><a class="speaker-icon" data-speak="" data-speak-start="301.485834" href="#p21"></a>In animation, specifically at a company like Pixar, writers do, in fact, write with images. “Story Artists” draw sequences of images to convey stories. Storyboards. This is an incredibly effective way of conveying a story because the hand drawn images are very close to the desired end product. Story artists can visably explain ideas understood immediately, which would be very difficult to write in words. Image sequences also demonstrate timing, pacing and tone, which is often near impossible to do in words.</p>
<p id="p22"><a class="speaker-icon" data-speak="" data-speak-start="328.973084" href="#p22"></a>The downside of drawing images to synthesize stories is that you need to be able to draw. However, I have been assured by many story artists that the important component of “Story Artist” is “Story”. A great storyteller who has little drawing ability can put together stick figure drawings and is able to move a viewer emotionally. Conversely, a technically great illustrator with no clear idea of story often just makes hollow pretty pictures.</p>
<p id="p23"><a class="speaker-icon" data-speak="" data-speak-start="350.998917" href="#p23"></a>Therefore, I believe great visual storytellers <strong>should</strong> be able to visually write without having the ability to draw. This is why we built Storyboarder. Initially, Storyboarder was built as a conventional storyboarding tool centered around illustration. Yet, computers have a great ability to render 3D scenes of environments, objects, and characters. So we built a tool that allows people to easily create scenes, pose characters and set up cameras so they can easily create images to tell stories.</p>
<p id="p24"><a class="speaker-icon" data-speak="" data-speak-start="376.219334" href="#p24"></a>Furthermore, you can put on a VR headset to create and manipulate the whole scene just as you would in a real set. It essentially allows you to write and direct a story on the fly.</p>
<p id="p25"><a class="speaker-icon" data-speak="" data-speak-start="385.180792" href="#p25"></a>Editing is very easy by going back into a scene and making changes. There isn’t a sense of loss of throwing away a drawing – there is a sense of productivity and creativity by incrementally making things better.</p>
<p id="p26"><a class="speaker-icon" data-speak="" data-speak-start="395.455667" href="#p26"></a>https://www.youtube.com/watch?v=31CdxnXAxiQ</p>
<p id="p27"><a class="speaker-icon" data-speak="" data-speak-start="403.749125" href="#p27"></a>“Film stories are still really rooted in theater. You’re frequently stuck doing things that you could do much more poetically. The story has to be written for it and I’m not quite sure who would do it because writers don’t write visual things.” – Stanley Kubrick</p>
<p id="p28"><a class="speaker-icon" data-speak="" data-speak-start="416.40925" href="#p28"></a>With modern creative tools, it’s now possible for writers to write visual things.</p>
<p id="p29"><a class="speaker-icon" data-speak="" data-speak-start="420.762417" href="#p29"></a>So at this point, there is no reason why a visual storyteller should not be writing visually using a tool like Storyboarder or any other tool that works for them.</p>
<h2 id="importance-of-play"><a class="speaker-icon" data-speak="" data-speak-start="428.396042" href="#importance-of-play"></a><a class="header-anchor" href="#importance-of-play">¶</a> Importance of Play</h2>
<p id="p30"><a class="speaker-icon" data-speak="" data-speak-start="430.555417" href="#p30"></a>All of the most creative things I’ve ever done have been by accident. I was trying something I didn’t need to do because: why not? I was playing. With curiosity and wonder you take little low cost risks to see what will happen. You learn new things. Sometimes those things are fantastic. Sometimes you are the first person to discover something and often the first to discover it from your particular point of view.</p>
<p id="p31"><a class="speaker-icon" data-speak="" data-speak-start="451.148709" href="#p31"></a>Keep the costs low and the creative risks high.</p>
<p id="p32"><a class="speaker-icon" data-speak="" data-speak-start="453.555251" href="#p32"></a>When creating or doing something takes a lot of effort or has a big expense, we don’t take small risks. We make plans. We make plans to make plans. We often spend more time trying to mitigate the potential disasters of the plan than actually executing. This limits happy accidents. This limits risk taking. This limits play.</p>
<p id="p33"><a class="speaker-icon" data-speak="" data-speak-start="470.848376" href="#p33"></a>It’s weird and sad how people don’t play as they get older. Maybe it’s because our bodies work slower. Maybe it’s because we think we’ve already discovered everything. Maybe it’s because we don’t even remember the joy of discovery.</p>
<p id="p34"><a class="speaker-icon" data-speak="" data-speak-start="482.064793" href="#p34"></a>Is it possible to live in the world of your story? Is it possible to act the scene out?</p>
<p id="p35"><a class="speaker-icon" data-speak="" data-speak-start="486.16446" href="#p35"></a>When Walt Disney was developing the story of Snow White, he would grab a random employee from the halls and bring them to the theater. He would act out the full story of Snow White from his head. Every time was a little different. He would try different ideas and often improvise new ideas on the spot. He did this hundreds of times, coming up with tons of new ideas.</p>
<p id="p36"><a class="speaker-icon" data-speak="" data-speak-start="504.383752" href="#p36"></a>Why not play the story out hundreds of times? Improvise new ideas because: why not?</p>
<p id="p37"><a class="speaker-icon" data-speak="" data-speak-start="509.256335" href="#p37"></a>When the cost to try new ideas is low, and the technology and tooling blend into the background, you can reach a flow state. You are hyper focused on creation. You can try new things and you get immediate feedback. New ideas give you new ideas. The instant you have to wait for something, this is broken.</p>
<p id="p38"><a class="speaker-icon" data-speak="" data-speak-start="525.107085" href="#p38"></a>When creation feels like a game, the stakes are low. The barrier is low. The risks are easy to take. The art is better.</p>
<h2 id="collaboration"><a class="speaker-icon" data-speak="" data-speak-start="531.593627" href="#collaboration"></a><a class="header-anchor" href="#collaboration">¶</a> Collaboration</h2>
<p id="p39"><a class="speaker-icon" data-speak="" data-speak-start="533.591919" href="#p39"></a>Creativity is reactive. No one synthesizes a completely original idea without prompt. The conversations between people are people reacting to each others ideas. A question is asked for clarification. A person responds with a new thought they’d never thought of before. Another person brings a fact or prior art into the conversation sparking new ideas.</p>
<p id="p40"><a class="speaker-icon" data-speak="" data-speak-start="551.775586" href="#p40"></a>Conversation and collaboration between people is an excellent tool for synthesizing new ideas.</p>
<p id="p41"><a class="speaker-icon" data-speak="" data-speak-start="556.643919" href="#p41"></a>Yet, recent story development is thought of as a solitary act. The sole writer creates a unique, idiosyncratic story with their own take on dramatic conflict.</p>
<p id="p42"><a class="speaker-icon" data-speak="" data-speak-start="565.098711" href="#p42"></a>A strong, unique point of view is absolutely necessary in a story. But why not benefit from multiple minds of similar style, interest and taste, each bringing their own strengths to the development of the story? With a strong central story director, the story can maintain the point of view, while incorporating the very best input from each writer.</p>
<p id="p43"><a class="speaker-icon" data-speak="" data-speak-start="582.452378" href="#p43"></a>Additionally, collaborators don’t need to be in the same place. In fact, it seems absurd to find creative, unique, talented people (which is near impossible), expecting they will all live in the same city. We have tools to coexist in virtual worlds together, walking around, playing, and creating together. You can do this within Storyboarder.</p>
<p id="p44"><a class="speaker-icon" data-speak="" data-speak-start="600.281628" href="#p44"></a>[[ community ]]</p>
<h2 id="music-sooner-than-later"><a class="speaker-icon" data-speak="" data-speak-start="601.052586" href="#music-sooner-than-later"></a><a class="header-anchor" href="#music-sooner-than-later">¶</a> Music Sooner Than Later</h2>
<p id="p45"><a class="speaker-icon" data-speak="" data-speak-start="603.467961" href="#p45"></a>Some of the most beautiful stories are told through music. Some of the greatest memories are tied to iconic original themes.</p>
<p id="p46"><a class="speaker-icon" data-speak="" data-speak-start="609.337961" href="#p46"></a>So why not develop a story with music as a fundamental writing tool in the first place?</p>
<p id="p47"><a class="speaker-icon" data-speak="" data-speak-start="613.812794" href="#p47"></a>Music and thoughtful sound design have a huge impact on how people feel when they watch a visual story. Music can set the mood and tone through the usage of well known cliches. In fact, in the absence of a meaningful story, music is the only hope to keep that visual turd from sinking into the dark abyss of irrelevance.</p>
<h2 id="iteration"><a class="speaker-icon" data-speak="" data-speak-start="629.855461" href="#iteration"></a><a class="header-anchor" href="#iteration">¶</a> Iteration</h2>
<p id="p48"><a class="speaker-icon" data-speak="" data-speak-start="631.715628" href="#p48"></a>Iteration is easily the most important concept around the future of visual storytelling. I buried it down here because most people aren’t even reading this far. But you are. Hey. Isn’t this nice? Let’s just take a moment to appreciate each other. Thanks for reading this. Anyways…</p>
<p id="p49"><a class="speaker-icon" data-speak="" data-speak-start="646.43317" href="#p49"></a>No creation is great right out of the gate. It is made better over time. You listen to feedback. You change things. You try new things or gain a new perspective. You change things. Every iteration makes the work better.</p>
<p id="p50"><a class="speaker-icon" data-speak="" data-speak-start="657.97642" href="#p50"></a>Iteration is how stories have historically developed. Myths would be created by someone and told to a group of people. People would retell the stories, keeping the best aspects of the story and losing the worst parts. Every time it was retold, it would be slightly different, each time, the story would be iterated on. The bible is a great example of a collection of prototypical myths iterating over several thousand years. All religious mythology and folklore is the result of this.</p>
<p id="p51"><a class="speaker-icon" data-speak="" data-speak-start="681.97192" href="#p51"></a>In video game development, no game is just made and released to the public. When a game designer has a novel idea for a game, they are feeling pretty good that they are on to something. They make a prototype. They make something people can play and receive feedback on. This isn’t done two or three times. This is done thousands of times. When the game is ready for release, perhaps a kernel of the vision is still intact, but the resulting game is very different from the way they originally intended. Even after release, changes are being made to improve the game.</p>
<p id="p52"><a class="speaker-icon" data-speak="" data-speak-start="710.166295" href="#p52"></a>In feature-length narrative screenwriting, there is some sort of arbitrary “A draft and two revisions” rule of thumb. It seems to be centered around worker protectionism more than the work itself. But who really gives a shit about how screenwriting is typically done? Mythology has been iterating on iconic stories for 10,000 years. Screenwriting has only existed for roughly a hundred years and has produced only a handful of rare single hit successes.</p>
<p id="p53"><a class="speaker-icon" data-speak="" data-speak-start="732.802587" href="#p53"></a>Yet in animation, particularly at Pixar, stories are heavily iterated on. Animation is much more expensive per minute to produce than live-action. Therefore, if you are going to spend a ton on production, you should invest in the story you are trying to produce. Stories at Pixar start with the kernel of an idea. The story is workshopped. Scenes are written by story artists that produce visual sequences to pitch story ideas to the team and the director. Because these hand drawn sequences can be edited into full versions of a movie, Pixar can show that version to test audiences and their trusted panel of storytellers for feedback. The feedback is taken and incorporated into revisions of sequences, or even wholly new ideas. This makes the stories better. Pixar stories are developed over the course of two years. Their story and commercial hit rate is nearly 100%.</p>
<p id="p54"><a class="speaker-icon" data-speak="" data-speak-start="777.26392" href="#p54"></a>Even though Pixar literally invented computer graphics, their most valuable innovation has been how they iterate on story. I don’t know why every storyteller or entertainment studio hasn’t stolen their process. I think it is because Pixar originated as a group of creative software engineers. The value of technological iteration is burned into their culture. Whereas most other creative executives still cling to the golden touch fallacy.</p>
<p id="p55"><a class="speaker-icon" data-speak="" data-speak-start="799.115712" href="#p55"></a>But iteration is hard particularly in visual storytelling because the costs are so high. Do you have 10 story artists at your disposal to visualize your story concepts? I don’t. Furthermore, changes to stories have ripple effects. If you change a fundamental value of a character in the story, you have to make sure that change is reflected in the rest of the story. This problem increases exponentially based on the length of the story. Even worse, artists are resistant to losing their work. Imagine if you just drew a beautiful sequence of 300 images. But, a great change was made to a character that will improve the story. This will nullify your sequence and it must be redone.</p>
<p id="p56"><a class="speaker-icon" data-speak="" data-speak-start="833.231129" href="#p56"></a>This is why we built Storyboarder. We wanted scenes and shots to be easily changed so that contrary to feeling loss while iterating story, you would feel a sense of improvement. A creative tool like Storyboarder will reduce the change costs so that iteration is pain free.</p>
<p id="p57"><a class="speaker-icon" data-speak="" data-speak-start="846.500796" href="#p57"></a>Also, because the storyboard sequences generated with Storyboarder are very similar to the desired output (a visual story), full sequences of the entire visual story can be presented to test audiences for feedback. This can be done hundreds or thousands of times.</p>
<h1 id="pre-production"><a class="speaker-icon" data-speak="" data-speak-start="859.442546" href="#pre-production"></a><a class="header-anchor" href="#pre-production">¶</a> 2. Pre-Production</h1>
<p id="p58"><a class="speaker-icon" data-speak="" data-speak-start="862.020754" href="#p58"></a>Pre-production is the stage where the story has been developed enough that it makes sense to move forward and prepare for production. However, this doesn’t mean the story is done. Ideally, through the process working with the cast, workshopping the story, and further testing, the story will further develop prior to production. Through the step of proto-production, the story will be iterated on at least one more time.</p>
<h2 id="casting"><a class="speaker-icon" data-speak="" data-speak-start="882.382087" href="#casting"></a><a class="header-anchor" href="#casting">¶</a> Casting</h2>
<p id="p59"><a class="speaker-icon" data-speak="" data-speak-start="884.11317" href="#p59"></a>There are a lot of great actors few people have seen yet. If your story is great, you do not need a well-known actor. If the cost of your production is low, you do not need a well-known actor to sell your story to viewers.</p>
<p id="p60"><a class="speaker-icon" data-speak="" data-speak-start="895.310087" href="#p60"></a>Culturally, you want your actors on your team. You want them fully invested in the story. You want them to make your story ring true. You want them to be able to iterate on the story with you. You want them to make the story better.</p>
<p id="p61"><a class="speaker-icon" data-speak="" data-speak-start="906.66342" href="#p61"></a>This will take more work than usually required of a typical narrative story. It’s important that they are willing to do this.</p>
<h2 id="edited-animatic-readings"><a class="speaker-icon" data-speak="" data-speak-start="912.59367" href="#edited-animatic-readings"></a><a class="header-anchor" href="#edited-animatic-readings">¶</a> Edited Animatic Readings</h2>
<p id="p62"><a class="speaker-icon" data-speak="" data-speak-start="915.139128" href="#p62"></a>Bring the actors together to perform alongside the storyboard animatic and record the voices. In the sessions, if the actors have concerns or ideas, talk them through and try new things if needed. Afterwards, sync the vocal performances to the storyboard animatic. The result should be very compelling. If it’s not, the story or the performances have issues. Make changes. Try it again if needed.</p>
<h2 id="proto-production"><a class="speaker-icon" data-speak="" data-speak-start="935.648545" href="#proto-production"></a><a class="header-anchor" href="#proto-production">¶</a> Proto-production</h2>
<p id="p63"><a class="speaker-icon" data-speak="" data-speak-start="937.763003" href="#p63"></a>A proto-production is a low cost prototype of a visual story. In software or game development terms, it would be like a beta test.</p>
<p id="p64"><a class="speaker-icon" data-speak="" data-speak-start="944.973336" href="#p64"></a>Shoot the movie before shooting the movie.</p>
<p id="p65"><a class="speaker-icon" data-speak="" data-speak-start="946.974878" href="#p65"></a>The objective is to shoot the entire visual story without built-up sets, crew, tight time constraints, or high costs. Think: a large warehouse. A couple moveable walls, platforms, tables and chairs. The actors, the writers, and you – with a camera. You’ll shoot the whole story there. For months if you need to.</p>
<p id="p66"><a class="speaker-icon" data-speak="" data-speak-start="964.608628" href="#p66"></a>The result is a fully edited visual story that can be viewed by anyone. If the visual story doesn’t move your viewers emotionally, it’s not because there aren’t built sets or fancy visual effects. It’s because your story sucks and or your performances are bad.</p>
<p id="p67"><a class="speaker-icon" data-speak="" data-speak-start="977.355836" href="#p67"></a>Wouldn’t it suck to find out your story really just isn’t working? No one is feeling it. Even you. That’s what releasing the first prototype of a game is like. But it’s not a bad thing. It’s incredibly eye opening and a huge opportunity to make things better.</p>
<p id="p68"><a class="speaker-icon" data-speak="" data-speak-start="990.499919" href="#p68"></a>You’ve already visually written your story and iterated on it many times. You shouldn’t even be shooting a proto-production if you weren’t confident in your animatic. So it should be very clear what’s not working with this proto-production and what needs to change.</p>
<p id="p69"><a class="speaker-icon" data-speak="" data-speak-start="1002.755669" href="#p69"></a>I was talking to a well-known movie actor about the idea of a proto-production. He told me that he actually prefers acting in theater. However, he won’t sign on to a theatrical production unless he has the time to devote two full months to workshopping the play. When he signed on, he liked the story of the script. He wouldn’t have if he didn’t. But he describes the first day of workshop as having a feeling that this really isn’t going to work. Yet, through everyone’s feedback, iterating with the director, the script changes, it becomes really good. And even still, on opening night, there will be a line in the play, that no one in the production ever thought twice about, that gets a huge laugh. And they will change the script to lean into that laugh a bit more. It’s an incredibly rewarding experience.</p>
<p id="p70"><a class="speaker-icon" data-speak="" data-speak-start="1042.542961" href="#p70"></a>That same actor will be in a movie where he isn’t even allowed to read the whole script, but what he is reading seems like trash. He’ll ask producers and the directors about it and they will assure him that everything is going to be great. He shows up that day for the shoot. Does his lines. Waits a year. He was right. The story was trash.</p>
<p id="p71"><a class="speaker-icon" data-speak="" data-speak-start="1058.876169" href="#p71"></a>On a technical basis, we want to make tools that make much of the technical aspects of production invisible. We want to focus on the story and the performances, but in order to keep costs down, we won’t have a crew.</p>
<p id="p72"><a class="speaker-icon" data-speak="" data-speak-start="1069.536794" href="#p72"></a>The entire visual story was storyboarded shot for shot in Storyboarder. Each board has tons of metadata: the characters in the shot, what they are doing, where the camera is, what the lens is, etc. So there is a shot list for the whole story. You can shoot to the storyboards in this case, and avoid shooting coverage.</p>
<p id="p73"><a class="speaker-icon" data-speak="" data-speak-start="1086.100627" href="#p73"></a>We built a system called “Shot Core” that imports all of your shots and metadata for the story. The shots can be reordered into a schedule. When you pick up the camera, it shows you the storyboard of the shot you should be shooting. When you record a take, Shot Core logs it and shuttles it automatically off the camera. There’s a small device attached to the camera that lets you rate a take or advance to the next shot. As you are shooting a scene, Shot Core automatically assembles a rough edit of the scene in real time. The whole system is designed to keep you on track, organized, and not worry about anything except the story.</p>
<p id="p74"><a class="speaker-icon" data-speak="" data-speak-start="1117.15621" href="#p74"></a>If you want to shoot anything different, you can make impromptu shots. You can even rework the whole scene with no problem.</p>
<p id="p75"><a class="speaker-icon" data-speak="" data-speak-start="1123.205293" href="#p75"></a>It’s important for the technical aspects of shooting a proto-production to be extremely flexible because you are also workshopping the story. If an actor improvises a line that sparks a new idea, it should be explored. If there is a clear problem, it’s important to pause, work it out, and try potential solutions.</p>
<p id="p76"><a class="speaker-icon" data-speak="" data-speak-start="1138.811543" href="#p76"></a>The result should be very compelling. If it’s not, the story or the performances have issues. Make changes. Shoot a proto-production again if needed.</p>
<h2 id="testing-and-iterating"><a class="speaker-icon" data-speak="" data-speak-start="1146.704543" href="#testing-and-iterating"></a><a class="header-anchor" href="#testing-and-iterating">¶</a> Testing and Iterating</h2>
<p id="p77"><a class="speaker-icon" data-speak="" data-speak-start="1148.981168" href="#p77"></a>Tyler Perry makes a series of movies starring his character, Madea. The movies are a series of situational comedy sketches targeted to Black audiences. Tyler Perry will randomly show up to local night theaters in Atlanta and try new sketch ideas on stage. If the sketch doesn’t do well with the Black audience, he might come back the next night after revising the sketch. And if it kills, that sketch will probably be in the next Madea movie. Tyler Perry is a creative genius. He tests his stories and iterates on them in near real time.</p>
<p id="p78"><a class="speaker-icon" data-speak="" data-speak-start="1176.81196" href="#p78"></a>If there is a central theme to the future of visual storytelling, it is that trying, doing, testing, changing and repeating is extremely important to story development. The process started small and low cost, but you were able to take huge creative risks. With each iteration you were able to improve the story as the costs become greater.</p>
<p id="p79"><a class="speaker-icon" data-speak="" data-speak-start="1193.733293" href="#p79"></a>The result of each iterative step should be compelling. If it’s not, there’s a big problem. There’s no sense moving on to the next step and going through the final step of costly production. It’s an  idiotic waste if you can’t fix those issues earlier.</p>
<p id="p80"><a class="speaker-icon" data-speak="" data-speak-start="1205.833585" href="#p80"></a>When you get feedback, you can translate the feedback into real ideas and make changes on the story. This is key to iterating on story and making it better.</p>
<p id="p81"><a class="speaker-icon" data-speak="" data-speak-start="1213.671918" href="#p81"></a>But how do you know if the story is good or improving? In Tyler Perry’s case, he is performing to his targeted audience for laughs. When he gets laughs, it’s passing the test. When he gets huge laughs, he surpasses his expectation. And when he gets no laughs, something is very wrong. Certainly he thought it might work if he tried it. But he took a risk and it didn’t work out.</p>
<p id="p82"><a class="speaker-icon" data-speak="" data-speak-start="1232.870668" href="#p82"></a>Your taste and your point of view are the most important components to telling a visual story with an idiosyncratic, unique point of view. Luckily, because of this, you mostly know when things are rotten. But you don’t know exactly how your target audience is going to react to the story risks you’ve taken. And that’s the job: to entertain them. Therefore, if you can get their feedback and incorporate it into story changes, you’ll be very successful at entertaining.</p>
<p id="p83"><a class="speaker-icon" data-speak="" data-speak-start="1255.783501" href="#p83"></a>You will only be producing your visual story once. So make sure the proto-production has been well tested before moving ahead.</p>
<h2 id="pre-production-work"><a class="speaker-icon" data-speak="" data-speak-start="1262.196334" href="#pre-production-work"></a><a class="header-anchor" href="#pre-production-work">¶</a> Pre-production work</h2>
<p id="p84"><a class="speaker-icon" data-speak="" data-speak-start="1264.440251" href="#p84"></a>Concurrent to proto-production, you have to prepare everything you need for production.</p>
<p id="p85"><a class="speaker-icon" data-speak="" data-speak-start="1268.536043" href="#p85"></a>Because of advancements in compute speed and game development, scenes can be shot using virtual environments and composited with the real performances of the actors. This allows us to shoot in locations that are impossible or don’t exist, and in many cases, it is just cheaper to shoot virtually. Therefore, we need to design those virtual environments.</p>
<p id="p86"><a class="speaker-icon" data-speak="" data-speak-start="1285.638251" href="#p86"></a>3D designs of the sets need to be created, textured, and lit properly. This doesn’t need to be super high quality or exact, because you can make changes to the environment in post compositing.</p>
<p id="p87"><a class="speaker-icon" data-speak="" data-speak-start="1295.756334" href="#p87"></a>But the most important aspect is the lighting, because when the actors are photographed, the lights on them will be physically reflected from the virtual world. Luckily, lighting is very easy to change in realtime, in production.</p>
<p id="p88"><a class="speaker-icon" data-speak="" data-speak-start="1306.576126" href="#p88"></a>But, anything the actors touch needs to be built. This means that if an actor touches a wall, you need to build that wall. If they pick something up, that needs to be a real thing. If they walk on the floor, the floor needs to be dressed.</p>
<h1 id="production"><a class="speaker-icon" data-speak="" data-speak-start="1318.886793" href="#production"></a><a class="header-anchor" href="#production">¶</a> 3. Production</h1>
<p id="p89"><a class="speaker-icon" data-speak="" data-speak-start="1321.271751" href="#p89"></a>You’ve storyboarded the whole movie, you’ve created a vocal performance animatic, you’ve shot it at least once. Storywise, production should be the easiest aspect of the entire process.</p>
<p id="p90"><a class="speaker-icon" data-speak="" data-speak-start="1330.994293" href="#p90"></a>The objective is: Photograph and record the actors’ performance of the story from intentional camera angles. Collect all the appropriate technical information needed to composite that photography for the final image in post production.</p>
<p id="p91"><a class="speaker-icon" data-speak="" data-speak-start="1342.22246" href="#p91"></a>Every person on the production team should be contributing creatively with the shared vision of the best version of the story. Culturally, it shouldn’t feel like time is running out. Everyone is on the same team and no one is killing themselves to get stuff done. It’s a relaxed environment.</p>
<p id="p92"><a class="speaker-icon" data-speak="" data-speak-start="1355.936627" href="#p92"></a>Technology is used to help accomplish technical tasks that blend into the background. There are fewer technical people, which means a reduced cost of production which means longer time to capture the best performance of the story.</p>
<h2 id="everyone-on-the-same-team"><a class="speaker-icon" data-speak="" data-speak-start="1366.897835" href="#everyone-on-the-same-team"></a><a class="header-anchor" href="#everyone-on-the-same-team">¶</a> Everyone on the same team</h2>
<p id="p93"><a class="speaker-icon" data-speak="" data-speak-start="1369.578543" href="#p93"></a>Do you need more than 6 people to produce a visual story?</p>
<p id="p94"><a class="speaker-icon" data-speak="" data-speak-start="1372.778251" href="#p94"></a>Everyone in your production team should have been along for the whole ride. There should be no mercenaries or hired guns. Everyone should know the story and want the same thing, to make the best possible representation of the story.</p>
<p id="p95"><a class="speaker-icon" data-speak="" data-speak-start="1383.923251" href="#p95"></a>https://a24films.com/notes/2019/12/seduce-and-destroy-with-josh-safdie-benny-safdie-and-paul-thomas-anderson</p>
<p id="p96"><a class="speaker-icon" data-speak="" data-speak-start="1397.106293" href="#p96"></a>Paul Thomas Anderson recalls meeting Stanley Kubrick after Paul made Boogie Nights:</p>
<p id="p97"><a class="speaker-icon" data-speak="" data-speak-start="1401.404501" href="#p97"></a>“We talked about the size of his crew. Cause he had like 6 people. And I go, “Wow you know you have a small crew,” and he’s like, “Well how many do you use?” You know it was one of those moments where you really have to assess like, “Like a fucking hundred,” and that’s too many. And he made a very good point.”</p>
<p id="p98"><a class="speaker-icon" data-speak="" data-speak-start="1416.819626" href="#p98"></a>Stanley Kubrick was a curious autodidact who surrounded himself with small group of similar autodidacts. If he was interested in something, he learned it. His attitude was that nothing is impossible or too complex to learn. He wrote, directed, photographed, designed, engineered, edited, and was probably also a great break dancer. Because his crew had similar skills and everyone was intimately aware of his sense of taste and style, he was able to delegate tasks to autonomous, creative, intelligent people that would get shit done.</p>
<p id="p99"><a class="speaker-icon" data-speak="" data-speak-start="1443.939126" href="#p99"></a>Additionally, they embraced technology that made their jobs easier so they could extend their productions for the purpose of capturing story.</p>
<h2 id="fluid-process"><a class="speaker-icon" data-speak="" data-speak-start="1450.341334" href="#fluid-process"></a><a class="header-anchor" href="#fluid-process">¶</a> Fluid process</h2>
<p id="p100"><a class="speaker-icon" data-speak="" data-speak-start="1452.456001" href="#p100"></a>If something is not working storywise, anyone should be able to call a stop to address it. If someone has an idea to make it better, it should be explored.</p>
<p id="p101"><a class="speaker-icon" data-speak="" data-speak-start="1460.590001" href="#p101"></a>In the latter half of the 20th century, Toyota developed TPS, Toyota Production System. It’s a conceptual, cultural philosophy around the efficient production of automobiles. It’s a precursor for iterative agile development. One component of TPS is that any single person in the factory can stop the production of the entire factory to alert the factory of a problem or an idea to make the process better.</p>
<h2 id="technology-that-fades-into-the-background"><a class="speaker-icon" data-speak="" data-speak-start="1481.245959" href="#technology-that-fades-into-the-background"></a><a class="header-anchor" href="#technology-that-fades-into-the-background">¶</a> Technology that fades into the background</h2>
<p id="p102"><a class="speaker-icon" data-speak="" data-speak-start="1484.507667" href="#p102"></a>In entertainment production, I often hear that anything that can go wrong, will go wrong. I don’t feel that way when I’m using my phone. I don’t feel that way when I’m using my computer. I don’t feel that way when I’m playing a game. Yet, when people are talking about capturing performances on a technical basis, this seems to be the story. I think it is because the tools that are used are poorly designed and rely too much on human operation. Humans doing technical tasks has a huge propensity for error.</p>
<p id="p103"><a class="speaker-icon" data-speak="" data-speak-start="1510.118834" href="#p103"></a>Technology should be built that removes technical tasks from people so they can focus on story and performances. Good user interface design simplifies the complicated technical task for the creative user so they can freely create with very little friction.</p>
<p id="p104"><a class="speaker-icon" data-speak="" data-speak-start="1522.335251" href="#p104"></a>Typical entertainment production does not invest in technology. They buy taped together ad-hoc tools. They do not design tools. They do not build tools. They do not envision the future.</p>
<p id="p105"><a class="speaker-icon" data-speak="" data-speak-start="1532.567543" href="#p105"></a>Technology should not be developed by a cottage industry of high margin businesses to be sold at a yearly trade show. Technology should be designed with specific purpose by the creative artists themselves and ideally shared with other creators.</p>
<h2 id="virtual-production"><a class="speaker-icon" data-speak="" data-speak-start="1544.117751" href="#virtual-production"></a><a class="header-anchor" href="#virtual-production">¶</a> Virtual Production</h2>
<p id="p106"><a class="speaker-icon" data-speak="" data-speak-start="1546.320751" href="#p106"></a>Virtual Production is a concept that describes producing photography where at least part of the image was generated by a computer, in real time. A simple example of this is: Shooting an actor against a green screen and 3D tracking the camera’s position and rotation in real time, so you can composite the actor on top of a 3D rendered background.</p>
<p id="p107"><a class="speaker-icon" data-speak="" data-speak-start="1563.206709" href="#p107"></a>Greenscreening and matte painting have been used for the past 60 years to put actors in environments that would previously be impossible or too expensive.</p>
<p id="p108"><a class="speaker-icon" data-speak="" data-speak-start="1570.303917" href="#p108"></a>The difference now is that the actors can move around in the space, in real time, reacting to the the virtual environment. The director can move the camera around and see the composition of the shot as they are shooting it. The actors and director can try things in the space. They can play in the environment.</p>
<p id="p109"><a class="speaker-icon" data-speak="" data-speak-start="1584.940209" href="#p109"></a>Disney’s The Jungle Book was a great example of one of the first productions that used a realtime game engine to visualize virtual sets. The director of Jungle Book, Jon Favreau, has really embraced the concept of virtual production. In his subsequent TV series, The Mandalorian, he uses a full LED walled environment for many of his scenes. The LED walls give the actors a sense of their environment, but more importantly the LED lights are used to light the actors realistically, as if they are in the real scene. So if the scene was on a sunset beach, they would be lit golden from the side, and cool and dark from the other. In 3D terms, this is called Global Illumination, or GI. Lack of GI in 3D rendering is was makes 3D look so fake. And having real GI on actors is what makes the Mandalorian’s virtual scenes look so real.</p>
<p id="p110"><a class="speaker-icon" data-speak="" data-speak-start="1629.038584" href="#p110"></a>Additionally, because they are completely surrounded by LEDs, they can use the real time camera position and rotation of the camera to project the frustrum of the camera as a green box behind the actors. The green box is only as big as the camera sees. Because it’s small, it reduces the amount of green light bouncing off the actors. This is very smart, because even though they are using a virtual set to light the actors and visualize the shots, they can still change the details of the virtual worlds later in post production.</p>
<p id="p111"><a class="speaker-icon" data-speak="" data-speak-start="1654.369126" href="#p111"></a>In fact, it would really suck if you had to design immensly detailed 3D worlds ahead of production knowing that you might not even end up shooting parts of them.</p>
<p id="p112"><a class="speaker-icon" data-speak="" data-speak-start="1661.779751" href="#p112"></a>Some problems with the Mandalorian LED wall enclosure is that the installation of such a huge scale enclosure is difficult. The cost of the led wall material is incredibly expensive and it generates a ton of heat.</p>
<p id="p113"><a class="speaker-icon" data-speak="" data-speak-start="1672.101543" href="#p113"></a>Therefore, the ideal virtual production system would be something that: is cheap, relatively easy to set up, provides photographic global illumination of the actors, and is easy to segment actors out of the image to be composited on a virtual world.</p>
<p id="p114"><a class="speaker-icon" data-speak="" data-speak-start="1684.305543" href="#p114"></a>What if, instead an LED wall enclosure, the scene was surrounded by disparate remote controlled led light panels? You could place many of them around the periphery of the scene, loosely pointing at the center of the scene. A 360 degree camera placed in the center of the scene could perform a calibration procedure to get the exact position of each light, and as a result, the virtual world could be sampled to tell the light the exact color and intensity to emit. The result would be a very approximate, cheaper form photographic of GI.</p>
<p id="p115"><a class="speaker-icon" data-speak="" data-speak-start="1710.392668" href="#p115"></a>As for masking out the actors from the background for compositing, what if instead of visible light, infrared light was used? Humans can percieve IR light, so it is invisible, so it can be used in smart ways to contain information. Remote controls work with IR light. VR controllers use IR light so they can be tracked by IR cameras. What if you had 2 identical cameras with the same lens? One would allow only IR to pass through, and the other would only allow visible light. Using a mirror, you capture both images. If you flooded the actors from the camera with infrared light, you would be able to use the infrared image as the alpha channel.</p>
<p id="p116"><a class="speaker-icon" data-speak="" data-speak-start="1743.41896" href="#p116"></a>Even simpler, if you were able to capture infrared light as a seperate channel as rgb on the same camera sensor, the setup would be even more elegant.</p>
<p id="p117"><a class="speaker-icon" data-speak="" data-speak-start="1750.993377" href="#p117"></a>This solution assumes real photography is necessary. In the future, it won’t be.</p>
<p id="p118"><a class="speaker-icon" data-speak="" data-speak-start="1755.532502" href="#p118"></a>Imagine that your scene has been all storyboarded out. Why can’t an actor just put on a lightweight vr headset that allows them to walk around freely in the space? The headset would track their body movement, and their facial expressions perfectly. Other actors could be in the same virtual space, coexisting, interacting with each other. Yet, they wouldn’t have to be in the same physical space. The director and the other collaborators could be in the space. They could manipulate the scene, moving objects, directing actors, moving cameras. The entire production could be produced virtually. Also, because the facial expressions and voice could be transferred to any virtual likeness, the appearance of the actors could be anyone or anything. But most interestingly, because each character could be played by the same person, an entire production could be dreamed of, developed, directed, performed and produced by a single person.</p>
<p id="p119"><a class="speaker-icon" data-speak="" data-speak-start="1801.026169" href="#p119"></a>If you ignore visual fidelity, that future is already now. Within 5 years, this type of production will be indistinguishable from reality.</p>
<h2 id="robotics"><a class="speaker-icon" data-speak="" data-speak-start="1808.560086" href="#robotics"></a><a class="header-anchor" href="#robotics">¶</a> Robotics</h2>
<p id="p120"><a class="speaker-icon" data-speak="" data-speak-start="1810.376169" href="#p120"></a>While we are still stuck in physical reality, the ability to move things and articulate them in physical space is really important. If I’m a single person making a youtube video, I have to move the camera into the position I want it. I have to pan and tilt it to make sure the framing is good. If I move too much, I might be out of the frame, ruining the shot without another person to articulate the camera. In the future, I should be able to at least remotely control the position and rotation of the camera. Given the simple rules, I should let the camera operate itself, panning as I move. As a game developer, I would be able to make the autonomous movements of a 3D camera like that in 20 minutes. Why can’t I build that today?</p>
<p id="p121"><a class="speaker-icon" data-speak="" data-speak-start="1846.881836" href="#p121"></a>Within the past 2 years, robotics have gotten much cheaper. Sensing objects and environments in 3D has gotten much better and additionally cheaper.</p>
<p id="p122"><a class="speaker-icon" data-speak="" data-speak-start="1854.481711" href="#p122"></a>So imagine a camera, attached to a robotic arm, mounted to a base platform. The base platform can move in any direction. The arm has 6 base points of articulation so the end of the arm can be in any x, y, z position and any x, y, z rotation within it’s reach. At the end of the arm is the camera, which is remotely controlled as well.</p>
<p id="p123"><a class="speaker-icon" data-speak="" data-speak-start="1873.302211" href="#p123"></a>Instead of moving the camera, you pick up your phone. Through your phone, you see the what the camera sees. Your phone is able to track it’s own position in 3D space, so the position and rotation of your phone can be translated to the relative position and rotation of the robot camera. You might even have specific constraints, like only move along a predefined line, or orbit around a specific point in space.</p>
<p id="p124"><a class="speaker-icon" data-speak="" data-speak-start="1893.291253" href="#p124"></a>Additionally, you would be able to record very specific camera movements that could be played back perfectly, every time.</p>
<p id="p125"><a class="speaker-icon" data-speak="" data-speak-start="1899.321795" href="#p125"></a>But most importantly, you could tell it how to perform as a semi autonomous camera. For example, you could frame the shot that you want, but you could tell it that you wanted to keep a particular subject in a particular part of the frame, allowing for a little wiggle room, but no sudden camera movements, and apply a human handheld type camera shake. Or you might want the camera to dolly slowly, keeping 2 characters in the 2/3rd of the screen no matter how much they move.</p>
<p id="p126"><a class="speaker-icon" data-speak="" data-speak-start="1921.987295" href="#p126"></a>This is really easy to build in a virtual model (video game), but not all that difficult to build using robots and current technology.</p>
<p id="p127"><a class="speaker-icon" data-speak="" data-speak-start="1928.602962" href="#p127"></a>If you think about putting physical movement in additional things like lights, you can imagine a concept of dynamic sets.</p>
<p id="p128"><a class="speaker-icon" data-speak="" data-speak-start="1934.26567" href="#p128"></a>What if you wanted to go from one predefined setup to another? You could just advance the shot, and all of the lights would move to their new positions and the camera would move to its position and the shot would be ready to shoot in a minute.</p>
<h2 id="on-set-editing"><a class="speaker-icon" data-speak="" data-speak-start="1944.841712" href="#on-set-editing"></a><a class="header-anchor" href="#on-set-editing">¶</a> On Set Editing</h2>
<p id="p129"><a class="speaker-icon" data-speak="" data-speak-start="1946.926587" href="#p129"></a>Why aren’t you editing your scene together as it’s being shot? Our tool, Shot Core, does a rough assembly edit in real time as you shoot. But why not really edit the scene together before you move onto the next scene? The whole scene is right there, and you can reshoot or try something different if you want. Bong Joonho does this. It’s some basic no duh type shit.</p>
<h1 id="post-production"><a class="speaker-icon" data-speak="" data-speak-start="1965.179504" href="#post-production"></a><a class="header-anchor" href="#post-production">¶</a> 4. Post Production</h1>
<p id="p130"><a class="speaker-icon" data-speak="" data-speak-start="1967.805171" href="#p130"></a>With heavy use of virtual production, the primary set of work is around visual compositing.</p>
<h2 id="editing"><a class="speaker-icon" data-speak="" data-speak-start="1972.537504" href="#editing"></a><a class="header-anchor" href="#editing">¶</a> Editing</h2>
<p id="p131"><a class="speaker-icon" data-speak="" data-speak-start="1974.212504" href="#p131"></a>To minimize the expense of visual compositing, editing has to be completed first.</p>
<h2 id="compositing"><a class="speaker-icon" data-speak="" data-speak-start="1978.545962" href="#compositing"></a><a class="header-anchor" href="#compositing">¶</a> Compositing</h2>
<p id="p132"><a class="speaker-icon" data-speak="" data-speak-start="1980.45817" href="#p132"></a>Because most of the photographed scenes in the visual story are shot with virtual production, almost every shot of the story needs to be composited. This basically means the video clips of the actors need to be masked so that the background is removed, that needs to be composited on top of a video of the virtual world generated from the position of the camera.</p>
<p id="p133"><a class="speaker-icon" data-speak="" data-speak-start="1996.651253" href="#p133"></a>First, we need the camera track. We have the data from the 3D tracking device attached to the top of the camera during shooting. We take that data and also perform an optical camera track using only the video. The reality is that the optical camera track will work better in most cases because it is frame perfect. The 3D tracking device is more physically accurate, however there is noise in the data. Combining the best of both yields an excellent track that can be fed into the renderer.</p>
<p id="p134"><a class="speaker-icon" data-speak="" data-speak-start="2021.06417" href="#p134"></a>Next, we were recording a 3D depth sensor next to the camera. This gives us the distance between the camera and the actors or objects in the camera. For rendering, we will know the specific depth that we want to set focus. We will render everything behind the plane on that particular depth, and then everything in front of that depth.</p>
<p id="p135"><a class="speaker-icon" data-speak="" data-speak-start="2037.45717" href="#p135"></a>We will use those two images to sandwich the image of the actors.</p>
<p id="p136"><a class="speaker-icon" data-speak="" data-speak-start="2040.911878" href="#p136"></a>Next, we need to isolate the actors. We can use the separate IR image as the mask. It needs to be calibrated per frame to match the visible light image perfectly. The contrast of the image should be boosted so that the actors are white and the background is black. Then, any black holes need to be filled with white. Any great errors need to be hand painted.</p>
<p id="p137"><a class="speaker-icon" data-speak="" data-speak-start="2058.681378" href="#p137"></a>Ideally, this work will be done automatically. Put in the information, get out a rendered shot. Errors in the shots could be spot checked and manually fixed.</p>
<p id="p138"><a class="speaker-icon" data-speak="" data-speak-start="2066.520128" href="#p138"></a>Other artistic composition elements can be placed, like dynamic volumes (fog, steam, explosions).</p>
<h2 id="ai"><a class="speaker-icon" data-speak="" data-speak-start="2072.254003" href="#ai"></a><a class="header-anchor" href="#ai">¶</a> AI</h2>
<p id="p139"><a class="speaker-icon" data-speak="" data-speak-start="2074.01542" href="#p139"></a>AI or Machine Learning has produced some really interesting visual research in the past few years. Unfortunately, currently, most novel example demos are unuseable on a practical basis. But there is some work that could be used procedurally that would speed up work by a ton. One really great example are “deep fakes” or face replacement. The quality is excellent and the technique can currently be used to do face replacement much faster and cheaper than manually compositing 3D face renderings ontop of video.</p>
<p id="p140"><a class="speaker-icon" data-speak="" data-speak-start="2099.641337" href="#p140"></a>The areas that I think AI will particularly interesting are:</p>
<ul>
<li>
<p id="p141"><a class="speaker-icon" data-speak="" data-speak-start="2102.63167" href="#p141"></a><strong>Rotoscoping</strong> - Masking subjects out of a video. In ML, this is usually called image segmentation or background removal.</p>
</li>
<li>
<p id="p142"><a class="speaker-icon" data-speak="" data-speak-start="2109.508753" href="#p142"></a><strong>Relighting</strong> - Take an existing video and change the position of the light sources to relight the video.</p>
</li>
<li>
<p id="p143"><a class="speaker-icon" data-speak="" data-speak-start="2114.522253" href="#p143"></a><strong>Face replacement</strong> - Replace a video clips face with an existing face model.</p>
</li>
<li>
<p id="p144"><a class="speaker-icon" data-speak="" data-speak-start="2118.688753" href="#p144"></a><strong>Performance replacement</strong> - Take an existing shot with a performance and camera movement, and replace the performance matching the existing style of the video.</p>
</li>
<li>
<p id="p145"><a class="speaker-icon" data-speak="" data-speak-start="2126.076711" href="#p145"></a><strong>Dynamic retiming</strong> - Independantly retime performance from camera movement.</p>
</li>
<li>
<p id="p146"><a class="speaker-icon" data-speak="" data-speak-start="2129.814461" href="#p146"></a><strong>Speech Editing / Speech Synthesis</strong> - Change words in a sentence in a performance.</p>
</li>
<li>
<p id="p147"><a class="speaker-icon" data-speak="" data-speak-start="2134.085503" href="#p147"></a><strong>Audio Cleanup</strong> - Eliminate background from noisy recordings.</p>
</li>
<li>
<p id="p148"><a class="speaker-icon" data-speak="" data-speak-start="2137.33417" href="#p148"></a><strong>Audio style matching</strong> - Given an existing recording of a voice actor, match the style with a new actor’s voice.</p>
</li>
</ul>
<h1 id="distribution"><a class="speaker-icon" data-speak="" data-speak-start="2143.113712" href="#distribution"></a><a class="header-anchor" href="#distribution">¶</a> 5. Distribution</h1>
<p id="p149"><a class="speaker-icon" data-speak="" data-speak-start="2145.698462" href="#p149"></a>Visual Storytellers want their visual stories to be seen by the most targeted people. Everyone watches visuals on their phones, computer, or tvs through the internet.</p>
<p id="p150"><a class="speaker-icon" data-speak="" data-speak-start="2154.491795" href="#p150"></a>With the cost of production being much lower, you can specifically target groups that were typically considered niche, better serve that audience, and make a market that previously didn’t exist.</p>
<p id="p151"><a class="speaker-icon" data-speak="" data-speak-start="2163.26942" href="#p151"></a>Also, great stories are universal. If your story is great, you transcend your initial audience to much wider appeal.</p>
<h2 id="where-are-the-people"><a class="speaker-icon" data-speak="" data-speak-start="2169.746545" href="#where-are-the-people"></a><a class="header-anchor" href="#where-are-the-people">¶</a> Where are the people?</h2>
<p id="p152"><a class="speaker-icon" data-speak="" data-speak-start="2171.679128" href="#p152"></a>Fish where the fish are. Where are the fish? Youtube. Are fish anywhere else? Maybe, but who gives a shit? Youtube is massive. Distribution is free. And in the future, you will be able to post on demand paid content there.</p>
<h2 id="first-act-on-youtube"><a class="speaker-icon" data-speak="" data-speak-start="2183.822711" href="#first-act-on-youtube"></a><a class="header-anchor" href="#first-act-on-youtube">¶</a> First Act on Youtube</h2>
<p id="p153"><a class="speaker-icon" data-speak="" data-speak-start="2186.190753" href="#p153"></a>I don’t understand why the first act of every movie isn’t on Youtube. I don’t understand why the first episode of every TV show isn’t on Youtube. Everyone is on Youtube looking to watch something that connects with them. The first act of a movie sets up the world, introduces the character(s) in that world and then, BAM, something happens that forces the character(s) on a journey. If that shit is good, the only thing I’m thinking is, “WHAT HAPPENS NEXT?!?” I’m hooked. It costs $5 bucks to watch the rest and everyone else says it’s good? Done. Even if I have to go to another platform to watch the rest of the movie, I’m sold. If I watched the first episode of a great TV show, I’d be sold. It’s free, and potentially infinitely scalable marketing.</p>
<p id="p154"><a class="speaker-icon" data-speak="" data-speak-start="2225.354211" href="#p154"></a>Why wouldn’t every producer of visual stories post at least the first part of their story on Youtube? Because they are cowards. They want to sell their content trash to a handful of greater fools who don’t know any better. Those fools want to package that shit into their streaming platform or sell it in the form of a fancy trailer. The producers are afraid, and generally correctly, that their stories are so bad that if people were to see even the first act, they wouldn’t want to continue watching, let alone pay to watch.</p>
<p id="p155"><a class="speaker-icon" data-speak="" data-speak-start="2249.946628" href="#p155"></a>Make the best shit. Put your shit out there and don’t be a coward.</p>
      <!-- article example: end -->

      <div class="right-sidebar">
        <div class="audio-player">
          <a class="button button--play"></a>
          <div class="progress-bar">
            <div class="progress"></div>
          </div>
        </div>
        <audio
          data-audio-player
          src="/media/a-future-of-visual-storytelling.mp3"
        ></audio>
      </div>

      <footer>
        <div class="flex">
          <small class="text-center w-full">
            © 2020 Wonder Unit, Inc. All rights reserved.
          </small>
        </div>
      </footer>
    </div>

    <!-- PhotoSwipe template -->
    <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
      <div class="pswp__bg"></div>

      <div class="pswp__scroll-wrap">
        <div class="pswp__container">
          <div class="pswp__item"></div>
          <div class="pswp__item"></div>
          <div class="pswp__item"></div>
        </div>

        <div class="pswp__ui pswp__ui--hidden">
          <div class="pswp__top-bar">
            <div class="pswp__counter"></div>

            <button
              class="pswp__button pswp__button--close"
              title="Close (Esc)"
            ></button>

            <button
              class="pswp__button pswp__button--share"
              title="Share"
            ></button>

            <button
              class="pswp__button pswp__button--fs"
              title="Toggle fullscreen"
            ></button>

            <button
              class="pswp__button pswp__button--zoom"
              title="Zoom in/out"
            ></button>

            <div class="pswp__preloader">
              <div class="pswp__preloader__icn">
                <div class="pswp__preloader__cut">
                  <div class="pswp__preloader__donut"></div>
                </div>
              </div>
            </div>
          </div>

          <div
            class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"
          >
            <div class="pswp__share-tooltip"></div>
          </div>

          <button
            class="pswp__button pswp__button--arrow--left"
            title="Previous (arrow left)"
          ></button>

          <button
            class="pswp__button pswp__button--arrow--right"
            title="Next (arrow right)"
          ></button>

          <div class="pswp__caption">
            <div class="pswp__caption__center"></div>
          </div>
        </div>
      </div>
    </div>

    <script type="module" src="js/index.js"></script>
  </body>
</html>