site/features.html

changeset 0
c1d19a9b477c
child 1
0a8d8d1522b7
equal deleted inserted replaced
-1:000000000000 0:c1d19a9b477c
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="utf-8">
5 <meta name="viewport" content="width=device-width">
6 <meta name="description" content="Source 2 Documentation">
7 <link rel="stylesheet" href="style.css">
8 <link rel="icon" type="image/png" href="/s2favicon.png">
9 </head>
10
11 <body>
12
13 <div class="main" >
14
15 <div id="header">
16 <img class="headerlogo" src="source2_new.svg" title="Source 2">
17 <nav>
18 <ul class="buttons">
19 <a href="home.html"><li>Home</li></a>
20 <a href=""><li class="active">Features</li></a>
21 <a href=""><li>Wiki</li></a>
22 <a href="about.html"><li>About</li></a>
23 </ul>
24 </nav>
25 </div>
26
27 <div class="content">
28 <h1>Source 2 Engine Features</h1>
29 <p>
30 The Next-Gen S2 Engine is a significant departure to the legacy Source engine, running DX11 and Vulkan natively on their respective platforms.
31 </p>
32 <hr>
33
34 <h1 id="toolsSectionH1">Tools</h1>
35 <p>
36 Source 2 comes with an integrated development enviornment (IDE), consisting of:
37 <br>
38 <i>Asset Browser</i>, <i>Level Editor</i>, <i>Material Editor</i>, <i>Model Editor</i>, <i>Particle Editor</i>, and <i>Film Maker</i>.
39 <br>
40 <img src="features/tools/toolsbar.png">
41 </p>
42
43 <div class="contentSection">
44 <a href="#toolsSectionAssetBrowser"><h3 id="toolsSectionAssetBrowser">- Asset Browser <img src="features/tools/asset_browser_sm.png"></h3></a>
45 <p>
46 The Asset Browser allows quick searching, previewing, grouping, and managing assets.
47 <br>
48 It also serves as the hub for development, launching the other tools either by their icon, or by double clicking an asset.
49 <br>
50 Assets inside the browser can also be dragged into other tools (such as Hammer).
51 <br>
52 <div class="mediaContainer">
53 <video width="577" height="438" autoplay loop>
54 <source src="features/tools/asset_browser_demo.webm" type="video/webm">
55 (Unspported video format?)
56 </video>
57 </div>
58 </p>
59 </div>
60
61 <div class="contentSection">
62 <a href="#toolsSectionHammerEditor"><h3 id="toolsSectionHammerEditor">- Hammer Editor <img src="features/tools/hammer/hammer_sm.png"></h3></a>
63 <p>
64 The Source 2 Level Editor (Hammer) is a revolutionary leap above even contemporary level editors.
65 <br>
66 On top of the expected brush-based manipulation, you can edit individual faces, edges, and even verticies, making it a full model editor.
67 <br>
68 <br>
69 The new primitive in S2 is the <i>Mesh</i>, a vertex-based system, allowing concave, and complex geometry to be authored by the level designer.
70 </p>
71 <p>
72 <br>
73 <div class="mediaContainer">
74 <video width="256" height="256" autoplay loop>
75 <source src="features/tools/hammer/editbasics.webm" type="video/webm" title="Mesh editing">
76 Mesh Editing (Video)
77 </video>
78 <video width="256" height="256" autoplay loop>
79 <source src="features/tools/hammer/convexmesh.webm" type="video/webm" title="Convex mesh editing">
80 Convex Mesh Editing (Video)
81 </video>
82 <video width="256" height="256" autoplay loop>
83 <source src="features/tools/hammer/faceremoval.webm" type="video/webm" title="Convex mesh editing">
84 Convex Mesh Editing (Video)
85 </video>
86 <video width="256" height="256" autoplay loop>
87 <source src="features/tools/hammer/edittimelapse.webm" type="video/webm" title="Convex mesh editing">
88 Convex Mesh Editing (Video)
89 </video>
90 </div>
91 </p>
92 </div>
93
94 <h1>H1</h1>
95 <h2>H2</h2>
96 <h3>H3</h3>
97 <h4>H4</h4>
98 </div>
99
100 <div class="footer">
101 <p class="copyright">Source Creator Collective - 2020</p>
102 </div>
103
104 </div>
105
106 </body>
107
108 </html>

mercurial