-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathparabolic_wavefront.html
102 lines (81 loc) · 4.01 KB
/
parabolic_wavefront.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
<!DOCTYPE html>
<html lang="en">
<!--
parabolic_wavefront.html
23/01/2024
author George Galanis, Melbourne Australia
Copyright (c) 2024 George Galanis
This file is part of the Parabolic Wavefront software
The Wavefront software, HTML, CSS, JavaScript is free.
You can redistribute it or modify it under the terms of the CNU License 3.0 of the License.
This software is published without any Warranty or implied Warranty.
-->
<head>
<meta charset="UTF-8">
<title>Parabola Wavefronts</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" type="text/css" media="screen" href="commonstylesteets/math.css">
<link rel="stylesheet" type="text/css" media="screen" href="commonstylesteets/Parabola.css">
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
<link rel="favicon.ico" href="data:;,">
</head>
<body>
<h1>Parabolic Dishes and their lobes</h1>
<canvas id="parabolaCanvas">
Parabola
</canvas>
<div class="floatSliderContainer"><h2>Dish Geometry</h2>
<div class="floatSliderChild50"> diam
<input type="range" id="diameter" min = "500" max="10000" step ="100" value="3000" oninput="getParabolaDiameter()"></input>
<output id="diameterValue"></output>
</div>
<div class="floatSliderChild50"> F/D:
<input type="range" id="fD" min = "0.1" max="2" step ="0.05" value="0.4" oninput="getFD()"></input>
<output id="fDvalue"></output>
</div>
</div>
<div class="floatSliderContainer"><h2>Frequency Band</h2>
<div class="floatSliderChild50">wavelength
<input type="range" id="wavelength" min = "10" max="300" step ="10" value="230" oninput="getWavelength()"></input>
<output id="wavelengthValue"></output>
</div>
<div class="floatSliderChild50">wavelets
<input type="range" id="numWaveletsSlider" min="300" max="3000" step="300" value="300" oninput="getNumWavelets()"></input>
<output id="numWaveletsValue"></output>
</div>
</div>
<div class="floatSliderContainer"><h2>Power Plot</h2>
<div class="floatSliderChild30">span
<input type="range" id="spanSlider" class="slider30" min="5" max="25" step="5" value="25" oninput="getIntensitySpan()"></input>
<output id="spanValue"></output>
</div>
<div class="floatSliderChild30">points
<input type="range" id="numIntensityPointsSlider" class="slider30" min="500" max="10000" step="100" value="3000" oninput="getNumIntensityPoints()"></input>
<output id="numIntensityPointsValue"></output>
</div>
<div class="floatSliderChild30">subsmpl
<input type="range" id="subSamplingNumSlider" class="slider30" min="1" max="100" step="1" value="30" oninput="getSubSamplingNum()"></input>
<output id="subSamplingNumValue"></output>
</div>
</div>
<div class="floatSliderContainer"><h2>Illumination Range</h2>
<div class="floatSliderChild50">min
<input type="range" id="minIlluminationPointSlider" min="0" max="1" step="0.05" value="0" oninput="getMinIlluminationPoint()"></input>
<output id="minIlluminationPointValue"></output>
</div>
<div class="floatSliderChild50">max
<input type="range" id="maxIlluminationPointSlider" min="0" max="1" step="0.05" value="1" oninput="getMaxIlluminationPoint()"></input>
<output id="maxIlluminationPointValue"></output>
</div>
</div>
<div class="slidercontainer">
<p>
<button type="button" id="dimensions" onclick="toggleDimensions()">Dimensions</button>
<button type="button" id="fill" onclick="toggleFill()">Fill</button>
</p>
</div>
<script type="text/javascript" src="commonjavascript/mathdiagrams.js"></script>
<script src="parabolic_wavefront.js"></script>
</body>
</html>