diff options
| -rw-r--r-- | html/projects/Vision_Alias_Model.tmpl.html | 111 |
1 files changed, 111 insertions, 0 deletions
diff --git a/html/projects/Vision_Alias_Model.tmpl.html b/html/projects/Vision_Alias_Model.tmpl.html new file mode 100644 index 0000000..7dd7238 --- /dev/null +++ b/html/projects/Vision_Alias_Model.tmpl.html @@ -0,0 +1,111 @@ +{{define "title"}}{{.Post.Title}}{{end}} +{{define "description"}}Husqvarna Val CCS unsponsored project.{{end}} +{{define "uploaded-on"}}2025-05-08{{end}} +{{define "keywords"}}project CCS{{end}} +{{define "thumbnail"}}<img src="/static/media/Vision_Alias_Model/Renders/vision-front34_thumb.jpg" class="mainImage" alt="test" />{{end}} +{{define "canonical" }}/projects{{end}} +{{define "img-comparison-slider"}}<script +defer +src="https://cdn.jsdelivr.net/npm/img-comparison-slider@8/dist/index.js" +></script> +<link +rel="stylesheet" +href="https://cdn.jsdelivr.net/npm/img-comparison-slider@8/dist/styles.css" +/>{{end}} + +{{define "main"}} + <h1>Project</h1> + <article class="projectContent"> + <div class="flex title"> + <h2>{{.Post.Title}}</h2> + <p>Sketch to model exercise using Autodesk Alias.</p> + </div> + <img src="/static/media/Vision_Alias_Model/Renders/vision-front34_1500.jpg" width="1500" height="844" /> + <div class="flex center"> + <section id="overview"> + <h3>Project Overview</h3> + <p>In-depth sktech-to-model exercise focused on surface quality and design accuracy.</p> + </section> + <div><img src="/static/media/Vision_Alias_Model/Sketches/side-quick_1000-2.jpg" width="1000" height="320" /></div> + </div> + <div class="flex"> + <div><img src="/static/media/Vision_Alias_Model/Sketches/Front_34_Final_1000.png" width="1000" height="514" /></div> + <div><img src="/static/media/Vision_Alias_Model/Sketches/Rear_34_Final_1000-2.png" width="1000" height="514" /></div> + </div> + <section id="model"> + <h3>Surface Development</h3> + <p>Model built using NURBS worflow in Autodesk Alias software.</p> + <p>(Slide bar to show HorVer shader comparison.)</p> + </section> + <img-comparison-slider class="slider" value="80"> + <img slot="first" src="/static/media/Vision_Alias_Model/Model/chevy_mt-front34.png" width="1500" height="680"/> + <img slot="second" src="/static/media/Vision_Alias_Model/Model/chevy_hv-front34.png" width="1500" height="680"/> + <svg slot="handle" class="slider-handle" xmlns="http://www.w3.org/2000/svg" width="100" viewBox="-8 -3 16 6"> + <path d="M -2 -1.5 L -3.5 0 L -2 1.5 M -2 -1.5 L -2 1.5 M 2 -1.5 L 3.5 0 L 2 1.5 M 2 -1.5 L 2 1.5" vector-effect="non-scaling-stroke"></path> + </svg> + </img-comparison-slider> + <img-comparison-slider class="slider" value="85"> + <img slot="first" src="/static/media/Vision_Alias_Model/Model/chevy_mt-rear34.png" width="1500" height="680"/> + <img slot="second" src="/static/media/Vision_Alias_Model/Model/chevy_hv-rear34.png" width="1500" height="680"/> + <svg slot="handle" class="slider-handle" xmlns="http://www.w3.org/2000/svg" width="100" viewBox="-8 -3 16 6"> + <path d="M -2 -1.5 L -3.5 0 L -2 1.5 M -2 -1.5 L -2 1.5 M 2 -1.5 L 3.5 0 L 2 1.5 M 2 -1.5 L 2 1.5" vector-effect="non-scaling-stroke"></path> + </svg> + </img-comparison-slider> + <div class="flex center"> + <section id="interior"> + <h3>Interior Indication</h3> + <p>Interior indication and blackout for visualization purposes modeled in NURBS. These surfaces add another level of realism in the final renders.</p> + <p>(Slide bar to show interior structure.)</p> + </section> + <img-comparison-slider class="slider" value="75"> + <img slot="first" src="/static/media/Vision_Alias_Model/Model/chevy_mt-sideTIP.png" width="1500" height="680"/> + <img slot="second" src="/static/media/Vision_Alias_Model/Model/chevy_mt-sideTIPinterior.png" width="1500" height="680"/> + <svg slot="handle" class="slider-handle" xmlns="http://www.w3.org/2000/svg" width="100" viewBox="-8 -3 16 6"> + <path d="M -2 -1.5 L -3.5 0 L -2 1.5 M -2 -1.5 L -2 1.5 M 2 -1.5 L 3.5 0 L 2 1.5 M 2 -1.5 L 2 1.5" vector-effect="non-scaling-stroke"></path> + </svg> + </img-comparison-slider> + </div> + <div class="flex center"> + <div><img src="/static/media/Vision_Alias_Model/Model/chevy_mt-rearTIP_crop.png" width="615" height="680" /></div> + <div><img src="/static/media/Vision_Alias_Model/Model/chevy_mt-top.png" width="1500" height="680" /></div> + </div> + <div class="flex center"> + <section id="detail"> + <h3>Details</h3> + <p>DRL and Chevrolet logo detail feature.</p> + </section> + <div><img src="/static/media/Vision_Alias_Model/Model/chevy_mt-drl.png" width="1500" height="680" /></div> + </div> + <div class="grid"> + <div class="grid-col-span-2"><img src="/static/media/Vision_Alias_Model/Model/chevy_mt-wheelDET-2.png" width="1400" height="680" /></div> + <div><img src="/static/media/Vision_Alias_Model/Model/chevy_mt-wheel_crop.png" width="680" height="680" /></div> + <div><img src="/static/media/Vision_Alias_Model/Model/chevy_hs-wheel_crop-2.png" width="680" height="680" style="background-color: grey;"/></div> + <div class="grid-col-span-2"><img src="/static/media/Vision_Alias_Model/Model/chevy_hs-wheelBADGE-2.png" width="1400" height="680" style="background-color: grey;"/></div> + </div> + <section id="harwdare-shade"> + <h3>Hardware Shaders</h3> + <p>Model color and material breakup checked in Alias with hardware shaders.</p> + </section> + <div class="flex"> + <div><img src="/static/media/Vision_Alias_Model/Model/chevy_hs-front34LOW.png" width="1500" height="680" style="background-color: gray;" /></div> + <div><img src="/static/media/Vision_Alias_Model/Model/chevy_hs-rear34.png" width="1500" height="680" style="background-color: gray;" /></div> + </div> + <img src="/static/media/Vision_Alias_Model/Model/chevy_hs-sideTIP.png" width="1500" height="680" style="background-color: gray;" /> + <section id="visualization"> + <h3>Final Visualization</h3> + <p>Alias surfaces transfered into Blender, and the final images were rendered with Cycles rendering engine.</p> + </section> + <img src="/static/media/Vision_Alias_Model/Renders/vision-tip-motion_1000.jpg" width="1000" height="651" /> + </div> + <div class="flex"> + <div><img src="/static/media/Vision_Alias_Model/Renders/vision-front34_1000.jpg" width="1000" height="563" /></div> + <div><img src="/static/media/Vision_Alias_Model/Renders/vision-rear34_1000.jpg" width="1000" height="563" /></div> + </div> + <img src="/static/media/Vision_Alias_Model/Renders/vision-studio-front_1000.jpg" width="1000" height="625" /> + <div class="flex"> + <div><img src="/static/media/Vision_Alias_Model/Renders/vision-studio-rear_1000.jpg" width="1000" height="625" /></div> + <div><img src="/static/media/Vision_Alias_Model/Renders/wheel-close_625.jpg" width="625" height="625" /></div> + </div> + <span class="return"><a href="/"><- Return home</a></span> + </article> +{{end}} |