--- a/site/features.html Wed Jan 01 21:21:10 2020 -0700
+++ b/site/features.html Thu Jan 02 03:02:34 2020 -0700
@@ -68,33 +68,148 @@
<br>
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.
</p>
+ <br>
+ <div class="mediaContainer">
+ <video width="256" height="256" autoplay loop>
+ <source src="features/tools/hammer/editbasics.webm" type="video/webm" title="Mesh editing">
+ Mesh Editing (Video)
+ </video>
+ <video width="256" height="256" autoplay loop>
+ <source src="features/tools/hammer/convexmesh.webm" type="video/webm" title="Convex mesh editing">
+ Convex Mesh Editing (Video)
+ </video>
+ <video width="256" height="256" autoplay loop>
+ <source src="features/tools/hammer/faceremoval.webm" type="video/webm" title="Convex mesh editing">
+ Convex Mesh Editing (Video)
+ </video>
+ <video width="256" height="256" autoplay loop>
+ <source src="features/tools/hammer/edittimelapse.webm" type="video/webm" title="Convex mesh editing">
+ Convex Mesh Editing (Video)
+ </video>
+ </div>
+ <br>
<p>
+ Meshes can be exported for further editing in 3D applications, and then re-imported as DMX, OBJ, or FBX.
+ <br>
+ Legacy Source VMFs can also be imported.
+ </p>
+ </div>
+
+ <div class="contentSection">
+ <a href="#toolsSectionMaterialEditor"><h3 id="toolsSectionMaterialEditor">- Material Editor <img src="features/tools/met/met_sm.png"></h3></a>
+ <p>
+ No more fiddling with text-based VMT files, slow material reloads, and trial & error debugging.
+ <br>
+ S2 MET Supports realtime editing and previews, with in-editor texture importing.
+ <br>
+ </p>
<br>
<div class="mediaContainer">
- <video width="256" height="256" autoplay loop>
- <source src="features/tools/hammer/editbasics.webm" type="video/webm" title="Mesh editing">
- Mesh Editing (Video)
- </video>
- <video width="256" height="256" autoplay loop>
- <source src="features/tools/hammer/convexmesh.webm" type="video/webm" title="Convex mesh editing">
- Convex Mesh Editing (Video)
- </video>
- <video width="256" height="256" autoplay loop>
- <source src="features/tools/hammer/faceremoval.webm" type="video/webm" title="Convex mesh editing">
- Convex Mesh Editing (Video)
- </video>
- <video width="256" height="256" autoplay loop>
- <source src="features/tools/hammer/edittimelapse.webm" type="video/webm" title="Convex mesh editing">
+ <img class="mediaImage" src="features/tools/met/properties.png" width="1024px">
+ </div>
+ <br>
+ <p>
+ MET Also supports extensive dynamic functions, and the following image formats: PSD, TGA, TIF, PFM, MKS, PNG, JPG
+ </p>
+ </div>
+
+ <div class="contentSection">
+ <a href="#toolsSectionModelEditor"><h3 id="toolsSectionModelEditor">- Model Editor <img src="features/tools/model_editor/model_editor_sm.png"></h3></a>
+ <p>
+ Model viewer, and editor. No more fiddling with QC files, this does it all.
+ <br>
+ Used to configure hitboxes, collision, poses, weights, LODs, animations, constraints, attachments, and anything involving models.
+ <br>
+ </p>
+ <br>
+ <div class="mediaContainer">
+ <img class="mediaImage" src="features/tools/model_editor/editor.png" height="400px">
+ <video height="400px" autoplay loop>
+ <source src="features/tools/model_editor/modelviewer.webm" type="video/webm" title="Model Viewer">
Convex Mesh Editing (Video)
</video>
</div>
+ <br>
+ <p>
+ Model Importing supports the following formats: DMX, SMD, FBX, OBJ
</p>
</div>
-
- <h1>H1</h1>
- <h2>H2</h2>
- <h3>H3</h3>
- <h4>H4</h4>
+
+ <div class="contentSection">
+ <a href="#toolsSectionPET"><h3 id="toolsSectionPET">- Particle Editor <img src="features/tools/pet/pet_sm.png"></h3></a>
+ <p>
+ PET is for editing particles
+ <br>
+ ...
+ <br>
+ </p>
+ <br>
+ <div class="mediaContainer">
+ </div>
+ <br>
+ </div>
+
+ <div class="contentSection">
+ <a href="#toolsSectionSFM"><h3 id="toolsSectionSFM">- Filmmaker <img src="features/tools/sfm/sfm_sm.png"></h3></a>
+ <p>
+ The Filmmaker is used for rendering high-quality cinematics from in-engine.
+ <br>
+ ...
+ <br>
+ </p>
+ <br>
+ <div class="mediaContainer">
+ </div>
+ <br>
+ </div>
+
+ <div class="contentSection">
+ <a href="#toolsSectionVC2"><h3 id="toolsSectionVC2">- VConsole2 <img src="features/tools/vconsole2/vconsole2_sm.png"></h3></a>
+ <p>
+ Vastly improved over the simple in-engine console of yore. Using a networked API for engine communication it allows remote debugging.
+ <br>
+ VC2 also features multi-tabbed displays for multitasking, extensive filtering, and verbosity control.
+ <br>
+ </p>
+ <br>
+ <div class="mediaContainer">
+ <img class="mediaImage" src="features/tools/vconsole2/main.png" >
+ </div>
+ <br>
+ </div>
+
+ <h2>Unreleased</h2>
+
+ <div class="contentSection">
+ <a href="#toolsSectionFaceposer"><h3 id="toolsSectionFaceposer">- Faceposer <img src="features/tools/faceposer/faceposer_sm.png"></h3></a>
+ <p>
+ Used to make Choreo scenes.
+ </p>
+ <div class="mediaContainer">
+ </div>
+ </div>
+
+ <div class="contentSection">
+ <a href="#toolsSectionModeldoc"><h3 id="toolsSectionModeldoc">- Modeldoc <img src="features/tools/model_doc/model_doc_sm.png"></h3></a>
+ <p id="textNotice"><b>Notice: </b>Unknown.</p>
+ </div>
+
+ <div class="contentSection">
+ <a href="#toolsSectionSnooper"><h3 id="toolsSectionSnooper">- Snooper <img src="features/tools/snooper/snooper_sm.png"></h3></a>
+ <p id="textNotice"><b>Notice: </b>Unknown.</p>
+ </div>
+
+ <div class="contentSection">
+ <a href="#toolsSectionVMix"><h3 id="toolsSectionVMix">- VMix <img src="features/tools/vmix/vmix_sm.png"></h3></a>
+ <p id="textNotice"><b>Notice: </b>Unknown.</p>
+ </div>
+
+ <div class="contentSection">
+ <a href="#toolsSectionGrapheditor"><h3 id="toolsSectionGrapheditor">- Grapheditor <img src="features/tools/grapheditor/grapheditor_sm.png"></h3></a>
+ <p id="textNotice"><b>Notice: </b>Unknown.</p>
+ </div>
+
+
</div>
<div class="footer">
