Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Newer
Older
100644 725 lines (725 sloc) 44.125 kb
60ddfe1 @elliotwoods Up to 7th tutorial
authored
1 <!DOCTYPE PATCH SYSTEM "http://vvvv.org/versions/vvvv45beta26.dtd" >
a286062 @elliotwoods Up to Spreads 2
authored
2 <PATCH nodename="C:\kimchiandchips\Workshops\VVVV.Tutorials.Fundamentals\6. Spreads.v4p" filename="C:\kimchiandchips\Workshops\VVVV-basics,mapping\6. Spreads.v4p" locked="0" systemname="6. Spreads">
60ddfe1 @elliotwoods Up to 7th tutorial
authored
3 <BOUNDS height="14025" left="5310" top="600" type="Window" width="16800">
4 </BOUNDS>
5 <NODE componentmode="InABox" id="0" nodename="IOBox (String)" systemname="IOBox (String)">
6 <BOUNDS height="270" left="225" top="150" type="Node" width="1380">
7 </BOUNDS>
8 <BOUNDS height="1095" left="225" top="150" type="Box" width="7665">
9 </BOUNDS>
10 <PIN encoded="0" pinname="Input String" slicecount="1" visible="0" values="|6. Spreads|">
11 </PIN>
12 <PIN pinname="Output String" visible="0">
13 </PIN>
14 <PIN pinname="Show Grid" slicecount="1" values="1">
15 </PIN>
16 <PIN pinname="String Type" slicecount="1" values="MultiLine">
17 </PIN>
18 <PIN pinname="Size" slicecount="1" values="42">
19 </PIN>
20 </NODE>
21 <NODE componentmode="InABox" id="2" nodename="IOBox (String)" systemname="IOBox (String)">
22 <BOUNDS height="270" left="105" top="12405" type="Node" width="2070">
23 </BOUNDS>
24 <BOUNDS height="750" left="105" top="12405" type="Box" width="5325">
25 </BOUNDS>
26 <PIN encoded="0" pinname="Input String" slicecount="1" visible="0" values="|Created by Elliot Woods.&cr;&lf;Distributed under the MIT license (check file LICENSE) for details.&cr;&lf;Generally you can do whatever you want with these files. have fun!|">
27 </PIN>
28 <PIN pinname="Output String" visible="0">
29 </PIN>
30 <PIN pinname="Show Grid" slicecount="1" values="1">
31 </PIN>
32 <PIN pinname="String Type" slicecount="1" values="MultiLine">
33 </PIN>
34 </NODE>
35 <NODE componentmode="InABox" id="5" nodename="IOBox (String)" systemname="IOBox (String)">
36 <BOUNDS height="270" left="5805" top="2640" type="Node" width="1380">
37 </BOUNDS>
38 <BOUNDS height="540" left="5805" top="2640" type="Box" width="2085">
39 </BOUNDS>
40 <PIN encoded="0" pinname="Input String" visible="1">
41 </PIN>
42 <PIN pinname="Output String" visible="0">
43 </PIN>
44 <PIN pinname="Show Grid" slicecount="1" values="0">
45 </PIN>
46 <PIN pinname="String Type" slicecount="1" values="MultiLine">
47 </PIN>
48 <PIN pinname="Size" slicecount="1" values="12">
49 </PIN>
50 <PIN encoded="0" pinname="Descriptive Name" slicecount="1" values="Author">
51 </PIN>
52 </NODE>
53 <NODE componentmode="InABox" id="6" nodename="IOBox (String)" systemname="IOBox (String)">
54 <BOUNDS height="270" left="225" top="1260" type="Node" width="1380">
55 </BOUNDS>
56 <BOUNDS height="1155" left="225" top="1260" type="Box" width="7665">
57 </BOUNDS>
58 <PIN encoded="0" pinname="Input String" visible="1">
59 </PIN>
60 <PIN pinname="Output String" visible="0">
61 </PIN>
62 <PIN pinname="Show Grid" slicecount="1" values="0">
63 </PIN>
64 <PIN pinname="String Type" slicecount="1" values="MultiLine">
65 </PIN>
66 <PIN pinname="Size" slicecount="1" values="12">
67 </PIN>
68 <PIN encoded="0" pinname="Descriptive Name" slicecount="1" values="Description">
69 </PIN>
70 </NODE>
a286062 @elliotwoods Up to Spreads 2
authored
71 <INFO author="Elliot Woods" description="Introduction to Spreads, creating spreads, inspecting spreads. How they act" tags="Spreads, Linear Spread, I, FileTexture, Aspect Ratio">
60ddfe1 @elliotwoods Up to 7th tutorial
authored
72 </INFO>
73 <NODE componentmode="Hidden" filename="Subpatches\GetMetadata (VVVV).v4p" hiddenwhenlocked="1" id="10" nodename="GetMetadata (VVVV)" systemname="GetMetadata (VVVV)">
74 <BOUNDS height="100" left="5820" top="1800" type="Node" width="100">
75 </BOUNDS>
76 <PIN pinname="Patch" visible="1">
77 </PIN>
78 <BOUNDS height="3465" left="14520" top="5520" type="Window" width="4680">
79 </BOUNDS>
80 <PIN pinname="Author" visible="1">
81 </PIN>
82 <PIN pinname="Description" visible="1">
83 </PIN>
84 <PIN pinname="Tags" visible="1">
85 </PIN>
86 </NODE>
87 <NODE componentmode="Hidden" hiddenwhenlocked="1" id="8" nodename="PatchAlias (VVVV)" systemname="PatchAlias (VVVV)">
88 <BOUNDS height="100" left="5820" top="1350" type="Node" width="100">
89 </BOUNDS>
90 <PIN pinname="Patch" visible="1">
91 </PIN>
92 </NODE>
93 <LINK dstnodeid="10" dstpinname="Patch" hiddenwhenlocked="1" srcnodeid="8" srcpinname="Patch">
94 </LINK>
95 <LINK dstnodeid="6" dstpinname="Input String" hiddenwhenlocked="1" linkstyle="VHV" srcnodeid="10" srcpinname="Description">
96 <LINKPOINT x="6445" y="2205">
97 </LINKPOINT>
98 <LINKPOINT x="245" y="2355">
99 </LINKPOINT>
100 </LINK>
101 <NODE componentmode="InABox" id="11" nodename="IOBox (String)" systemname="IOBox (String)">
102 <BOUNDS height="270" left="225" top="2640" type="Node" width="1380">
103 </BOUNDS>
104 <BOUNDS height="540" left="225" top="2640" type="Box" width="5520">
105 </BOUNDS>
106 <PIN encoded="0" pinname="Input String" visible="1">
107 </PIN>
108 <PIN pinname="Output String" visible="0">
109 </PIN>
110 <PIN pinname="Show Grid" slicecount="1" values="0">
111 </PIN>
112 <PIN pinname="String Type" slicecount="1" values="MultiLine">
113 </PIN>
114 <PIN pinname="Size" slicecount="1" values="12">
115 </PIN>
116 <PIN encoded="0" pinname="Descriptive Name" slicecount="1" values="Tags">
117 </PIN>
118 </NODE>
119 <LINK dstnodeid="11" dstpinname="Input String" hiddenwhenlocked="1" linkstyle="VHV" srcnodeid="10" srcpinname="Tags">
120 <LINKPOINT x="7015" y="2293">
121 </LINKPOINT>
122 <LINKPOINT x="275" y="2448">
123 </LINKPOINT>
124 </LINK>
125 <LINK dstnodeid="5" dstpinname="Input String" hiddenwhenlocked="1" srcnodeid="10" srcpinname="Author">
126 </LINK>
127 <NODE componentmode="InABox" id="12" nodename="IOBox (String)" systemname="IOBox (String)">
128 <BOUNDS height="270" left="3375" top="3660" type="Node" width="2070">
129 </BOUNDS>
130 <BOUNDS height="330" left="3375" top="3660" type="Box" width="1470">
131 </BOUNDS>
a286062 @elliotwoods Up to Spreads 2
authored
132 <PIN encoded="0" pinname="Input String" slicecount="1" visible="0" values="|[0 - Spreads]&cr;&lf;&lt;concept&gt;Spreads&lt;/concept&gt; are a fundamental tool in VVVV. They are the gift that keeps on giving (metephorically, and quite literally).&cr;&lf;&lt;br /&gt;&cr;&lf;&cr;&lf;(Note for programmers: It&apos;s similar to an &lt;b&gt;Array&lt;/b&gt; in normal programming speak, but also very different).&cr;&lf;&lt;br /&gt;&cr;&lf;&cr;&lf;&lt;ul&gt;&cr;&lf;&lt;li&gt;A spread is a set of data.&lt;/li&gt;&cr;&lf;&lt;li&gt;An individual item within a Spread is called a &lt;concept&gt;Slice&lt;/concept&gt;&lt;/li&gt;&cr;&lf;&lt;li&gt;The number of Slices in a Spread is called the &lt;concept&gt;Spread Count&lt;/concept&gt; or the &lt;concept&gt;Slice Count&lt;/concept&gt;&lt;/li&gt;&cr;&lf;&lt;li&gt;Each Slice has a position within the Spread called a &lt;concept&gt;Slice Index&lt;/concept&gt;&lt;/li&gt;&cr;&lf;&lt;li&gt;The first Slice in the Spread has Slice Index of &lt;b&gt;0&lt;/b&gt;.&lt;/li&gt;&cr;&lf;&lt;li&gt;If you try to access a slice index outside of the range (e.g. &gt;= spread count or &lt;0) then the spread &apos;loops&apos;.&lt;/li&gt;&cr;&lf;&lt;li&gt;A Spread of Spread Count &lt;b&gt;0&lt;/b&gt; is a special case called an &lt;concept&gt;Empty Spread&lt;/concept&gt;&cr;&lf;&lt;/ul&gt;&cr;&lf;&lt;br /&gt;&cr;&lf;&cr;&lf;&lt;b&gt;An example&lt;/b&gt;&lt;br /&gt;&cr;&lf;&cr;&lf;A fish and chip shop menu has 10 items, each with a price and a description. The first item on the list is &quot;Battered cod&quot; with a price of 2pounds 50pence. The last item on the list is &quot;Kimchi&quot; at 4 pounds. Therefore we could say the following:&cr;&lf;&lt;br /&gt;&cr;&lf;&lt;ul&gt;&cr;&lf;&lt;li&gt;There are a spread of Values (price) and a spread of Strings (description)&lt;/li&gt;&cr;&lf;&lt;li&gt;Both spreads have slice count of 10.&lt;/li&gt;&cr;&lf;&lt;li&gt;At slice index 0 in the Value spread we have &lt;b&gt;2.5&lt;/b&gt;&lt;/li&gt;&cr;&lf;&lt;li&gt;At slice index 0 in the spread of Strings we have &lt;b&gt;Battered cod&lt;/b&gt;&lt;/li&gt;&cr;&lf;&lt;li&gt;At slice index 9 in the spread of Strings we have &lt;b&gt;Kimchi&lt;/b&gt;&lt;/li&gt;&cr;&lf;&lt;li&gt;At slice index 10 in the spread of Strings we have &lt;b&gt;Battered cod&lt;/b&gt; (we&apos;ve looped here back to the beginning of the spread)&lt;/li&gt;&cr;&lf;&lt;li&gt;At slice index -1 in the spread of Strings we have &lt;b&gt;Kimchi&lt;/b&gt;&cr;&lf; (we&apos;ve looped here back to the end of the spread)&lt;/li&gt;&cr;&lf;&lt;/ul&gt;|">
60ddfe1 @elliotwoods Up to 7th tutorial
authored
133 </PIN>
134 <PIN pinname="Output String" visible="0">
135 </PIN>
136 <PIN pinname="Show Grid" slicecount="1" values="0">
137 </PIN>
138 <PIN pinname="String Type" slicecount="1" values="MultiLine">
139 </PIN>
140 <PIN pinname="Font" slicecount="1" values="|Arial Black|">
141 </PIN>
142 <PIN pinname="Size" slicecount="1" values="10">
143 </PIN>
144 <PIN encoded="0" pinname="Descriptive Name" slicecount="1" values="||">
145 </PIN>
146 </NODE>
a286062 @elliotwoods Up to Spreads 2
authored
147 <NODE componentmode="InABox" id="97" nodename="Renderer (EX9)" systemname="Renderer (EX9)">
148 <BOUNDS height="100" left="8790" top="2355" type="Node" width="100">
60ddfe1 @elliotwoods Up to 7th tutorial
authored
149 </BOUNDS>
a286062 @elliotwoods Up to Spreads 2
authored
150 <BOUNDS height="3660" left="8790" top="2355" type="Box" width="7695">
60ddfe1 @elliotwoods Up to 7th tutorial
authored
151 </BOUNDS>
a286062 @elliotwoods Up to Spreads 2
authored
152 <BOUNDS height="5010" left="15765" top="6165" type="Window" width="6240">
60ddfe1 @elliotwoods Up to 7th tutorial
authored
153 </BOUNDS>
154 <PIN pinname="Layers" visible="1">
155 </PIN>
156 <PIN pinname="Actual Backbuffer Width" visible="1">
157 </PIN>
158 <PIN pinname="Actual Backbuffer Height" visible="1">
159 </PIN>
a286062 @elliotwoods Up to Spreads 2
authored
160 <PIN pinname="Background Color" visible="1">
161 </PIN>
60ddfe1 @elliotwoods Up to 7th tutorial
authored
162 </NODE>
a286062 @elliotwoods Up to Spreads 2
authored
163 <NODE componentmode="Hidden" id="98" nodename="Quad (DX9)" systemname="Quad (DX9)">
164 <BOUNDS height="270" left="8790" top="1845" type="Node" width="1245">
60ddfe1 @elliotwoods Up to 7th tutorial
authored
165 </BOUNDS>
166 <PIN pinname="Layer" visible="1">
167 </PIN>
168 <PIN pinname="Transform" visible="1">
169 </PIN>
170 <PIN pinname="Texture" visible="1">
171 </PIN>
a286062 @elliotwoods Up to Spreads 2
authored
172 <PIN pinname="Render State" visible="1">
173 </PIN>
60ddfe1 @elliotwoods Up to 7th tutorial
authored
174 </NODE>
a286062 @elliotwoods Up to Spreads 2
authored
175 <LINK dstnodeid="97" dstpinname="Layers" srcnodeid="98" srcpinname="Layer">
60ddfe1 @elliotwoods Up to 7th tutorial
authored
176 </LINK>
a286062 @elliotwoods Up to Spreads 2
authored
177 <NODE componentmode="Hidden" id="99" nodename="UniformScale (Transform)" systemname="UniformScale (Transform)">
178 <BOUNDS height="100" left="8955" top="885" type="Node" width="100">
60ddfe1 @elliotwoods Up to 7th tutorial
authored
179 </BOUNDS>
180 <PIN pinname="Transform Out" visible="1">
181 </PIN>
182 <PIN pinname="XYZ" slicecount="1" values="0.1">
183 </PIN>
184 <PIN pinname="Transform In" visible="1">
185 </PIN>
186 </NODE>
a286062 @elliotwoods Up to Spreads 2
authored
187 <NODE componentmode="Hidden" id="100" nodename="FileTexture (EX9.Texture)" systemname="FileTexture (EX9.Texture)">
188 <BOUNDS height="100" left="10230" top="1350" type="Node" width="100">
60ddfe1 @elliotwoods Up to 7th tutorial
authored
189 </BOUNDS>
190 <PIN pinname="Texture Out" visible="1">
191 </PIN>
a286062 @elliotwoods Up to Spreads 2
authored
192 <PIN encoded="0" pinname="Filename" slicecount="1" values="|..\..\..\vvvv\vvvv_45beta26\girlpower\images\ring thin.bmp|">
60ddfe1 @elliotwoods Up to 7th tutorial
authored
193 </PIN>
194 </NODE>
a286062 @elliotwoods Up to Spreads 2
authored
195 <LINK dstnodeid="98" dstpinname="Texture" linkstyle="VHV" srcnodeid="100" srcpinname="Texture Out">
196 <LINKPOINT x="10230" y="1718">
60ddfe1 @elliotwoods Up to 7th tutorial
authored
197 </LINKPOINT>
a286062 @elliotwoods Up to Spreads 2
authored
198 <LINKPOINT x="9195" y="1718">
60ddfe1 @elliotwoods Up to 7th tutorial
authored
199 </LINKPOINT>
200 </LINK>
a286062 @elliotwoods Up to Spreads 2
authored
201 <NODE componentmode="Hidden" id="101" nodename="Scale (Transform)" systemname="Scale (Transform)">
202 <BOUNDS height="100" left="8955" top="1350" type="Node" width="100">
60ddfe1 @elliotwoods Up to 7th tutorial
authored
203 </BOUNDS>
204 <PIN pinname="Transform Out" visible="1">
205 </PIN>
206 <PIN pinname="X" slicecount="1" values="1">
207 </PIN>
208 <PIN pinname="Y" visible="1">
209 </PIN>
a286062 @elliotwoods Up to Spreads 2
authored
210 <PIN pinname="Transform In" visible="1">
211 </PIN>
60ddfe1 @elliotwoods Up to 7th tutorial
authored
212 </NODE>
a286062 @elliotwoods Up to Spreads 2
authored
213 <NODE componentmode="Hidden" id="102" nodename="Divide (Value)" systemname="Divide (Value)">
214 <BOUNDS height="270" left="14505" top="6345" type="Node" width="1035">
60ddfe1 @elliotwoods Up to 7th tutorial
authored
215 </BOUNDS>
216 <PIN pinname="Input" visible="1">
217 </PIN>
218 <PIN pinname="Input 2" visible="1">
219 </PIN>
220 <PIN pinname="Output" visible="1">
221 </PIN>
222 </NODE>
a286062 @elliotwoods Up to Spreads 2
authored
223 <LINK dstnodeid="102" dstpinname="Input" srcnodeid="97" srcpinname="Actual Backbuffer Width">
60ddfe1 @elliotwoods Up to 7th tutorial
authored
224 </LINK>
a286062 @elliotwoods Up to Spreads 2
authored
225 <LINK dstnodeid="102" dstpinname="Input 2" srcnodeid="97" srcpinname="Actual Backbuffer Height">
60ddfe1 @elliotwoods Up to 7th tutorial
authored
226 </LINK>
a286062 @elliotwoods Up to Spreads 2
authored
227 <NODE componentmode="InABox" id="103" nodename="IOBox (String)" systemname="IOBox (String)">
228 <BOUNDS height="270" left="8145" top="3465" type="Node" width="330">
60ddfe1 @elliotwoods Up to 7th tutorial
authored
229 </BOUNDS>
a286062 @elliotwoods Up to Spreads 2
authored
230 <BOUNDS height="7515" left="8145" top="3465" type="Box" width="345">
60ddfe1 @elliotwoods Up to 7th tutorial
authored
231 </BOUNDS>
a286062 @elliotwoods Up to Spreads 2
authored
232 <PIN encoded="0" pinname="Input String" slicecount="1" visible="0" values="||">
60ddfe1 @elliotwoods Up to 7th tutorial
authored
233 </PIN>
234 <PIN pinname="Output String" visible="0">
235 </PIN>
236 <PIN pinname="Show Grid" slicecount="1" values="1">
237 </PIN>
238 <PIN pinname="String Type" slicecount="1" values="MultiLine">
239 </PIN>
240 </NODE>
241 <NODE componentmode="InABox" id="104" nodename="IOBox (String)" systemname="IOBox (String)">
a286062 @elliotwoods Up to Spreads 2
authored
242 <BOUNDS height="270" left="675" top="4545" type="Node" width="2070">
60ddfe1 @elliotwoods Up to 7th tutorial
authored
243 </BOUNDS>
a286062 @elliotwoods Up to Spreads 2
authored
244 <BOUNDS height="330" left="675" top="4545" type="Box" width="1470">
60ddfe1 @elliotwoods Up to 7th tutorial
authored
245 </BOUNDS>
a286062 @elliotwoods Up to Spreads 2
authored
246 <PIN encoded="0" pinname="Input String" slicecount="1" visible="0" values="|[1 - GetSlice]&cr;&lf;A &lt;node&gt;GetSlice (Spreads)&lt;/node&gt; node picks 1 or more slices out of a spread.&cr;&lf;&lt;br /&gt;&cr;&lf;&cr;&lf;Let&apos;s create a &lt;node&gt;GetSlice (Spreads)&lt;/node&gt; now, and attach a &lt;b&gt;4D Vector&lt;/b&gt; &lt;node&gt;IOBox&lt;/node&gt; to its &lt;pin&gt;Input&lt;/pin&gt; and a simple &lt;node&gt;IOBox&lt;/node&gt; to its &lt;pin&gt;Output&lt;/pin&gt;. &lt;click/&gt;&lt;mmb/&gt; on the bottom IOBox to give it a name.&cr;&lf;&lt;br /&gt;&cr;&lf;&cr;&lf;For readability. Let&apos;s go into the &lt;node&gt;Inspektor&lt;/node&gt; and change some properties for both &lt;node&gt;IOBox&lt;/node&gt;&apos;s. Set &lt;pin&gt;Value Type&lt;/pin&gt; to &lt;b&gt;Integer&lt;/b&gt; and &lt;pin&gt;Size&lt;/pin&gt; to &lt;b&gt;14&lt;/b&gt;. Also turn on &lt;pin&gt;Show Grid&lt;/pin&gt; and &lt;pin&gt;Show SliceIndex&lt;/pin&gt;.&cr;&lf;&lt;br /&gt;&cr;&lf;&cr;&lf;Also let&apos;s add an &lt;node&gt;IOBox&lt;/node&gt; on the &lt;pin&gt;Index&lt;/pin&gt; input of &lt;node&gt;GetSlice&lt;/node&gt; using our middle button trick &lt;click/&gt;&lt;mmb/&gt;. (first click &lt;click/&gt;&lt;lmb/&gt;on the pin to start a connection and then &lt;click/&gt;&lt;mmb/&gt; to make an &lt;node&gt;IOBox&lt;/node&gt; from the connection.&cr;&lf;&lt;br /&gt;&cr;&lf;&cr;&lf;Add a &lt;node&gt;I (Spreads)&lt;/node&gt; to the top and connect the output to the input of the 4D vector. Set the input pin &lt;pin&gt;To&lt;/pin&gt; on &lt;node&gt;I&lt;/node&gt; to &lt;b&gt;4&lt;/b&gt;. This node now outputs a spread of &lt;b&gt;0, 1, 2, 3&lt;/b&gt; i.e. values &lt;pin&gt;From&lt;/pin&gt; &lt;b&gt;0&lt;/b&gt; &lt;pin&gt;To&lt;/pin&gt; &lt;b&gt;4&lt;/b&gt;.&cr;&lf;&lt;br /&gt;&cr;&lf;&cr;&lf;Now try changing the &lt;b&gt;Index&lt;/b&gt; to see which slice is selected by the &lt;node&gt;GetSlice&lt;/node&gt; node.|">
60ddfe1 @elliotwoods Up to 7th tutorial
authored
247 </PIN>
248 <PIN pinname="Output String" visible="0">
249 </PIN>
250 <PIN pinname="Show Grid" slicecount="1" values="0">
251 </PIN>
252 <PIN pinname="String Type" slicecount="1" values="MultiLine">
253 </PIN>
254 <PIN pinname="Font" slicecount="1" values="|Arial Black|">
255 </PIN>
256 <PIN pinname="Size" slicecount="1" values="10">
257 </PIN>
258 <PIN encoded="0" pinname="Descriptive Name" slicecount="1" values="||">
259 </PIN>
260 </NODE>
a286062 @elliotwoods Up to Spreads 2
authored
261 <NODE componentmode="Hidden" id="105" nodename="GetSlice (Spreads)" systemname="GetSlice (Spreads)">
262 <BOUNDS height="270" left="915" top="7785" type="Node" width="2475">
60ddfe1 @elliotwoods Up to 7th tutorial
authored
263 </BOUNDS>
264 <PIN pinname="Input" visible="1">
265 </PIN>
266 <PIN pinname="Output" visible="1">
267 </PIN>
53e1640 @elliotwoods changes to spreads. still not complete. going to SMC
authored
268 <PIN pinname="Index">
269 </PIN>
60ddfe1 @elliotwoods Up to 7th tutorial
authored
270 </NODE>
a286062 @elliotwoods Up to Spreads 2
authored
271 <NODE componentmode="InABox" id="106" nodename="IOBox (Value Advanced)" systemname="IOBox (Value Advanced)">
272 <BOUNDS height="100" left="915" top="5460" type="Node" width="100">
60ddfe1 @elliotwoods Up to 7th tutorial
authored
273 </BOUNDS>
a286062 @elliotwoods Up to Spreads 2
authored
274 <BOUNDS height="1920" left="915" top="5460" type="Box" width="1635">
60ddfe1 @elliotwoods Up to 7th tutorial
authored
275 </BOUNDS>
276 <PIN pinname="Rows" slicecount="1" values="4">
277 </PIN>
53e1640 @elliotwoods changes to spreads. still not complete. going to SMC
authored
278 <PIN pinname="Y Input Value" visible="1">
60ddfe1 @elliotwoods Up to 7th tutorial
authored
279 </PIN>
280 <PIN pinname="Vector Size" slicecount="1" values="4">
281 </PIN>
a286062 @elliotwoods Up to Spreads 2
authored
282 <PIN encoded="0" pinname="Default" slicecount="1" values="|0, 0, 0, 1|">
60ddfe1 @elliotwoods Up to 7th tutorial
authored
283 </PIN>
284 <PIN pinname="Y Output Value" visible="1">
285 </PIN>
53e1640 @elliotwoods changes to spreads. still not complete. going to SMC
authored
286 <PIN pinname="Value Type" slicecount="1" values="Integer">
287 </PIN>
288 <PIN pinname="Size" slicecount="1" values="14">
289 </PIN>
290 <PIN pinname="Show Grid" slicecount="1" values="1">
291 </PIN>
292 <PIN pinname="Show SliceIndex" slicecount="1" values="1">
293 </PIN>
60ddfe1 @elliotwoods Up to 7th tutorial
authored
294 </NODE>
a286062 @elliotwoods Up to Spreads 2
authored
295 <LINK dstnodeid="105" dstpinname="Input" srcnodeid="106" srcpinname="Y Output Value">
60ddfe1 @elliotwoods Up to 7th tutorial
authored
296 </LINK>
a286062 @elliotwoods Up to Spreads 2
authored
297 <NODE componentmode="InABox" id="107" nodename="IOBox (Value Advanced)" systemname="IOBox (Value Advanced)">
298 <BOUNDS height="100" left="915" top="8460" type="Node" width="100">
60ddfe1 @elliotwoods Up to 7th tutorial
authored
299 </BOUNDS>
a286062 @elliotwoods Up to Spreads 2
authored
300 <BOUNDS height="555" left="915" top="8460" type="Box" width="1620">
60ddfe1 @elliotwoods Up to 7th tutorial
authored
301 </BOUNDS>
302 <PIN pinname="Y Input Value" visible="1">
303 </PIN>
53e1640 @elliotwoods changes to spreads. still not complete. going to SMC
authored
304 <PIN pinname="Value Type" slicecount="1" values="Integer">
305 </PIN>
306 <PIN pinname="Size" slicecount="1" values="14">
307 </PIN>
308 <PIN pinname="Show Grid" slicecount="1" values="1">
309 </PIN>
310 <PIN pinname="Show SliceIndex" slicecount="1" values="1">
311 </PIN>
a286062 @elliotwoods Up to Spreads 2
authored
312 <PIN encoded="0" pinname="Descriptive Name" slicecount="1" values="Output">
53e1640 @elliotwoods changes to spreads. still not complete. going to SMC
authored
313 </PIN>
60ddfe1 @elliotwoods Up to 7th tutorial
authored
314 </NODE>
a286062 @elliotwoods Up to Spreads 2
authored
315 <LINK dstnodeid="107" dstpinname="Y Input Value" srcnodeid="105" srcpinname="Output">
60ddfe1 @elliotwoods Up to 7th tutorial
authored
316 </LINK>
a286062 @elliotwoods Up to Spreads 2
authored
317 <NODE componentmode="InABox" id="108" nodename="IOBox (Value Advanced)" systemname="IOBox (Value Advanced)">
318 <BOUNDS height="0" left="3330" top="7095" type="Node" width="0">
53e1640 @elliotwoods changes to spreads. still not complete. going to SMC
authored
319 </BOUNDS>
a286062 @elliotwoods Up to Spreads 2
authored
320 <BOUNDS height="240" left="3330" top="7095" type="Box" width="795">
53e1640 @elliotwoods changes to spreads. still not complete. going to SMC
authored
321 </BOUNDS>
322 <PIN pinname="Y Input Value" slicecount="1" values="0">
323 </PIN>
a286062 @elliotwoods Up to Spreads 2
authored
324 <PIN encoded="0" pinname="Units" slicecount="1" values="||">
53e1640 @elliotwoods changes to spreads. still not complete. going to SMC
authored
325 </PIN>
326 <PIN pinname="Precision" slicecount="1" values="4">
327 </PIN>
328 <PIN pinname="Value Type" slicecount="1" values="Integer">
329 </PIN>
a286062 @elliotwoods Up to Spreads 2
authored
330 <PIN encoded="0" pinname="Descriptive Name" slicecount="1" values="Index">
53e1640 @elliotwoods changes to spreads. still not complete. going to SMC
authored
331 </PIN>
332 </NODE>
a286062 @elliotwoods Up to Spreads 2
authored
333 <LINK dstnodeid="105" dstpinname="Index" srcnodeid="108" srcpinname="Y Output Value">
53e1640 @elliotwoods changes to spreads. still not complete. going to SMC
authored
334 </LINK>
a286062 @elliotwoods Up to Spreads 2
authored
335 <NODE componentmode="Hidden" id="109" nodename="I (Spreads)" systemname="I (Spreads)">
336 <BOUNDS height="100" left="900" top="5070" type="Node" width="100">
53e1640 @elliotwoods changes to spreads. still not complete. going to SMC
authored
337 </BOUNDS>
338 <PIN pinname=".. To [" slicecount="1" values="4">
339 </PIN>
340 <PIN pinname="Output" visible="1">
341 </PIN>
342 </NODE>
a286062 @elliotwoods Up to Spreads 2
authored
343 <LINK dstnodeid="106" dstpinname="Y Input Value" srcnodeid="109" srcpinname="Output">
344 </LINK>
345 <NODE componentmode="Hidden" id="110" nodename="GetSlice (Spreads)" systemname="GetSlice (Spreads)">
346 <BOUNDS height="270" left="5115" top="6450" type="Node" width="1605">
347 </BOUNDS>
348 <PIN pinname="Input" visible="1">
349 </PIN>
350 <PIN pinname="Output" visible="1">
351 </PIN>
352 <PIN pinname="Index" visible="1">
353 </PIN>
354 </NODE>
355 <NODE componentmode="InABox" id="111" nodename="IOBox (Value Advanced)" systemname="IOBox (Value Advanced)">
356 <BOUNDS height="100" left="5100" top="5760" type="Node" width="100">
357 </BOUNDS>
358 <BOUNDS height="240" left="5100" top="5760" type="Box" width="795">
359 </BOUNDS>
360 <PIN pinname="Y Output Value" visible="1">
361 </PIN>
362 <PIN pinname="Y Input Value" slicecount="1" values="100">
363 </PIN>
364 <PIN encoded="0" pinname="Descriptive Name" slicecount="1" values="Input">
365 </PIN>
366 </NODE>
367 <LINK dstnodeid="110" dstpinname="Input" srcnodeid="111" srcpinname="Y Output Value">
368 </LINK>
369 <NODE componentmode="InABox" id="112" nodename="IOBox (Value Advanced)" systemname="IOBox (Value Advanced)">
370 <BOUNDS height="100" left="5100" top="6960" type="Node" width="100">
371 </BOUNDS>
372 <BOUNDS height="240" left="5100" top="6960" type="Box" width="795">
373 </BOUNDS>
374 <PIN pinname="Y Input Value" visible="1">
375 </PIN>
376 <PIN encoded="0" pinname="Descriptive Name" slicecount="1" values="Output">
377 </PIN>
378 </NODE>
379 <LINK dstnodeid="112" dstpinname="Y Input Value" srcnodeid="110" srcpinname="Output">
380 </LINK>
381 <NODE componentmode="InABox" id="113" nodename="IOBox (Value Advanced)" systemname="IOBox (Value Advanced)">
382 <BOUNDS height="100" left="6660" top="5760" type="Node" width="100">
383 </BOUNDS>
384 <BOUNDS height="240" left="6660" top="5760" type="Box" width="795">
385 </BOUNDS>
386 <PIN pinname="Y Output Value" visible="1">
387 </PIN>
388 <PIN encoded="0" pinname="Descriptive Name" slicecount="1" values="Index">
389 </PIN>
390 <PIN pinname="Y Input Value" slicecount="1" values="10">
391 </PIN>
392 </NODE>
393 <LINK dstnodeid="110" dstpinname="Index" srcnodeid="113" srcpinname="Y Output Value">
394 </LINK>
395 <NODE componentmode="InABox" id="114" nodename="IOBox (String)" systemname="IOBox (String)">
396 <BOUNDS height="270" left="4965" top="5145" type="Node" width="2070">
397 </BOUNDS>
398 <BOUNDS height="345" left="4965" top="5145" type="Box" width="2595">
399 </BOUNDS>
400 <PIN encoded="0" pinname="Input String" slicecount="1" visible="0" values="|[2 - Always repeating]&cr;&lf;So we&apos;ve seen how the data in a spread is repeated to satisfy the slice which is being asked for. This is even the case when we have 1 value.&cr;&lf;&lt;br /&gt;&cr;&lf;&cr;&lf;We can test this with a &lt;node&gt;GetSlice&lt;/node&gt; with a simple &lt;node&gt;IOBox (Value)&lt;/node&gt; input.&cr;&lf;&lt;br /&gt;&cr;&lf;&cr;&lf;When we run it through a &lt;node&gt;GetSlice&lt;/node&gt; and roll the &lt;pin&gt;Index&lt;/pin&gt; pin different slices, we get the same value.&cr;&lf;&lt;br /&gt;&cr;&lf;&cr;&lf;Important note: &lt;concept&gt;Every Value, String, Colour, Enum, etc in VVVV is stored as a Spread, and therefore repeats like a Spread.&lt;/concept&gt;&cr;&lf;&lt;br /&gt;|">
401 </PIN>
402 <PIN pinname="Output String" visible="0">
403 </PIN>
404 <PIN pinname="Show Grid" slicecount="1" values="0">
405 </PIN>
406 <PIN pinname="String Type" slicecount="1" values="MultiLine">
407 </PIN>
408 <PIN pinname="Font" slicecount="1" values="|Arial Black|">
409 </PIN>
410 <PIN pinname="Size" slicecount="1" values="10">
411 </PIN>
412 <PIN encoded="0" pinname="Descriptive Name" slicecount="1" values="||">
413 </PIN>
414 </NODE>
415 <NODE componentmode="InABox" id="115" nodename="IOBox (String)" systemname="IOBox (String)">
416 <BOUNDS height="270" left="10590" top="165" type="Node" width="2070">
417 </BOUNDS>
418 <BOUNDS height="315" left="10590" top="165" type="Box" width="4185">
419 </BOUNDS>
7173241 @elliotwoods Up to 11th tutorial
authored
420 <PIN encoded="0" pinname="Input String" slicecount="1" visible="0" values="|[3 - A visual spread experiment]&cr;&lf;So let&apos;s try and visualise what happens with spreads.&cr;&lf;&lt;br /&gt;&cr;&lf;&cr;&lf;We&apos;re going to setup a simple graphical patch to use in a number of experiments. This patch will help us to visualise some spread mechanics, but also introduces a few graphical concepts as well.&cr;&lf;&lt;br /&gt;&cr;&lf;&cr;&lf;Follow these steps:&cr;&lf;&lt;br /&gt;&cr;&lf;&cr;&lf;&lt;ol&gt;&cr;&lf;&lt;li&gt;First create a &lt;node&gt;Quad&lt;/node&gt; and a &lt;node&gt;Renderer&lt;/node&gt; and connect them up. You should get the familiar white square in a black box.&lt;/li&gt;&cr;&lf;&lt;li&gt;Now lets make a new node called &lt;node&gt;FileTexture&lt;/node&gt; above &lt;node&gt;Quad&lt;/node&gt;. Connect the &lt;pin&gt;Texture Out&lt;/pin&gt; output of &lt;node&gt;FileTexture&lt;/node&gt; to the &lt;node&gt;Texture&lt;/node&gt; input of Quad.&cr;&lf;&lt;br /&gt;&cr;&lf;The &lt;node&gt;FileTexture&lt;/node&gt; node loads in an image file, and creates a &lt;concept&gt;Texture&lt;/concept&gt; which you can apply to your graphical objects.&cr;&lf;&lt;br /&gt;&cr;&lf;Textures are stored on the graphics card, and can be used in all sorts of ways to manipulate your objects with image data (e.g. image maps, height maps, bump maps, etc).&cr;&lf;&lt;/li&gt;&cr;&lf;&cr;&lf;&lt;li&gt;&lt;rmb/&gt;&lt;click/&gt; on the &lt;pin&gt;Filename&lt;/pin&gt; input of &lt;node&gt;FileTexture&lt;/node&gt; and select an image from your own computer. You should now see that image applied to the quad.&lt;/li&gt;&cr;&lf;&cr;&lf;&lt;li&gt;Now let&apos;s load a specific texture. We go to the VVVV folder where you have it installed. We go to the &apos;girlpower&apos; folder. Then we go to the &apos;images&apos; folder (vvvv/girlpower/images). Now select the file &quot;ring thin.bmp&quot;. We should now be drawing a circle to the screen. If the &lt;node&gt;Renderer&lt;/node&gt; is square, the circle will be square. But if the &lt;node&gt;Renderer&lt;/node&gt; is squashed, so will the circle be.&lt;/li&gt;&cr;&lf;&cr;&lf;&lt;li&gt;To straighten the circle, we need to counteract the &lt;concept&gt;Aspect Ratio&lt;/concept&gt;of the &lt;node&gt;Renderer&lt;/node&gt;. We do this with some simple maths. Create a &lt;node&gt;/ (Value)&lt;/node&gt; node (this node divides numers. i.e. 4/2 = 2).&cr;&lf;&lt;br /&gt;&cr;&lf;Attach the 2 inputs of the &lt;node&gt;/&lt;/node&gt; to the &lt;pin&gt;Width&lt;/pin&gt; and &lt;pin&gt;Height&lt;/pin&gt; output pins of the &lt;node&gt;Renderer&lt;/node&gt; respectively. Create an &lt;node&gt;IOBox&lt;/node&gt; and attach it to the &lt;node&gt;IOBox&lt;/node&gt;&apos;s output to visualise the output. This number represents the aspect ratio. Go into &lt;node&gt;Inspektor&lt;/node&gt; and set the &lt;pin&gt;Descriptive Name&lt;/pin&gt; of the IOBox to &lt;b&gt;Aspect Ratio&lt;/b&gt;&cr;&lf;&lt;br /&gt;&cr;&lf;Now add a &lt;node&gt;Scale (Transform)&lt;/node&gt; (not vector version!) above your &lt;node&gt;Quad&lt;/node&gt;. Connect to your &lt;node&gt;Quad&lt;/node&gt;&apos;s &lt;pin&gt;Transform&lt;/pin&gt; pin. Connect the output of your &lt;b&gt;Aspect Ratio&lt;/b&gt; to the &lt;pin&gt;Y&lt;/pin&gt; input of &lt;node&gt;Scale&lt;/node&gt;. The aspect ratio should now be fixed for your quad, regardless of the &lt;node&gt;Renderer&lt;/node&gt;&apos;s aspect ratio.&cr;&lf;&lt;br /&gt;&cr;&lf;Because you now have a link going upwards in the graph, it looks a little messy. Feel free to select it and tidy it up using either &lt;key&gt;Ctrl&lt;/key&gt;+&lt;key&gt;Y&lt;/key&gt; to curve it, and/or &lt;key&gt;Ctrl&lt;/key&gt;+&lt;key&gt;H&lt;/key&gt; to &apos;hide&apos; it.&cr;&lf;&lt;/li&gt;&cr;&lf;&cr;&lf;&lt;li&gt;&cr;&lf;Scale down the quad using a &lt;node&gt;UniformScale (Transform)&lt;/node&gt; node. Attach this to the input of your &lt;node&gt;Scale&lt;/node&gt; node and reduce the &lt;pin&gt;XYZ&lt;/pin&gt; input to &lt;b&gt;0.1&lt;/b&gt;. Remember you can edit the value both by &lt;click/&gt;&lt;rmb/&gt; on the pin and then typing a &lt;key&gt;0&lt;/key&gt;&lt;key&gt;.&lt;/key&gt;&lt;key&gt;1&lt;/key&gt;&lt;key&gt;Enter&lt;/key&gt;, or &lt;hold/&gt;&lt;rmb/&gt; on the pin and move the mouse up/down.&cr;&lf;&cr;&lf;&lt;li&gt;Create a &lt;node&gt;Translate (Transform)&lt;/node&gt; node (again, not the vector version!). and attach that to the &lt;node&gt;UniformScale&lt;/node&gt;&apos;s input&lt;/li&gt;&cr;&lf;&cr;&lf;&lt;/ol&gt;&cr;&lf;&lt;br /&gt;&cr;&lf;Ok before going any further. Take some time to figure out what&apos;s happening. This are some very common VVVV fundamentals here which are worth understanding (Transforms, Layer, Texture, Maths).&cr;&lf;&lt;br /&gt;&cr;&lf;&cr;&lf;Notice how everthing is wired up for 1 object. There&apos;s 1 aspect ratio correcting scale, 1 uniform scale, 1 texture, 1 quad.&cr;&lf;&lt;br /&gt;&cr;&lf;&cr;&lf;Now let&apos;s step it up! Create a &lt;node&gt;LinearSpread&lt;/node&gt; node above the &lt;node&gt;Translate&lt;/node&gt; and attach the &lt;pin&gt;Output&lt;/pin&gt; to &lt;node&gt;Translate&lt;/node&gt;&apos;s &lt;pin&gt;X&lt;/pin&gt;input. Now check the top right input pin of &lt;node&gt;LinearSpread&lt;/node&gt;, &lt;pin&gt;Spread Count&lt;/pin&gt;. Let&apos;s increase this value.&cr;&lf;&lt;br /&gt;&cr;&lf;&cr;&lf;As you see you get lots of circles renderered to the screen. Check the &lt;pin&gt;Output&lt;/pin&gt; of &lt;node&gt;LinearSpread&lt;/node&gt; by rolling your mouse over the output (you dont need to click). It might look something like this: &cr;&lf;&lt;br /&gt;&cr;&lf;&cr;&lf;&lt;b&gt;Output: (3) -0.3333~&lt;/b&gt;&cr;&lf;&lt;br /&gt;&cr;&lf;&cr;&lf;This means there are 3 slices in the spread, and the first slice has a Value of approximately -0.3333 (the &lt;b&gt;~&lt;/b&gt; denotes approximate).|">
a286062 @elliotwoods Up to Spreads 2
authored
421 </PIN>
422 <PIN pinname="Output String" visible="0">
423 </PIN>
424 <PIN pinname="Show Grid" slicecount="1" values="0">
425 </PIN>
426 <PIN pinname="String Type" slicecount="1" values="MultiLine">
427 </PIN>
428 <PIN pinname="Font" slicecount="1" values="|Arial Black|">
429 </PIN>
430 <PIN pinname="Size" slicecount="1" values="10">
431 </PIN>
432 <PIN encoded="0" pinname="Descriptive Name" slicecount="1" values="||">
433 </PIN>
434 </NODE>
435 <NODE componentmode="InABox" id="116" nodename="IOBox (Value Advanced)" systemname="IOBox (Value Advanced)">
436 <BOUNDS height="100" left="14520" top="6870" type="Node" width="100">
437 </BOUNDS>
438 <BOUNDS height="240" left="14520" top="6870" type="Box" width="795">
439 </BOUNDS>
440 <PIN pinname="Y Input Value" visible="1">
441 </PIN>
442 <PIN pinname="Y Output Value" visible="1">
443 </PIN>
444 <PIN encoded="0" pinname="Descriptive Name" slicecount="1" values="|Aspect Ratio|">
445 </PIN>
446 </NODE>
447 <LINK dstnodeid="116" dstpinname="Y Input Value" srcnodeid="102" srcpinname="Output">
448 </LINK>
449 <LINK dstnodeid="101" dstpinname="Y" hiddenwhenlocked="1" srcnodeid="116" srcpinname="Y Output Value">
450 </LINK>
451 <LINK dstnodeid="98" dstpinname="Transform" srcnodeid="101" srcpinname="Transform Out">
452 </LINK>
453 <LINK dstnodeid="101" dstpinname="Transform In" srcnodeid="99" srcpinname="Transform Out">
454 </LINK>
455 <NODE componentmode="Hidden" id="117" nodename="Translate (Transform)" systemname="Translate (Transform)">
456 <BOUNDS height="100" left="8955" top="480" type="Node" width="100">
457 </BOUNDS>
458 <PIN pinname="Transform Out" visible="1">
459 </PIN>
460 <PIN pinname="X" visible="1">
461 </PIN>
462 </NODE>
463 <LINK dstnodeid="99" dstpinname="Transform In" srcnodeid="117" srcpinname="Transform Out">
464 </LINK>
465 <NODE componentmode="Hidden" id="118" nodename="LinearSpread (Spreads)" systemname="LinearSpread (Spreads)">
466 <BOUNDS height="100" left="9210" top="150" type="Node" width="100">
467 </BOUNDS>
468 <PIN pinname="Output" visible="1">
469 </PIN>
470 <PIN pinname="Spread Count" slicecount="1" values="15">
471 </PIN>
472 </NODE>
473 <LINK dstnodeid="117" dstpinname="X" srcnodeid="118" srcpinname="Output">
474 </LINK>
475 <NODE componentmode="InABox" id="119" nodename="IOBox (String)" systemname="IOBox (String)">
476 <BOUNDS height="270" left="10590" top="510" type="Node" width="2070">
477 </BOUNDS>
478 <BOUNDS height="315" left="10590" top="510" type="Box" width="4185">
479 </BOUNDS>
480 <PIN encoded="0" pinname="Input String" slicecount="1" visible="0" values="|[4 - Tidying the blend mode]&cr;&lf;If we have too many circles, they will start to overlap. Since the textures have an opaque black background, they will interfere with each other. We can see that the circles are opaque by changing the background colour of the &lt;node&gt;Renderer&lt;/node&gt;.&cr;&lf;&lt;br /&gt;&cr;&lf;&cr;&lf;To change the background colour of the &lt;node&gt;Renderer&lt;/node&gt;, create a &lt;node&gt;RetroColors (Color)&lt;/node&gt; and connect its &lt;pin&gt;Output&lt;/pin&gt; to the &lt;pin&gt;Background Color&lt;/pin&gt; input pin on the &lt;node&gt;Renderer&lt;/node&gt;. Select different colours by changing the &lt;pin&gt;Index&lt;/pin&gt; input of &lt;node&gt;RetroColors&lt;/node&gt; and/or changing to a different games console colourset using the &lt;pin&gt;Mode&lt;/pin&gt; pin.&cr;&lf;&lt;br /&gt;&cr;&lf;&cr;&lf;On the right hand input of &lt;node&gt;Blend&lt;/node&gt; we see &lt;&cr;&lf;That was fun, but anyway, we can definitely see that the background of the quads are black. Let&apos;s change the &lt;concept&gt;Blend Mode&lt;/concept&gt; of the quads, (Photoshop users will be familiar with this idea).&cr;&lf;&lt;br /&gt;&cr;&lf;&cr;&lf;Create a &lt;node&gt;Blend (EX9.RenderState)&lt;/node&gt; above &lt;node&gt;Quad&lt;/node&gt; and attach the output of &lt;node&gt;Blend&lt;/node&gt; to the &lt;pin&gt;Render State&lt;/pin&gt; input of &lt;node&gt;Quad&lt;/node&gt;. Set the &lt;pin&gt;Draw Mode&lt;/pin&gt; of &lt;node&gt;Blend&lt;/node&gt; to &lt;b&gt;Add&lt;/b&gt;.&cr;&lf;&lt;br /&gt;&cr;&lf;&cr;&lf;Now when the quads are drawn, their colour is &apos;added&apos; to whatever is behind them, i.e. since black is &lt;b&gt;0&lt;/b&gt; and &lt;b&gt;a + 0 = a&lt;/b&gt;, black has no effect when the &lt;pin&gt;Draw Mode&lt;/pin&gt; is set to &lt;b&gt;Add&lt;/b&gt;.|">
481 </PIN>
482 <PIN pinname="Output String" visible="0">
483 </PIN>
484 <PIN pinname="Show Grid" slicecount="1" values="0">
485 </PIN>
486 <PIN pinname="String Type" slicecount="1" values="MultiLine">
487 </PIN>
488 <PIN pinname="Font" slicecount="1" values="|Arial Black|">
489 </PIN>
490 <PIN pinname="Size" slicecount="1" values="10">
491 </PIN>
492 <PIN encoded="0" pinname="Descriptive Name" slicecount="1" values="||">
493 </PIN>
494 </NODE>
495 <NODE componentmode="Hidden" id="120" nodename="RetroColors (Color)" systemname="RetroColors (Color)">
496 <BOUNDS height="100" left="10485" top="1935" type="Node" width="100">
497 </BOUNDS>
498 <PIN pinname="Output" visible="1">
499 </PIN>
500 <PIN pinname="Wavelength (nm)">
501 </PIN>
502 <PIN pinname="Index" slicecount="1" values="4">
503 </PIN>
504 <PIN pinname="Mode" slicecount="1" values="SinclairZXSpectrum">
505 </PIN>
506 </NODE>
507 <LINK dstnodeid="97" dstpinname="Background Color" srcnodeid="120" srcpinname="Output">
508 </LINK>
509 <NODE componentmode="Hidden" id="121" nodename="Blend (EX9.RenderState)" systemname="Blend (EX9.RenderState)">
510 <BOUNDS height="100" left="8310" top="1350" type="Node" width="100">
511 </BOUNDS>
512 <PIN pinname="Render State Out" visible="1">
513 </PIN>
514 <PIN pinname="Draw Mode" slicecount="1" values="Add">
515 </PIN>
516 </NODE>
517 <LINK dstnodeid="98" dstpinname="Render State" linkstyle="VHV" srcnodeid="121" srcpinname="Render State Out">
518 <LINKPOINT x="8370" y="1718">
519 </LINKPOINT>
520 <LINKPOINT x="8790" y="1718">
521 </LINKPOINT>
522 </LINK>
523 <NODE componentmode="InABox" id="133" nodename="Renderer (EX9)" systemname="Renderer (EX9)">
524 <BOUNDS height="100" left="8835" top="8940" type="Node" width="100">
525 </BOUNDS>
526 <BOUNDS height="3660" left="8835" top="8940" type="Box" width="7695">
527 </BOUNDS>
528 <BOUNDS height="5010" left="15765" top="6165" type="Window" width="6240">
529 </BOUNDS>
530 <PIN pinname="Layers" visible="1">
531 </PIN>
532 <PIN pinname="Actual Backbuffer Width" visible="1">
533 </PIN>
534 <PIN pinname="Actual Backbuffer Height" visible="1">
535 </PIN>
536 <PIN pinname="Background Color" slicecount="1" visible="1" values="|0.00000,0.00000,0.00000,1.00000|">
537 </PIN>
538 </NODE>
539 <NODE componentmode="Hidden" id="132" nodename="Quad (DX9)" systemname="Quad (DX9)">
540 <BOUNDS height="270" left="8835" top="8430" type="Node" width="1245">
541 </BOUNDS>
542 <PIN pinname="Layer" visible="1">
543 </PIN>
544 <PIN pinname="Transform" visible="1">
545 </PIN>
546 <PIN pinname="Texture" visible="1">
547 </PIN>
548 <PIN pinname="Render State" visible="1">
549 </PIN>
550 <PIN pinname="Color" visible="1">
551 </PIN>
552 </NODE>
553 <LINK dstnodeid="133" dstpinname="Layers" srcnodeid="132" srcpinname="Layer">
554 </LINK>
555 <NODE componentmode="Hidden" id="131" nodename="UniformScale (Transform)" systemname="UniformScale (Transform)">
556 <BOUNDS height="100" left="9000" top="7470" type="Node" width="100">
557 </BOUNDS>
558 <PIN pinname="Transform Out" visible="1">
559 </PIN>
560 <PIN pinname="XYZ" slicecount="1" values="0.4">
561 </PIN>
562 <PIN pinname="Transform In" visible="1">
563 </PIN>
564 </NODE>
565 <NODE componentmode="Hidden" id="130" nodename="FileTexture (EX9.Texture)" systemname="FileTexture (EX9.Texture)">
566 <BOUNDS height="100" left="10275" top="7935" type="Node" width="100">
567 </BOUNDS>
568 <PIN pinname="Texture Out" visible="1">
569 </PIN>
570 <PIN encoded="0" pinname="Filename" slicecount="1" values="|..\..\..\vvvv\vvvv_45beta26\girlpower\images\ring thin.bmp|">
571 </PIN>
572 </NODE>
573 <LINK dstnodeid="132" dstpinname="Texture" linkstyle="VHV" srcnodeid="130" srcpinname="Texture Out">
574 <LINKPOINT x="10275" y="8303">
575 </LINKPOINT>
576 <LINKPOINT x="9240" y="8303">
577 </LINKPOINT>
578 </LINK>
579 <NODE componentmode="Hidden" id="129" nodename="Scale (Transform)" systemname="Scale (Transform)">
580 <BOUNDS height="100" left="9000" top="7935" type="Node" width="100">
581 </BOUNDS>
582 <PIN pinname="Transform Out" visible="1">
583 </PIN>
584 <PIN pinname="X" slicecount="1" values="1">
585 </PIN>
586 <PIN pinname="Y" visible="1">
587 </PIN>
588 <PIN pinname="Transform In" visible="1">
589 </PIN>
590 </NODE>
591 <NODE componentmode="Hidden" id="128" nodename="Divide (Value)" systemname="Divide (Value)">
592 <BOUNDS height="270" left="14565" top="12660" type="Node" width="1035">
593 </BOUNDS>
594 <PIN pinname="Input" visible="1">
595 </PIN>
596 <PIN pinname="Input 2" visible="1">
597 </PIN>
598 <PIN pinname="Output" visible="1">
599 </PIN>
600 </NODE>
601 <LINK dstnodeid="128" dstpinname="Input" srcnodeid="133" srcpinname="Actual Backbuffer Width">
602 </LINK>
603 <LINK dstnodeid="128" dstpinname="Input 2" srcnodeid="133" srcpinname="Actual Backbuffer Height">
604 </LINK>
605 <NODE componentmode="InABox" id="127" nodename="IOBox (Value Advanced)" systemname="IOBox (Value Advanced)">
606 <BOUNDS height="100" left="14565" top="12990" type="Node" width="100">
607 </BOUNDS>
608 <BOUNDS height="240" left="14565" top="12990" type="Box" width="795">
609 </BOUNDS>
610 <PIN pinname="Y Input Value" visible="1">
611 </PIN>
612 <PIN pinname="Y Output Value" visible="1">
613 </PIN>
614 <PIN encoded="0" pinname="Descriptive Name" slicecount="1" values="|Aspect Ratio|">
615 </PIN>
616 </NODE>
617 <LINK dstnodeid="127" dstpinname="Y Input Value" srcnodeid="128" srcpinname="Output">
618 </LINK>
619 <LINK dstnodeid="129" dstpinname="Y" srcnodeid="127" srcpinname="Y Output Value">
620 </LINK>
621 <LINK dstnodeid="132" dstpinname="Transform" srcnodeid="129" srcpinname="Transform Out">
622 </LINK>
623 <LINK dstnodeid="129" dstpinname="Transform In" srcnodeid="131" srcpinname="Transform Out">
624 </LINK>
625 <NODE componentmode="Hidden" id="126" nodename="Translate (Transform)" systemname="Translate (Transform)">
626 <BOUNDS height="100" left="9000" top="7065" type="Node" width="100">
627 </BOUNDS>
628 <PIN pinname="Transform Out" visible="1">
629 </PIN>
630 <PIN pinname="X" visible="1">
631 </PIN>
632 <PIN pinname="Y" visible="1">
633 </PIN>
634 </NODE>
635 <LINK dstnodeid="131" dstpinname="Transform In" srcnodeid="126" srcpinname="Transform Out">
636 </LINK>
637 <NODE componentmode="Hidden" id="125" nodename="LinearSpread (Spreads)" systemname="LinearSpread (Spreads)">
638 <BOUNDS height="100" left="9255" top="6630" type="Node" width="100">
639 </BOUNDS>
640 <PIN pinname="Output" visible="1">
641 </PIN>
642 <PIN pinname="Spread Count" slicecount="1" values="5">
643 </PIN>
644 <PIN pinname="Width" slicecount="1" values="1.07">
645 </PIN>
646 </NODE>
647 <LINK dstnodeid="126" dstpinname="X" srcnodeid="125" srcpinname="Output">
648 </LINK>
649 <NODE componentmode="InABox" id="124" nodename="IOBox (String)" systemname="IOBox (String)">
650 <BOUNDS height="270" left="10635" top="7095" type="Node" width="2070">
651 </BOUNDS>
652 <BOUNDS height="375" left="10635" top="7095" type="Box" width="2670">
653 </BOUNDS>
654 <PIN encoded="0" pinname="Input String" slicecount="1" visible="0" values="|[4 - Olympics 2012?]&cr;&lf;Ok. Let&apos;s make a copy.&cr;&lf;&lt;ol&gt;&cr;&lf;&lt;li&gt;Select that section of the patch we just made.&lt;/li&gt;&cr;&lf;&lt;li&gt;Press &lt;key&gt;Ctrl&lt;/key&gt;+&lt;key&gt;D&lt;/key&gt; to duplicate. Dont press anything else.&lt;/li&gt;&cr;&lf;&lt;li&gt;The bits you&apos;ve duplicated are all mixed up with the old bits, but your new bits are all selected.&lt;/li&gt;&cr;&lf;&lt;li&gt;Use the &lt;key&gt;Down&lt;/key&gt; key on your keyboard to move the nodes down within the patch. To do this quicker, use &lt;key&gt;Shift&lt;/key&gt;+&lt;key&gt;Down&lt;/key&gt;. Do this until you&apos;ve moved the new nodes into a clear section of the patch&lt;/li&gt;&cr;&lf;&lt;/ol&gt;&cr;&lf;&lt;br /&gt;&cr;&lf;&cr;&lf;Let&apos;s get rid of the background. Delete &lt;node&gt;RetroColors&lt;/node&gt; by clicking &lt;click/&gt;&lt;lmb/&gt; on it and then pressing &lt;key&gt;Delete&lt;/key&gt;. Right click &lt;click/&gt;&lt;rmb/&gt; on the &lt;pin&gt;Background Color&lt;/pin&gt; pin to reset it to &lt;b&gt;black&lt;/b&gt;.&cr;&lf;&lt;br /&gt;&cr;&lf;&cr;&lf;Let&apos;s make the rings bigger. Set the &lt;node&gt;UniformSpread&lt;/node&gt; to &lt;b&gt;0.4&lt;/b&gt;. This is a quick way of saying &apos;set the parameter of UniformSpread (in this case &lt;pin&gt;XYZ&lt;/pin&gt;)) to value &lt;b&gt;0.4&lt;/b&gt;&apos;.&cr;&lf;&lt;br /&gt;&cr;&lf;&cr;&lf;Create a new &lt;node&gt;LinearSpread&lt;/node&gt; and connect it to &lt;node&gt;Translate&lt;/node&gt;&apos;s &lt;pin&gt;Y&lt;/pin&gt; input. Set the &lt;pin&gt;Spread Count&lt;pin&gt; of the 2 &lt;node&gt;LinearSpread&lt;/node&gt;&apos;s to &lt;b&gt;5&lt;/b&gt; and &lt;b&gt;2&lt;/b&gt; respectively.&cr;&lf;&lt;br /&gt;&cr;&lf;&cr;&lf;Adjust the &lt;b&gt;Width&lt;/b&gt; pins of the &lt;node&gt;LinearSpread&lt;/node&gt;&apos;s until you get the olympic rings.&cr;&lf;&lt;br /&gt;&cr;&lf;&cr;&lf;For good measure, add some colour to the rings by either using a &lt;node&gt;RetroColors&lt;/node&gt; with an &lt;node&gt;I (Spreads)&lt;/node&gt; on the &lt;pin&gt;Index&lt;/pin pin, or a &lt;node&gt;HSL (Color Join)&lt;/node&gt; with a &lt;node&gt;LinearSpread&lt;/node&gt; on the &lt;pin&gt;Hue&lt;/pin&gt; input pin. Also set the &lt;pin&gt;Draw Mode&lt;/pin&gt; of the &lt;node&gt;Blend&lt;/node&gt; node to &lt;b&gt;ColorAsAlphaBlend&lt;/b&gt;.|">
655 </PIN>
656 <PIN pinname="Output String" visible="0">
657 </PIN>
658 <PIN pinname="Show Grid" slicecount="1" values="0">
659 </PIN>
660 <PIN pinname="String Type" slicecount="1" values="MultiLine">
661 </PIN>
662 <PIN pinname="Font" slicecount="1" values="|Arial Black|">
663 </PIN>
664 <PIN pinname="Size" slicecount="1" values="10">
665 </PIN>
666 <PIN encoded="0" pinname="Descriptive Name" slicecount="1" values="||">
667 </PIN>
668 </NODE>
669 <NODE componentmode="Hidden" id="122" nodename="Blend (EX9.RenderState)" systemname="Blend (EX9.RenderState)">
670 <BOUNDS height="100" left="8835" top="6270" type="Node" width="100">
671 </BOUNDS>
672 <PIN pinname="Render State Out" visible="1">
673 </PIN>
674 <PIN pinname="Draw Mode" slicecount="1" values="ColorAsAlphaBlend">
675 </PIN>
676 </NODE>
677 <LINK dstnodeid="132" dstpinname="Render State" linkstyle="VHV" srcnodeid="122" srcpinname="Render State Out">
678 <LINKPOINT x="8735" y="7193">
679 </LINKPOINT>
680 <LINKPOINT x="8995" y="7748">
681 </LINKPOINT>
682 </LINK>
683 <NODE componentmode="Hidden" id="134" nodename="LinearSpread (Spreads)" systemname="LinearSpread (Spreads)">
684 <BOUNDS height="100" left="10455" top="6630" type="Node" width="100">
685 </BOUNDS>
686 <PIN pinname="Output" visible="1">
687 </PIN>
688 <PIN pinname="Spread Count" slicecount="1" values="2">
689 </PIN>
690 <PIN pinname="Width" slicecount="1" values="-0.98">
691 </PIN>
692 </NODE>
693 <LINK dstnodeid="126" dstpinname="Y" linkstyle="VHV" srcnodeid="134" srcpinname="Output">
694 <LINKPOINT x="10455" y="6968">
695 </LINKPOINT>
696 <LINKPOINT x="9555" y="6968">
697 </LINKPOINT>
698 </LINK>
699 <NODE componentmode="Hidden" id="135" nodename="RetroColors (Color)" systemname="RetroColors (Color)">
700 <BOUNDS height="100" left="11280" top="7935" type="Node" width="100">
701 </BOUNDS>
702 <PIN pinname="Output" visible="1">
703 </PIN>
704 <PIN pinname="Index" visible="1">
705 </PIN>
706 </NODE>
707 <LINK dstnodeid="132" dstpinname="Color" linkstyle="VHV" srcnodeid="135" srcpinname="Output">
708 <LINKPOINT x="11310" y="8385">
709 </LINKPOINT>
710 <LINKPOINT x="9885" y="8385">
711 </LINKPOINT>
712 </LINK>
713 <NODE componentmode="Hidden" id="136" nodename="I (Spreads)" systemname="I (Spreads)">
714 <BOUNDS height="100" left="11280" top="7590" type="Node" width="100">
715 </BOUNDS>
716 <PIN pinname="Output" visible="1">
717 </PIN>
718 <PIN pinname=".. To [" slicecount="1" values="6">
719 </PIN>
720 <PIN pinname="[ From .." slicecount="1" values="1">
721 </PIN>
722 </NODE>
723 <LINK dstnodeid="135" dstpinname="Index" srcnodeid="136" srcpinname="Output">
53e1640 @elliotwoods changes to spreads. still not complete. going to SMC
authored
724 </LINK>
60ddfe1 @elliotwoods Up to 7th tutorial
authored
725 </PATCH>
Something went wrong with that request. Please try again.