|
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> |