-
Notifications
You must be signed in to change notification settings - Fork 0
/
184milestone.html
92 lines (81 loc) · 4.2 KB
/
184milestone.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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<style>
div.padded {
padding-top: 0px;
padding-right: 300px;
padding-bottom: 0.25in;
padding-left: 300px;
}
td {
vertical-align: top;
}
</style>
<title>Smoke Simulations</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</head>
<body>
<br />
<h1 align="middle">Final Project Smoke Simulations: Milestone Status</h1>
<p>
<ul align="middle" style="list-style-type:none;">
<li>Team 60</li>
<li>Kyle Tse, 3032139280, tsekylekobie</li>
<li>Jonathan Liu, 3032172469, liujon23</li>
<li>Michael Hillsman, 3032694134, mhillsman-162</li>
<li>George Zhang, 3031861392, gorgzhang</li>
</ul>
</p>
<h2 align="middle">Video</h2>
<div class="padded">
<p>
For a quick summary of the progress we've made, please view the video below. The slides for the video can be
found <a href="https://docs.google.com/presentation/d/1H9Uz9hN5jcBbivvYGYf1sfQ1xIVXBqYhqD0ZA1KyMBo/edit?usp=sharing">here</a>. For reference, our proposal can be found <a href="https://gorgzhang.github.io/184proposal">here</a>.
</p>
</div>
<div class="padded" align="middle">
<video width="1080" height="675" controls>
<source src="milestone_vid.mov">
</video>
</div>
<h2 align="middle">What We've Accomplished</h2>
<div class="padded">
<p>
For this project milestone, our group has accomplished the initial working model of our smoke simulation. This
means that we have developed a fully interactive webpage primarily powered by Javascript, GLSL, and the three.js
framework. This interactive webpage functions as a demo for users to see how smoke interacts within a contained
system under their control as they introduce new smoke. Any user input will generate the corresponding smoke
within the simulated system. As it stands, the system is balanced more towards being computationally manageable
versus being an ideally realistic simulation. However, that allows for it to run fluidly and without any
unexpected slowdowns. While multiple GUI features could still be added, we have implemented some controls that
allow for basic smoke customization. These controls include the radius of the smoke circle generated from the
cursor interaction, and red, green, and blue pixel controls to modify the color of the generated smoke to match
the desired effect. These two customizations allow for a wide array of possible results, with significantly
more possible given later customization additions.
</p>
</div>
<h2 align="middle">Future Directions</h2>
<div class="padded">
<p>
In the future, we plan to add more controls to allow for the user to customize many features including, but not
limited to, the temperature, pressure, and vorticity of the smoke within their smoke simulation. As well as
this, we hope to successfully implement the ability to add objects in the scene to interact with the smoke
during the simulation. These could be a fan that blows smoke in a given direction, or a simple object such as a
block that would collide with the smoke and limit its movement at certain points. Other shapes of objects could
also be inserted to observe their differing effects within the system. Sources of constant smoke could similarly
be inserted within the scene to add to the overall smoke being generated.
</p>
</div>
<h2 align="middle">Reflection on our Progress</h2>
<div class="padded">
<p>
When compared to our original plan, we are happy with our current progress at this milestone and don’t feel the
need to reflect any planned changes. The schedule created at the beginning of the project has so far proved
accurate, and as such we expect it to similarly prove an accurate estimation in how long it will take us to
reach our next goals.
</p>
</div>
</body>
</html>