OLD | NEW |
---|---|
1 <!-- | 1 <!-- |
2 Copyright (c) 2011 The Native Client Authors. All rights reserved. | 2 Copyright (c) 2011 The Native Client Authors. All rights reserved. |
3 Use of this source code is governed by a BSD-style license that can be | 3 Use of this source code is governed by a BSD-style license that can be |
4 found in the LICENSE file. | 4 found in the LICENSE file. |
5 --> | 5 --> |
6 | 6 |
7 <!DOCTYPE html PUBLIC | 7 <!DOCTYPE html PUBLIC |
8 "-//W3C//DTD XHTML 1.0 Transitional//EN" | 8 "-//W3C//DTD XHTML 1.0 Transitional//EN" |
9 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | 9 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
10 <html xmlns="http://www.w3.org/1999/xhtml"> | 10 <html xmlns="http://www.w3.org/1999/xhtml"> |
(...skipping 11 matching lines...) Expand all Loading... | |
22 <link href="http://code.google.com/css/codesite.css" rel="stylesheet" | 22 <link href="http://code.google.com/css/codesite.css" rel="stylesheet" |
23 type="text/css" /> | 23 type="text/css" /> |
24 <title>Native Client Examples</title> | 24 <title>Native Client Examples</title> |
25 </head> | 25 </head> |
26 <body> | 26 <body> |
27 <h2>Native Client Examples</h2> | 27 <h2>Native Client Examples</h2> |
28 <p>This page lists all of the examples available in the most recent Native Clien t SDK bundle. Each example is designed to teach a few specific Native Client pro gramming concepts.</p> | 28 <p>This page lists all of the examples available in the most recent Native Clien t SDK bundle. Each example is designed to teach a few specific Native Client pro gramming concepts.</p> |
29 <dl> | 29 <dl> |
30 <dt><a href="hello_world_c/hello_world_c.html">Hello World in C</a></dt> | 30 <dt><a href="hello_world_c/hello_world_c.html">Hello World in C</a></dt> |
31 <dd>The Hello World In C example demonstrates the basic structure of all Nativ e Client applications. This example loads a Native Client module and responds to button click events by showing alert panels. | 31 <dd>The Hello World In C example demonstrates the basic structure of all Nativ e Client applications. This example loads a Native Client module and responds to button click events by showing alert panels. |
32 » | 32 |
33 <p>Teaching focus: Basic HTML, JavaScript, and module architecture; Messagin g API.</p> | 33 <p>Teaching focus: Basic HTML, JavaScript, and module architecture; Messagin g API.</p> |
34 </dd> | 34 </dd> |
35 <dt><a href="hello_world/hello_world.html">Hello World in C++</a></dt> | 35 <dt><a href="hello_world/hello_world.html">Hello World in C++</a></dt> |
36 <dd>The Hello World C++ example demonstrates the basic structure of all Native Client applications. This example loads a Native Client module and responds to button click events by showing alert panels. | 36 <dd>The Hello World C++ example demonstrates the basic structure of all Native Client applications. This example loads a Native Client module and responds to button click events by showing alert panels. |
37 | 37 |
38 <p>Teaching focus: Basic HTML, JavaScript, and module architectu re; Messaging API.</p> | 38 <p>Teaching focus: Basic HTML, JavaScript, and module architectu re; Messaging API.</p> |
39 </dd> | 39 </dd> |
40 <dt><a href="load_progress/load_progress.html">Load Progress</a></dt> | 40 <dt><a href="load_progress/load_progress.html">Load Progress</a></dt> |
41 <dd> The Load Progress example demonstrates how to listen for and handle even ts that occur while a | 41 <dd> The Load Progress example demonstrates how to listen for and handle even ts that occur while a |
42 » » NaCl module loads. This example listens for different load even t types and dispatches different events to their respective handler. This exampl e also checks for valid browser | 42 » » NaCl module loads. This example listens for different load even t types and dispatches different events to their respective handler. This exampl e also checks for valid browser |
43 version and shows how to calculate and display loading progress. | 43 version and shows how to calculate and display loading progress. |
44 | 44 |
45 <p>Teaching focus: Progress event handling.</p> | 45 <p>Teaching focus: Progress event handling.</p> |
46 </dd> | 46 </dd> |
47 <dt><a href="pi_generator/pi_generator.html">Pi Generator</a></dt> | 47 <dt><a href="pi_generator/pi_generator.html">Pi Generator</a></dt> |
48 <dd> The Pi Generator example demonstrates creating a helper thread that esti mate pi using the Monte Carlo | 48 <dd> The Pi Generator example demonstrates creating a helper thread that esti mate pi using the Monte Carlo |
49 method while randomly putting 1,000,000,000 points inside a 2D square that shares two | 49 method while randomly putting 1,000,000,000 points inside a 2D square that shares two |
50 sides with a quarter circle. | 50 sides with a quarter circle. |
51 | 51 |
52 <p>Teaching focus: Thread creation, 2D graphics, view change eve nts.</p> | 52 <p>Teaching focus: Thread creation, 2D graphics, view change eve nts.</p> |
53 </dd> | 53 </dd> |
54 <dt><a href="input_events/input_events.html">Input Events</a></dt> | 54 <dt><a href="input_events/input_events.html">Input Events</a></dt> |
55 <dd> The Input Events example demonstrates how to handle events triggered by the user. This example allows a user | 55 <dd> The Input Events example demonstrates how to handle events triggered by the user. This example allows a user |
56 » » to interact with a square representing a module instance. Events are displayed on the screen as the user clicks, scrolls, types, inside or outsi de | 56 » » to interact with a square representing a module instance. Events are displayed on the screen as the user clicks, scrolls, types, inside or outsi de |
57 of the square. | 57 of the square. |
58 » » | 58 |
59 <p>Teaching focus: Keyboard and mouse input, view change, and fo cus events.</p> | 59 <p>Teaching focus: Keyboard and mouse input, view change, and fo cus events.</p> |
60 </dd> | 60 </dd> |
61 <dt><a href="sine_synth/sine_synth.html">Sine Wave Synthesizer</a></dt> | 61 <dt><a href="sine_synth/sine_synth.html">Sine Wave Synthesizer</a></dt> |
62 <dd> The Sine Wave Synthesizer example demonstrates playing sound (a sine wav e). | 62 <dd> The Sine Wave Synthesizer example demonstrates playing sound (a sine wav e). |
63 » » | 63 |
64 <p>Teaching focus: Audio.</p> | 64 <p>Teaching focus: Audio.</p> |
65 </dd> | 65 </dd> |
66 <dt><a href="pong/pong.html">Pong</a></dt> | 66 <dt><a href="pong/pong.html">Pong</a></dt> |
67 <dd> The Pong example demonstrates how to create a basic 2D video game and ho w to store application | 67 <dd> The Pong example demonstrates how to create a basic 2D video game and ho w to store application |
68 » » information in a local persistent file. This game uses up and | 68 » » information in a local persistent file. This game uses up and |
69 down arrow keyboard input events to move the paddle. | 69 down arrow keyboard input events to move the paddle. |
70 | 70 |
71 <p>Teaching focus: File I/O, 2D graphics, input events.</p> | 71 <p>Teaching focus: File I/O, 2D graphics, input events.</p> |
72 </dd> | 72 </dd> |
73 <dt><a href="geturl/geturl.html">Get URL</a></dt> | 73 <dt><a href="geturl/geturl.html">Get URL</a></dt> |
74 <dd> The Get URL example demonstrates fetching an URL and then displaying its contents. | 74 <dd> The Get URL example demonstrates fetching an URL and then displaying its contents. |
75 » » | 75 |
76 <p>Teaching focus: URL loading.</p> | 76 <p>Teaching focus: URL loading.</p> |
77 </dd> | 77 </dd> |
78 <dt><a href="multithreaded_input_events/mt_input_events.html">Multi-threaded I nput Events</a></dt> | 78 <dt><a href="multithreaded_input_events/mt_input_events.html">Multi-threaded I nput Events</a></dt> |
79 <dd>The Multithreaded Input Events example combines HTML, Javascript, | 79 <dd>The Multithreaded Input Events example combines HTML, Javascript, |
80 and C++ (the C++ is compiled to create a .nexe file). | 80 and C++ (the C++ is compiled to create a .nexe file). |
81 The C++ shows how to handle input events in a multi-threaded application. | 81 The C++ shows how to handle input events in a multi-threaded application. |
82 The main thread converts input events to non-pepper events and puts them on | 82 The main thread converts input events to non-pepper events and puts them on |
83 a queue. The worker thread pulls them off of the queue, converts them to a | 83 a queue. The worker thread pulls them off of the queue, converts them to a |
84 string, and then uses CallOnMainThread so that PostMessage can be send the | 84 string, and then uses CallOnMainThread so that PostMessage can be send the |
85 result of the worker thread to the browser. | 85 result of the worker thread to the browser. |
86 </dd> | 86 </dd> |
87 <dt><a href="tumbler/tumbler.html">Tumbler</a></dt> | 87 <dt><a href="tumbler/tumbler.html">Tumbler</a></dt> |
88 <dd> The Tumbler example demonstrates how to create a 3D cube that you can ro tate with your mouse while pressing the | 88 <dd> The Tumbler example demonstrates how to create a 3D cube that you can ro tate with your mouse while pressing the |
89 left mouse button. This example creates a 3D context and draws t o it using | 89 left mouse button. This example creates a 3D context and draws t o it using |
90 OpenGL ES. The JavaScript implements a virtual trackball interface to | 90 OpenGL ES. The JavaScript implements a virtual trackball interface to |
91 map mouse movements into 3D rotations using simple 3D vector math and | 91 map mouse movements into 3D rotations using simple 3D vector math and |
92 quaternions. | 92 quaternions. |
93 » » | 93 |
94 <p>Teaching focus: 3D graphics</p> | 94 <p>Teaching focus: 3D graphics</p> |
95 </dd> | 95 </dd> |
96 <dt><a href="fullscreen_tumbler/fullscreen_tumbler.html">Full-screen Tumbler</ a></dt> | 96 <dt><a href="fullscreen_tumbler/fullscreen_tumbler.html">Full-screen Tumbler</ a></dt> |
97 <dd> This is a modified version of the Tumbler example above that supports | 97 <dd> This is a modified version of the Tumbler example above that supports |
98 full-screen display. It is in every way identical to Tumbler in | 98 full-screen display. It is in every way identical to Tumbler in |
99 functionality, except that it adds the ability to switch to/from | 99 functionality, except that it adds the ability to switch to/from |
100 full-screen display by pressing the Enter key. | 100 full-screen display by pressing the Enter key. |
101 » » | 101 |
102 <p>Teaching focus: switching to/from full-screen display</p> | 102 <p>Teaching focus: switching to/from full-screen display</p> |
jond
2011/11/10 17:34:00
The teaching focus area has generally listed APIs.
der Springer
2011/11/11 19:23:01
Done.
| |
103 </dd> | 103 </dd> |
104 <dt><a href="mouselock/mouselock.html">Full-screen and Mouse-lock</a></dt> | |
jond
2011/11/10 17:34:00
Every other example has a more generic and shorter
der Springer
2011/11/11 19:23:01
Done.
| |
105 <dd> The Mouselock example demonstrates how to use the MouseLock API to hide | |
106 the mouse cursor. Mouse lock is only available in full-screen mode. You can | |
107 lock and unlock the mouse while in full-screen mode by pressing the Enter key. | |
108 | |
109 <p>Teaching focus: Locking and unlocking the mouse cursor</p> | |
jond
2011/11/10 17:34:00
Does the example show how to go into full-screen?
der Springer
2011/11/11 19:23:01
Done.
| |
110 </dd> | |
104 </dl> | 111 </dl> |
105 </body> | 112 </body> |
106 </html> | 113 </html> |
OLD | NEW |