-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathLecture1ASlide21.html
More file actions
152 lines (130 loc) · 6.62 KB
/
Copy pathLecture1ASlide21.html
File metadata and controls
152 lines (130 loc) · 6.62 KB
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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="favicon.png" type="image/x-icon">
<title>Fluid Rotation</title>
<link rel="stylesheet" href="styles.css">
<!-- Include MathJax for LaTeX Rendering -->
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
"HTML-CSS": { scale: 80 } // Default is 100
});
</script>
<script type="text/javascript" async
src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-MML-AM_CHTML">
</script>
<style>
.custom-list {
list-style: none; /* Remove default bullets */
padding-left: 20px; /* Adjust indentation */
}
.custom-list li {
position: relative;
padding-left: 20px; /* Space for custom bullet */
text-align: left; /* Align text to the left */
}
.custom-list li::before {
content: "■"; /* Unicode for small square */
color: #7DCDF4; /* Adjusted to match the blue color */
font-size: 14px; /* Adjust size */
position: absolute;
left: 0;
top: 2px; /* Align with text */
}
.image-container {
display: flex;
align-items: center;
justify-content: center;
text-align: left;
}
.image-container img {
max-width: 110%;
height: auto;
}
.image-text {
max-width: 110%;
padding-left: 20px;
font-size: 16px;
}
.bullet::before {
content: "■ ";
color: #7DCDF4;
}
</style>
<script>
function scaleContainer() {
const container = document.querySelector('.container');
const padding = 0; // optional padding margin
const viewportHeight = window.innerHeight - padding;
const containerHeight = container.offsetHeight;
// Compute the scale ratio
const scale = Math.min(1, viewportHeight / containerHeight);
container.style.transform = `scale(${scale})`;
}
// Run on load
window.addEventListener('load', scaleContainer);
// Run on resize
window.addEventListener('resize', scaleContainer);
</script>
<script src="exit.js" defer></script>
</head>
<body>
<div class="container">
<div class="title">Fluid Rotation</div>
<div class="slide">
<div class="description">
<p>
Now we can determine from \( \Delta \alpha \) and \( \Delta \beta \) a measure of the particle’s angular deformation, as shown in (d).
To obtain the deformation of side \( oa \) in
<img src="Figures/Lecture1A_dRotationAngularDeformation2D.png"
alt="dRotationAngularDeformation2D.png"
style="height: 10em; vertical-align: middle;">,
we use <img src="Figures/Lecture1A_bRotationAngularDeformation2D.png"
alt="bRotationAngularDeformation2D.png"
style="height: 10em; vertical-align: middle;"> and <img src="Figures/Lecture1A_cRotationAngularDeformation2D.png"
alt="cRotationAngularDeformation2D.png"
style="height: 10em; vertical-align: middle;">
</p>
We need to convert these angular measures to quantities obtainable from the flow field.
To do this, we recognize that (for small angles) \( \Delta \alpha = \Delta \eta / \Delta x \), and \( \Delta \beta = \Delta \xi / \Delta y \).
But \( \Delta \xi \) arises because, if in interval \( \Delta t \) point \( o \) moves horizontally distance \( v_x \Delta t \), then point \( b \) will have moved distance \( (v_x + [\partial v_x / \partial y] \Delta y) \Delta t \) (using a Taylor series expansion)</p>
</div>
<p>
\(\text{Let point } b \text{ be at } \Delta y \text{ above point } o\) \(\quad \because v_x(b) = v_x(o) + \left( \frac{\partial v_x}{\partial y} \right) \Delta y + \text{higher-order terms}\) <br>
\(\because \ \text{Displacement}_b = \left( v_x + \frac{\partial v_x}{\partial y} \Delta y \right) \Delta t \quad \text{and} \quad \text{Displacement}_o = v_x \Delta t\) <br>
\(\therefore \ \Delta \xi = \left( \frac{\partial v_x}{\partial y} \Delta y \right) \Delta t\) \(\quad \therefore \boxed{\ \Delta \beta = \frac{\Delta \xi}{\Delta y} = \left( \frac{\partial v_x}{\partial y} \right) \Delta t}\)
</p>
<div class="description">
<p>Likewise, \( \Delta \eta \) arises because, if in interval \( \Delta t \) point \( o \) moves vertically distance \( v \Delta t \), then point \( a \) will have moved distance \( (v_y + [\partial v_y / \partial x] \Delta x) \Delta t \)</p>
</div>
<p>
\(\text{Let point } a \text{ be at } \Delta x \text{ to the right of point } o\) \(\quad \because \ v_y(a) = v_y(o) + \left( \frac{\partial v_y}{\partial x} \right) \Delta x + \text{higher-order terms}\)<br>
\(\because \ \text{Displacement}_a = \left( v_y + \frac{\partial v_y}{\partial x} \Delta x \right) \Delta t \quad \text{and} \quad \text{Displacement}_o = v_y \Delta t\)<br>
\(\therefore \ \Delta \eta = \left( \frac{\partial v_y}{\partial x} \Delta x \right) \Delta t\) \(\quad \therefore \ \boxed{\Delta \alpha = \frac{\Delta \eta}{\Delta x} = \left( \frac{\partial v_y}{\partial x} \right) \Delta t}\)
</p>
<p>
\(\text{Hence }
\boxed{\Delta \xi = \left( v_x + \frac{\partial v_x}{\partial y} \Delta y \right) \Delta t - v_x \Delta t = \frac{\partial v_x}{\partial y} \Delta y \Delta t
\quad,\quad
\Delta \eta = \left( v_y + \frac{\partial v_y}{\partial x} \Delta x \right) \Delta t - v_y \Delta t = \frac{\partial v_y}{\partial x} \Delta x \Delta t}
\)
</p>
</div>
<!-- Left Arrow to go back to Slide -->
<a href="Lecture1ASlide20.html" class="nav-button left">◀</a>
<!-- Right Arrow to go to Slide -->
<a href="Lecture1ASlide22.html" class="nav-button right">▶</a>
</div>
<!-- Footer -->
<div class="footer">
<div style="display:inline-block; width:0; height:0; overflow:hidden; visibility:hidden;">
<script type='text/javascript'
id='clustrmaps'
src='//cdn.clustrmaps.com/map_v2.js?cl=ddf1f3&w=120&t=n&d=OPKQOGhHo-7gCMldcljdv8lVxlAlOY6UExXXPy46lfI&co=ffffff&cmo=4b8ddf&cmn=7dcdf4&ct=808080'>
</script>
</div>
</div>
</body>
</html>