html/projects/Vision_Alias_Model.tmpl.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
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>&lpar;Slide bar to show HorVer shader comparison.&rpar;</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>&lpar;Slide bar to show interior structure.&rpar;</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="/">&lt;- Return home</a></span>
      </article>
{{end}}