Skip to content

Commit 482cee0

Browse files
REASREAS
committed
New layout draft for PVector tutorial, part 1
1 parent d93e4b5 commit 482cee0

2 files changed

Lines changed: 16 additions & 21 deletions

File tree

‎content/static/tutorials/p3d/index.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -14,10 +14,10 @@ <h3 style="line-height: 0.7em;"><em>Daniel Shiffman</em></h3>
1414
</p>
1515

1616
<pre>
17-
void setup() {
18-
size(200,200,P3D);
17+
<span style="color: #33997E;">void</span> <span style="color: #006699;"><b>setup</b></span>() {
18+
&nbsp;&nbsp;<span style="color: #006699;">size</span>(200,200,<span style="color: #718A62;">P3D</span>);
1919
}
20-
</pre><br/>
20+
</pre>
2121

2222
<p class="txt">
2323
Now, you may be wondering: "Which render mode should I choose and why?" The mode itself tells Processing what to do behind the scenes when drawing the display window. For example, the default renderer employs existing Java 2D libraries to draw shapes, set colors, display text, etc. When deciding which renderer to use, you are balancing a number of factors: speed, accuracy, and general usefulness of the available features. In most cases, particularly when you are first learning Processing, you will want to use the default renderer setting. It provides the most elegant and accurate results when drawing in 2D.

‎content/static/tutorials/pvector/index.html‎

Lines changed: 13 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,18 @@
1-
<h1>PVector</h1>
2-
3-
<p>
4-
<table width="656">
5-
<tr>
6-
7-
<p class="license"><em>This tutorial is for Processing version 1.1+. If you see any errors or have comments, please <a href="https://github.com/processing/processing-docs/issues?state=open">let us know</a>. This tutorial is adapted from <a href="http://natureofcode.com">The Nature of Code</a> by Daniel Shiffman. This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc/3.0/">Creative Commons Attribution-NonCommercial 3.0 Unported License</a>.</p>
1+
<table width="650" style="margin-top: 0px;">
2+
<tr>
3+
<td>
4+
5+
6+
<p class="license">This tutorial is adapted from <a href="http://natureofcode.com">The Nature of Code</a> by Daniel Shiffman. This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc/3.0/">Creative Commons Attribution-NonCommercial 3.0 Unported License</a>. If you see any errors or have comments, please <a href="https://github.com/processing/processing-docs/issues?state=open">let us know</a>.</p>
7+
8+
<h1 style="line-height: 0.7em;">PVector</h1>
9+
<h3 style="line-height: 0.7em;"><em>Casey Reas and Ben Fry</em></h3>
10+
811

9-
<p>The source code contained in this tutorial is also <a href="https://github.com/shiffman/The-Nature-of-Code-Examples/tree/master/Processing/chp1_vectors">available on GitHub</a>.</em></p>
12+
<p>The source code contained in this tutorial is <a href="https://github.com/shiffman/The-Nature-of-Code-Examples/tree/master/Processing/chp1_vectors">available on GitHub</a>.</p>
1013

11-
<p>&nbsp;</p>
12-
13-
14-
15-
<p>The most basic building block for programming motion is the <em><strong>vector</strong></em>. And so this is where we begin. Now, the word <em><strong>vector</strong></em> can mean a lot of different things:
14+
<p class="txt">
15+
The most basic building block for programming motion is the <em><strong>vector</strong></em>. And so this is where we begin. Now, the word <em><strong>vector</strong></em> can mean a lot of different things:
1616
<br /><br />
1717
Vector is the name of a new wave rock band formed in Sacramento, CA in the early 1980s. It's the name of a breakfast cereal manufactured by Kellogg's Canada. In the field of epidemiology, a vector is used to describe an organism that transmits infection from one host to another. In the C++ programming language, a Vector (std::vector) is an implementation of a dynamically resizable array data structure.
1818
<br /><br />
@@ -1184,12 +1184,7 @@ <h3>Vectors: Interactivity</h3>
11841184

11851185
</p>
11861186

1187-
<p>&nbsp;</p>
1188-
1189-
<p class="license"><em>This tutorial is for Processing version 1.1+. If you see any errors or have comments, please <a href="https://github.com/processing/processing-docs/issues?state=open">let us know</a>. This tutorial is adapted from <a href="http://natureofcode.com">The Nature of Code</a> by Daniel Shiffman. This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc/3.0/">Creative Commons Attribution-NonCommercial 3.0 Unported License</a>.</p>
1190-
11911187

11921188
</td>
11931189
</tr>
11941190
</table>
1195-
</p>

0 commit comments

Comments
 (0)