A generator that comes up with random art studies for you
init
+134
+21
LICENSE
+21
LICENSE
···
1
+
MIT License
2
+
3
+
Copyright (c) 2019 nyvivianv
4
+
5
+
Permission is hereby granted, free of charge, to any person obtaining a copy
6
+
of this software and associated documentation files (the "Software"), to deal
7
+
in the Software without restriction, including without limitation the rights
8
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+
copies of the Software, and to permit persons to whom the Software is
10
+
furnished to do so, subject to the following conditions:
11
+
12
+
The above copyright notice and this permission notice shall be included in all
13
+
copies or substantial portions of the Software.
14
+
15
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+
SOFTWARE.
+4
README.md
+4
README.md
+38
Study.html
+38
Study.html
···
1
+
<!DOCTYPE html>
2
+
<html>
3
+
<head>
4
+
<title>Study Generator</title>
5
+
<script src="javascript.js"></script>
6
+
</head>
7
+
8
+
<body>
9
+
<div align="center">
10
+
<h1>Study Generator</h1>
11
+
<br>
12
+
Generate a New Study! Click Any Button.
13
+
<br><br>
14
+
<div id="studyDisplay">
15
+
<br>
16
+
</div>
17
+
<div>
18
+
<br>
19
+
<button onclick="newGesture()">Gestures</button>
20
+
<button onclick="newProportion()">Proportions</button>
21
+
<button onclick="newAnatomy()">Anatomy</button>
22
+
</div>
23
+
<div>
24
+
<div>
25
+
<br>
26
+
Coming Soon
27
+
<br><br>
28
+
<button type="button" disabled onclick="newForm()">Forms</button>
29
+
<button type="button" disabled onclick="newComposition()">Composition</button>
30
+
<button type="button" disabled onclick="newValues()">Values</button>
31
+
<button type="button" disabled onclick="newColors()">Colors</button>
32
+
<button type="button" disabled onclick="newPerspective()">Perspective</button>
33
+
</div>
34
+
</div>
35
+
36
+
</body>
37
+
38
+
</html>
+71
javascript.js
+71
javascript.js
···
1
+
var amount =[
2
+
'5',
3
+
'10',
4
+
'15',
5
+
'20',
6
+
];
7
+
8
+
function gesture() {
9
+
let amount =[
10
+
'4 5-minute',
11
+
'10 2-minute',
12
+
'20 1-minute',
13
+
'40 30-second'
14
+
];
15
+
var type =[
16
+
'female',
17
+
'male',
18
+
'animal'
19
+
];
20
+
var randomAmount = Math.floor(Math.random() * (amount.length));;
21
+
var randomType = Math.floor(Math.random() * (type.length));
22
+
return `<strong>Draw ${amount[randomAmount]} ${type[randomType]} gestures<strong>`;
23
+
24
+
}
25
+
26
+
function proportion() {
27
+
var ratio =[
28
+
'1:2',
29
+
'1:3',
30
+
'1:4',
31
+
'1:5',
32
+
'1:6',
33
+
'1:7',
34
+
'1:8',
35
+
];
36
+
var randomRatio = Math.floor(Math.random() * (ratio.length));;
37
+
return `<strong>Draw someone with a ${ratio[randomRatio]} head to body ratio </strong>`;
38
+
}
39
+
40
+
function anatomy() {
41
+
var part =[
42
+
'heads',
43
+
'eyes',
44
+
'noses',
45
+
'ears',
46
+
'lips',
47
+
'torsos',
48
+
'arms',
49
+
'hands',
50
+
'legs',
51
+
'feet',
52
+
];
53
+
var randomAmount = Math.floor(Math.random() * (amount.length));;
54
+
var randomPart = Math.floor(Math.random() * (part.length));
55
+
return `<strong>Draw ${amount[randomAmount]} ${part[randomPart]}</strong>`;
56
+
57
+
}
58
+
59
+
function newGesture() {
60
+
document.getElementById('studyDisplay').innerHTML = gesture();
61
+
}
62
+
63
+
function newProportion() {
64
+
var randomNumber = Math.floor(Math.random() * (proportion.length));
65
+
document.getElementById('studyDisplay').innerHTML = proportion();
66
+
}
67
+
68
+
function newAnatomy() {
69
+
document.getElementById('studyDisplay').innerHTML = anatomy();
70
+
71
+
}