-
Notifications
You must be signed in to change notification settings - Fork 0
/
shot-core.html
280 lines (253 loc) · 15.5 KB
/
shot-core.html
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
<!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 class="header--tall">
<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">
</div>
<!-- shot core content: start -->
<div class="masthead"></div>
<div class="cover cover--main">
<div class="centered">
<h1 class="headline font-thin mb-2">
Shot Core
</h1>
<h2 class="font-thin subheading">
The easiest way to prepare, shoot, and edit together footage.
</h2>
<a href="#" class="button button--download">
Sign Up to Beta Test
</a>
<p>
Shot Core is currently <a href="https://github.com/wonderunit/shot-core">in development, available on GitHub.</a>
</p>
</div>
</div>
<h2 id="what-is-it"><a class="header-anchor" href="#what-is-it">¶</a> What is it?</h2>
<p id="p2"><strong>Shot Core is a system that organizes all your shots into a schedule so you can make sure you shoot all the shots you need.</strong> Easily go from storyboards to shooting. When you are shooting, it keeps you on schedule. As you are shooting, it automatically copies all the footage off the camera and organizes all your files and metadata. It automatically assembles your footage into a rough edit, so you can see your scenes as you shoot them. When you are editing, you have all your footage organized in one place.</p>
<h2 id="why"><a class="header-anchor" href="#why">¶</a> Why?</h2>
<p id="p3"><strong>Preparing to shoot, shooting, and managing all the footage for a movie is an organizational nightmare.</strong> A movie contains, on average, 2,000 shots. Typically there are 3 takes per shot. That’s 6,000 pieces of footage. That’s a lot of shots you have to make sure you shoot. Additionally, you have to make sure that footage is all organized in a way you can easily edit it later.</p>
<p id="p4">In old typical productions, a crew member called a “Script Supervisor” is in charge of making sure all of the shots are gathered and organized. They log every shot on a paper notebook. Additionally, there is another crew member called a “Second Assistant Camera (2nd. AC)” that writes shot information on a clapper board and claps the board in front of the camera, so metadata is permanently tied to the clip. Additionally, another person has to shuttle footage off a camera and make sure it is backed up. This is prone to a lot of human error, delays, and high cost.</p>
<p id="p5"><strong>We want filmmakers to be able to shoot with minimal crew, not worrying about administrative and organizational tasks so they can focus on the most important things: the story and the performances. Technology gives us this ability.</strong></p>
<h2 id="who-is-this-for"><a class="header-anchor" href="#who-is-this-for">¶</a> Who is this for?</h2>
<p id="p6"><strong>Narrative productions with small crews.</strong> This is not only for small crews because of tighter budgets. This is for small crews because smaller crews can move faster, and focus more on story. Stanley Kubrick commonly shot movies with a crew of 6 people. He was incredibly organized, but ultimately he cared most about the story.</p>
<p id="p7"><strong>This is for the future filmmaker.</strong> When you see how it works, you can’t deny that this is the future of filmmaking.</p>
<h2 id="how-does-it-work"><a class="header-anchor" href="#how-does-it-work">¶</a> How does it work?</h2>
<h3 id="prepare-pre-production"><a class="header-anchor" href="#prepare-pre-production">¶</a> 1. Prepare / Pre-production</h3>
<ol>
<li><p id="p8">Import from Storyboarder</li>
<li><p id="p9">Make a schedule by ordering and making day breaks</li>
</ol>
<h3 id="shoot-production"><a class="header-anchor" href="#shoot-production">¶</a> 2. Shoot / Production</h3>
<ol>
<li><p id="p10">Monitors show you what you need to shoot</li>
<li><p id="p11">Camera controlled by Shot Core automatically records</li>
<li><p id="p12">Audio Server controlled by Shot Core automatically records</li>
<li><p id="p13">Footage automatically copied off Camera and stored</li>
<li><p id="p14">Slater Mini lets you control the advancement of shots</li>
<li><p id="p15">Watch automatic rough edit scenes</li>
</ol>
<h3 id="edit-post-production"><a class="header-anchor" href="#edit-post-production">¶</a> 3. Edit / Post-production</h3>
<ol>
<li><p id="p16">See all rough edits</li>
<li><p id="p17">See all metadata for shots</li>
<li><p id="p18">Download full scene footage or just work directly off server</li>
</ol>
<h2 id="overview-of-the-system"><a class="header-anchor" href="#overview-of-the-system">¶</a> Overview of the system</h2>
<p id="p19">At the core, Shot Core is specialized software running on a miniature hardware server that contains a database of all your Scenes, Shots, Takes, Schedule information and more. But it is also part of all the other pieces of hardware that work in concert with it.</p>
<p id="p20">[[ image of system ]]</p>
<h2 id="features"><a class="header-anchor" href="#features">¶</a> Features</h2>
<ul>
<li><p id="p21">Import from Storyboarder</li>
<li><p id="p22">Easily schedule shoot days</li>
<li><p id="p23">Monitor that shows schedule, shoot status, and rough edits</li>
<li><p id="p24">Automatically shuttle footage off camera</li>
<li><p id="p25">Slater mini Remote control</li>
<li><p id="p26">Rough scene automatic edits</li>
<li><p id="p27">Automatic warnings: Low Battery, Sound Issue</li>
<li><p id="p28">Make changes with impromptu shots</li>
<li><p id="p29">See all rough edits</li>
<li><p id="p30">Metadata for all shots</li>
</ul>
<h2 id="testimonials"><a class="header-anchor" href="#testimonials">¶</a> Testimonials</h2>
<p id="p31">“This is going to change the way movies are made.”</p>
<p id="p32">“Faster, better, cheaper. Have all three.”</p>
<h2 id="why-did-we-build-shot-core"><a class="header-anchor" href="#why-did-we-build-shot-core">¶</a> Why did we build Shot Core?</h2>
<p id="p33">We are making a movie. We are shooting a complete version of the movie with almost no crew as a “beta test” - we call it “proto production”. This requires us to create software and hardware tools that help us automate procedural and organizational tasks that are normally done by multiple people. We are sort of building a “one man band” system for shooting a movie.</p>
<p id="p34">We have storyboarded the entire movie, shot for shot, using software we’ve created called Storyboarder. The software allows us to set up shots in 3D by placing characters, objects and cameras to easily create shots. Because there is so much metadata in the created storyboards, we can use all that metadata to quickly make shot lists and set up shots in production.</p>
<p id="p35">We wanted to make a production tool that would take that information and help us create the future of filmmaking.</p>
<!-- shot core content: end -->
<div class="right-sidebar">
</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>