Mercurial > hg > websites > source2info / file comparison
comparison: site/features.html
site/features.html
- changeset 2
- 5322f0778cb1
- parent 1
- 0a8d8d1522b7
- child 4
- f43055fb4a5c
equal
deleted
inserted
replaced
| 1:0a8d8d1522b7 | 2:5322f0778cb1 |
|---|---|
| 28 <h1>Source 2 Engine Features</h1> | 28 <h1>Source 2 Engine Features</h1> |
| 29 <p> | 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. | 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> | 31 </p> |
| 32 <hr> | 32 <hr> |
| 33 | 33 <nav> |
| 34 <h1 id="toolsSectionH1">Tools</h1> | 34 <ul class="featuresNav"> |
| 35 <p> | 35 <div class="contentSection"> |
| 36 Source 2 comes with an integrated development enviornment (IDE), consisting of: | 36 <a href="features_tools.html"><li><h1 id="toolsSectionH1">- <u>Tools</u> </h1></li></a> |
| 37 <br> | 37 <!-- <div class="featureShowcaseContainer"><img class="featureShowcase" src="features/tools/toolsbar.png"></div> --> |
| 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>. | 38 <p> |
| 39 <br> | 39 <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>. |
| 40 <img src="features/tools/toolsbar.png"> | 40 <br> |
| 41 </p> | 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> | 42 </div> |
| 58 </p> | 43 <div class="contentSection"> |
| 59 </div> | 44 <a href=""><li><h1 id="toolsSectionH1">- <u>Rendering</u></h1></li></a> |
| 60 | 45 <p id="textNotice"><b>Notice: </b> Not created yet.</p> |
| 61 <div class="contentSection"> | 46 </div> |
| 62 <a href="#toolsSectionHammerEditor"><h3 id="toolsSectionHammerEditor">- Hammer Editor <img src="features/tools/hammer/hammer_sm.png"></h3></a> | 47 </ul> |
| 63 <p> | 48 </nav> |
| 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 <br> | |
| 72 <div class="mediaContainer"> | |
| 73 <video width="256" height="256" autoplay loop> | |
| 74 <source src="features/tools/hammer/editbasics.webm" type="video/webm" title="Mesh editing"> | |
| 75 Mesh Editing (Video) | |
| 76 </video> | |
| 77 <video width="256" height="256" autoplay loop> | |
| 78 <source src="features/tools/hammer/convexmesh.webm" type="video/webm" title="Convex mesh editing"> | |
| 79 Convex Mesh Editing (Video) | |
| 80 </video> | |
| 81 <video width="256" height="256" autoplay loop> | |
| 82 <source src="features/tools/hammer/faceremoval.webm" type="video/webm" title="Convex mesh editing"> | |
| 83 Convex Mesh Editing (Video) | |
| 84 </video> | |
| 85 <video width="256" height="256" autoplay loop> | |
| 86 <source src="features/tools/hammer/edittimelapse.webm" type="video/webm" title="Convex mesh editing"> | |
| 87 Convex Mesh Editing (Video) | |
| 88 </video> | |
| 89 </div> | |
| 90 <br> | |
| 91 <p> | |
| 92 Meshes can be exported for further editing in 3D applications, and then re-imported as DMX, OBJ, or FBX. | |
| 93 <br> | |
| 94 Legacy Source VMFs can also be imported. | |
| 95 </p> | |
| 96 </div> | |
| 97 | |
| 98 <div class="contentSection"> | |
| 99 <a href="#toolsSectionMaterialEditor"><h3 id="toolsSectionMaterialEditor">- Material Editor <img src="features/tools/met/met_sm.png"></h3></a> | |
| 100 <p> | |
| 101 No more fiddling with text-based VMT files, slow material reloads, and trial & error debugging. | |
| 102 <br> | |
| 103 S2 MET Supports realtime editing and previews, with in-editor texture importing. | |
| 104 <br> | |
| 105 </p> | |
| 106 <br> | |
| 107 <div class="mediaContainer"> | |
| 108 <img class="mediaImage" src="features/tools/met/properties.png" width="1024px"> | |
| 109 </div> | |
| 110 <br> | |
| 111 <p> | |
| 112 MET Also supports extensive dynamic functions, and the following image formats: PSD, TGA, TIF, PFM, MKS, PNG, JPG | |
| 113 </p> | |
| 114 </div> | |
| 115 | |
| 116 <div class="contentSection"> | |
| 117 <a href="#toolsSectionModelEditor"><h3 id="toolsSectionModelEditor">- Model Editor <img src="features/tools/model_editor/model_editor_sm.png"></h3></a> | |
| 118 <p> | |
| 119 Model viewer, and editor. No more fiddling with QC files, this does it all. | |
| 120 <br> | |
| 121 Used to configure hitboxes, collision, poses, weights, LODs, animations, constraints, attachments, and anything involving models. | |
| 122 <br> | |
| 123 </p> | |
| 124 <br> | |
| 125 <div class="mediaContainer"> | |
| 126 <img class="mediaImage" src="features/tools/model_editor/editor.png" height="400px"> | |
| 127 <video height="400px" autoplay loop> | |
| 128 <source src="features/tools/model_editor/modelviewer.webm" type="video/webm" title="Model Viewer"> | |
| 129 Convex Mesh Editing (Video) | |
| 130 </video> | |
| 131 </div> | |
| 132 <br> | |
| 133 <p> | |
| 134 Model Importing supports the following formats: DMX, SMD, FBX, OBJ | |
| 135 </p> | |
| 136 </div> | |
| 137 | |
| 138 <div class="contentSection"> | |
| 139 <a href="#toolsSectionPET"><h3 id="toolsSectionPET">- Particle Editor <img src="features/tools/pet/pet_sm.png"></h3></a> | |
| 140 <p> | |
| 141 PET is for editing particles | |
| 142 <br> | |
| 143 ... | |
| 144 <br> | |
| 145 </p> | |
| 146 <br> | |
| 147 <div class="mediaContainer"> | |
| 148 </div> | |
| 149 <br> | |
| 150 </div> | |
| 151 | |
| 152 <div class="contentSection"> | |
| 153 <a href="#toolsSectionSFM"><h3 id="toolsSectionSFM">- Filmmaker <img src="features/tools/sfm/sfm_sm.png"></h3></a> | |
| 154 <p> | |
| 155 The Filmmaker is used for rendering high-quality cinematics from in-engine. | |
| 156 <br> | |
| 157 ... | |
| 158 <br> | |
| 159 </p> | |
| 160 <br> | |
| 161 <div class="mediaContainer"> | |
| 162 </div> | |
| 163 <br> | |
| 164 </div> | |
| 165 | |
| 166 <div class="contentSection"> | |
| 167 <a href="#toolsSectionVC2"><h3 id="toolsSectionVC2">- VConsole2 <img src="features/tools/vconsole2/vconsole2_sm.png"></h3></a> | |
| 168 <p> | |
| 169 Vastly improved over the simple in-engine console of yore. Using a networked API for engine communication it allows remote debugging. | |
| 170 <br> | |
| 171 VC2 also features multi-tabbed displays for multitasking, extensive filtering, and verbosity control. | |
| 172 <br> | |
| 173 </p> | |
| 174 <br> | |
| 175 <div class="mediaContainer"> | |
| 176 <img class="mediaImage" src="features/tools/vconsole2/main.png" > | |
| 177 </div> | |
| 178 <br> | |
| 179 </div> | |
| 180 | |
| 181 <h2>Unreleased</h2> | |
| 182 | |
| 183 <div class="contentSection"> | |
| 184 <a href="#toolsSectionFaceposer"><h3 id="toolsSectionFaceposer">- Faceposer <img src="features/tools/faceposer/faceposer_sm.png"></h3></a> | |
| 185 <p> | |
| 186 Used to make Choreo scenes. | |
| 187 </p> | |
| 188 <div class="mediaContainer"> | |
| 189 </div> | |
| 190 </div> | |
| 191 | |
| 192 <div class="contentSection"> | |
| 193 <a href="#toolsSectionModeldoc"><h3 id="toolsSectionModeldoc">- Modeldoc <img src="features/tools/model_doc/model_doc_sm.png"></h3></a> | |
| 194 <p id="textNotice"><b>Notice: </b>Unknown.</p> | |
| 195 </div> | |
| 196 | |
| 197 <div class="contentSection"> | |
| 198 <a href="#toolsSectionSnooper"><h3 id="toolsSectionSnooper">- Snooper <img src="features/tools/snooper/snooper_sm.png"></h3></a> | |
| 199 <p id="textNotice"><b>Notice: </b>Unknown.</p> | |
| 200 </div> | |
| 201 | |
| 202 <div class="contentSection"> | |
| 203 <a href="#toolsSectionVMix"><h3 id="toolsSectionVMix">- VMix <img src="features/tools/vmix/vmix_sm.png"></h3></a> | |
| 204 <p id="textNotice"><b>Notice: </b>Unknown.</p> | |
| 205 </div> | |
| 206 | |
| 207 <div class="contentSection"> | |
| 208 <a href="#toolsSectionGrapheditor"><h3 id="toolsSectionGrapheditor">- Grapheditor <img src="features/tools/grapheditor/grapheditor_sm.png"></h3></a> | |
| 209 <p id="textNotice"><b>Notice: </b>Unknown.</p> | |
| 210 </div> | |
| 211 | 49 |
| 212 | 50 |
| 213 </div> | 51 </div> |
| 214 | 52 |
| 215 <div class="footer"> | 53 <div class="footer"> |
