| OLD | NEW |
| 1 {{+bindTo:partials.standard_nacl_article}} | 1 {{+bindTo:partials.standard_nacl_article}} |
| 2 | 2 |
| 3 <section id="a-saga-of-fire-and-water-codelab"> | 3 <section id="a-saga-of-fire-and-water-codelab"> |
| 4 <span id="cds2014-cpp"></span><h1 id="a-saga-of-fire-and-water-codelab"><span id
="cds2014-cpp"></span>A Saga of Fire and Water - Codelab</h1> | 4 <span id="cds2014-cpp"></span><h1 id="a-saga-of-fire-and-water-codelab"><span id
="cds2014-cpp"></span>A Saga of Fire and Water - Codelab</h1> |
| 5 <h2 id="introduction">Introduction</h2> | 5 <h2 id="introduction">Introduction</h2> |
| 6 <p>Learn the basics of using PPAPI to do 2D graphics from | 6 <p>Learn the basics of using PPAPI to do 2D graphics from |
| 7 a C++ program running in Native Client. | 7 a C++ program running in Native Client. |
| 8 Modify our sample to turn fire into water. | 8 Modify our sample to turn fire into water. |
| 9 Develop inside Google Chrome, using our NaCl Development Environment | 9 Develop inside Google Chrome, using our NaCl Development Environment |
| 10 Chrome App. | 10 Chrome App. |
| (...skipping 140 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 151 for use:</p> | 151 for use:</p> |
| 152 <pre class="prettyprint"> | 152 <pre class="prettyprint"> |
| 153 git config --global user.name "John Doe" | 153 git config --global user.name "John Doe" |
| 154 git config --global user.email johndoe@example.com | 154 git config --global user.email johndoe@example.com |
| 155 </pre> | 155 </pre> |
| 156 <h2 id="get-the-code">Get the Code!</h2> | 156 <h2 id="get-the-code">Get the Code!</h2> |
| 157 <p>Rather than start from nothing, for this codelab we’ve provided | 157 <p>Rather than start from nothing, for this codelab we’ve provided |
| 158 you with a zip file containing a starting point.</p> | 158 you with a zip file containing a starting point.</p> |
| 159 <p>Download the codelab:</p> | 159 <p>Download the codelab:</p> |
| 160 <pre class="prettyprint"> | 160 <pre class="prettyprint"> |
| 161 curl http://nacltools.storage.googleapis.com/cds2014/cds2014_cpp.zip -O | 161 curl https://nacltools.storage.googleapis.com/cds2014/cds2014_cpp.zip -O |
| 162 </pre> | 162 </pre> |
| 163 <p>Unzip it:</p> | 163 <p>Unzip it:</p> |
| 164 <pre class="prettyprint"> | 164 <pre class="prettyprint"> |
| 165 unzip cds2014_cpp.zip | 165 unzip cds2014_cpp.zip |
| 166 </pre> | 166 </pre> |
| 167 <p>Go into the codelab directory:</p> | 167 <p>Go into the codelab directory:</p> |
| 168 <pre class="prettyprint"> | 168 <pre class="prettyprint"> |
| 169 cd cds2014_cpp | 169 cd cds2014_cpp |
| 170 </pre> | 170 </pre> |
| 171 <p>Create a new local git repo:</p> | 171 <p>Create a new local git repo:</p> |
| (...skipping 71 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 243 The small line of blue at the bottom isn’t much of a waterfall. | 243 The small line of blue at the bottom isn’t much of a waterfall. |
| 244 Move it to the top to complete the effect.</p> | 244 Move it to the top to complete the effect.</p> |
| 245 <p>Hint: You’ll want to change the area that the UpdateCoals function muta
tes.</p> | 245 <p>Hint: You’ll want to change the area that the UpdateCoals function muta
tes.</p> |
| 246 <h2 id="what-you-ve-learned">What you’ve learned</h2> | 246 <h2 id="what-you-ve-learned">What you’ve learned</h2> |
| 247 <p>In addition to learning a new appreciation for fire, you’ve also made w
ater... | 247 <p>In addition to learning a new appreciation for fire, you’ve also made w
ater... |
| 248 And while dusting off your C/C++ image manipulation skills, | 248 And while dusting off your C/C++ image manipulation skills, |
| 249 you’ve discovered how easy it is to modify, build, | 249 you’ve discovered how easy it is to modify, build, |
| 250 and run a NaCl application that uses PPAPI.</p> | 250 and run a NaCl application that uses PPAPI.</p> |
| 251 <p>2D graphics is fun, but now you’re ready to check out the wealth of | 251 <p>2D graphics is fun, but now you’re ready to check out the wealth of |
| 252 other | 252 other |
| 253 <a class="reference external" href="http://src.chromium.org/viewvc/chrome/trunk/
src/ppapi/cpp/">PPAPI interfaces available</a>.</p> | 253 <a class="reference external" href="https://src.chromium.org/viewvc/chrome/trunk
/src/ppapi/cpp/">PPAPI interfaces available</a>.</p> |
| 254 <p>While our in-browser environment is rapidly evolving | 254 <p>While our in-browser environment is rapidly evolving |
| 255 to become a complete development solution, | 255 to become a complete development solution, |
| 256 for the broadest range of development options, check out the | 256 for the broadest range of development options, check out the |
| 257 <a class="reference external" href="https://developer.chrome.com/native-client/c
pp-api">NaCl SDK</a>.</p> | 257 <a class="reference external" href="https://developer.chrome.com/native-client/c
pp-api">NaCl SDK</a>.</p> |
| 258 <p>For questions, concerns, or help contact us at | 258 <p>Send us comments and feedback on the <a class="reference external" href="http
s://groups.google.com/forum/#!forum/native-client-discuss">native-client-discuss
</a> mailing list, |
| 259 <a class="reference external" href="https://groups.google.com/forum/#!forum/nati
ve-client-discuss">native-client-discuss@googlegroups.com</a>.</p> | 259 or ask questions using Stack Overflow’s <a class="reference external" href
="https://stackoverflow.com/questions/tagged/google-nativeclient">google-nativec
lient</a> tag.</p> |
| 260 <p>I hope this codelab has lit a fire in you to go out there, | 260 <p>I hope this codelab has lit a fire in you to go out there, |
| 261 and bring an awesome C/C++ application to NaCl or PNaCl today!</p> | 261 and bring an awesome C/C++ application to NaCl or PNaCl today!</p> |
| 262 <h2 id="cleanup">Cleanup</h2> | 262 <h2 id="cleanup">Cleanup</h2> |
| 263 <p>The Chrome Dev Environment App installs >800MB into | 263 <p>The Chrome Dev Environment App installs >800MB into |
| 264 HTML5 Filesystem storage on your device. | 264 HTML5 Filesystem storage on your device. |
| 265 To recover this storage, uninstall the app from the | 265 To recover this storage, uninstall the app from the |
| 266 <a href="https://chrome.google.com/webstore" | 266 <a href="https://chrome.google.com/webstore" |
| 267 target="_blank">Chrome Web Store</a>.</p> | 267 target="_blank">Chrome Web Store</a>.</p> |
| 268 </section> | 268 </section> |
| 269 | 269 |
| 270 {{/partials.standard_nacl_article}} | 270 {{/partials.standard_nacl_article}} |
| OLD | NEW |