-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
58 lines (47 loc) · 4.27 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Landscape Calcshop Studio</title>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/main.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/mathjs/0.15.0/math.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
</head>
<body>
<img id="Logo" src="images/LogoLine.png" alt="Landscape Calcshop Studio">
<canvas id="myCanvas" width = "1190" height = "900"></canvas>
<input id="inputField" placeholder="Enter upper mountain">
<p id = "colorPicker" class="description">Type the name of the color you'd like for your drawing tool. <br> i.e. purple, blue, brown, yellow. </p>
<p id = "thickPicker" class="description">Type the number of thickness you'd like your drawing tool to <br> have. The higher the number, the thicker the drawing tool mark. <br> the default is 2 pixels.</p>
<p id="upperMountainDescription" class="description">Type an original function. This will form the upper level of <br> mountains. Remember that all functions are graphed on a coordinate <br> plane with xMax and yMax of 10 and xMin and yMin of -10.</p>
<p id="lowerMountainDescription" class="description">Type the integral of the original upper mountain function you <br> entered below. Use the Calcshop Indefinite Integral calculator! <br> You may use a random value for C or 0. This will form the lower <br> level of mountains. Remember that all functions are graphed on <br> a coordinate plane with xMax and yMax of 10 and xMin and yMin <br> of -10.</p>
<p id="firstCloudUpper" class="description">Type an original function. This will form the upper roof of your <br> left-hand cloud. Remember that all functions are graphed on a <br> coordinate plane with xMax and yMax of 10 and xMin and yMin of -10.</p>
<p id="firstCloudLower" class="description">Type the derivative of the original upper mountain function you <br> entered below. Use the Calcshop Derivative calculator! This will <br> form the lower level of mountains. Remember that all functions are <br> graphed on a coordinate plane with xMax and yMax of 10 and xMin <br> and yMin of -10.</p>
<p id="firstfreeFunctionUpper" class="description">Type an original function.</p>
<p id="firstfreeFunctionLower" class="description">Type the derivative or integral of the original function entered <br> above. Use the Calcshop Derivative or Indefinite Integral <br> calculator! You may use a random value for C or 0 if calculating <br> an indefinite integral. Remember that all functions are graphed <br> on a coordinate plane with xMax and yMax of 10 and xMin and yMin <br> of -10.</p>
<canvas id="cloudCanvas" width = "200" height = "200"></canvas>
<input id="inputFieldCloud" placeholder="Enter upper cloud function">
<input id="strokeColor" placeholder="Enter color of drawing tool">
<input id="strokeWidth" placeholder="Enter thickness of tool">
<input id="inputunderCloud" placeholder="Enter under cloud function">
<canvas id="can" width="1200" height="1000"></canvas>
<canvas id="canvas4" width = "1190" height = "500"></canvas>
<input id="inputMountain" placeholder="Enter under mountain">
<canvas id="derivativeCloudCanvas" width = "200" height = "200"></canvas>
<canvas id="canvas5" width = "400" height = "400"></canvas>
<input id="underCloud2" placeholder="Enter another function">
<canvas id="canvas6" width = "400" height = "400"></canvas>
<input id="upperCloud2" placeholder="Enter another function">
<script src="js/main.js"></script>
<script src="js/mainCloud.js"></script>
<script src="js/simpleDerivatives.js"></script>
<script src="js/simpleIntegrals.js"></script>
<script src="js/canvasDrawingSample.js"></script>
<script src="js/underCloud.js"></script>
<script src="js/underMountain.js"></script>
<script src="js/upperCloud2.js"></script>
<script src="js/underCloud2.js"></script>
</body>
</html>