samples.libcna.com/ReachGraphicsDemo.html at main · libcna/samples.libcna.com · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Reach Graphics Demo — CNA Samples</title>
<meta name="description" content="The XNA Reach Graphics Demo ported to C++ with CNA: six interactive demonstrations of stock effects, models, animation and SpriteBatch.">
<link rel="stylesheet" href="assets/site.css">
</head>
<body>

<header class="site-head">
  <div class="wrap">
    <h1 class="site-title"><a href="index.html">CNA Samples</a></h1>
  </div>
</header>

<main class="wrap">

  <div class="detail-head">
    <h1>Reach Graphics Demo</h1>
  </div>
  <p class="origin">Ported from Microsoft's XNA 4.0 <em>Reach Graphics Demo</em>, presented at MIX10.</p>
  <p class="sample-source">
    <a href="https://github.com/libcna/cna-samples/tree/develop/samples/ReachGraphicsDemo">Source for this sample on GitHub ↗</a>
  </p>

  <img class="shot portrait" src="assets/img/reach-graphics-demo.png" width="480" height="800"
       alt="The sample's BasicEffect scene showing an animated tank on a tiled floor.">

  <a class="play" href="ReachGraphicsDemo/ReachGraphicsDemo_cna_samples.html" target="_blank" rel="noopener">Play ▸</a>
  <p class="play-note">Opens in a new tab and runs in this browser. Click or drag directly on the canvas.</p>

  <nav class="pager pager-before-about" aria-label="Sample navigation">
    <a class="prev" href="TexturesAndColors.html"><span class="label">Previous</span>Textures and Colors</a>
    <a class="next" href="SpriteEffects.html"><span class="label">Next</span>Sprite Effects</a>
  </nav>

  <section>
    <h2>About this sample</h2>
    <p>
      This touch-oriented showcase brings six XNA graphics features together behind one menu. Its scenes cover
      BasicEffect lighting and texturing, DualTextureEffect light maps, AlphaTestEffect impostors,
      SkinnedEffect animation, EnvironmentMapEffect reflections, and a SpriteBatch particle system.
    </p>
    <p>
      The models, cube map, textures, fonts, animation data and sample-specific object graphs are loaded from
      the original XNA 4.0 content-pipeline output. That makes the demo a broad compatibility test as well as a
      compact tour of the Reach graphics profile.
    </p>
    <p>
      Leave it untouched and the original MIX10 attract mode automatically moves through the scenes and their
      options, just as it did when the demo was used as an unattended conference kiosk.
    </p>
  </section>

  <section>
    <h2>Controls</h2>
    <table class="controls">
      <tr><th>Action</th><th>Mouse or touch</th></tr>
      <tr><td>Open a scene or toggle an option</td><td>Click or tap its menu row</td></tr>
      <tr><td>Adjust a slider</td><td>Drag horizontally on its row</td></tr>
      <tr><td>Rotate, zoom or emit particles</td><td>Drag on the scene background; behavior depends on the scene</td></tr>
      <tr><td>Return to the title</td><td>Click or tap <em>back</em></td></tr>
    </table>
    <p class="play-note">Inactivity starts the automatic attract sequence.</p>
  </section>

  <nav class="pager">
    <a class="prev" href="TexturesAndColors.html"><span class="label">Previous</span>Textures and Colors</a>
    <a class="next" href="SpriteEffects.html"><span class="label">Next</span>Sprite Effects</a>
  </nav>

</main>

<footer class="site-foot">
  <div class="wrap">
    <p>
      The sample is Microsoft's, published under the Microsoft Permissive License.
      The C++ port and the WebAssembly build are CNA.
    </p>
  </div>
</footer>

</body>
</html>