/
gallery-text.js
261 lines (261 loc) · 12.3 KB
/
gallery-text.js
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
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
var hand_descriptions = {
text_obj: [
{
"pattern_id": "139-01",
"completion_date": "December 2016",
"materials_used": "Fine black fibre-tip, watercolour pencils and fine paintbrush",
"description": "This is my first hand-drawn pattern following the (intended) rules of the pattern program. The colour set (\"colour pot\") copies a part of the Southbank Centre interior. The vertical bars are \"randomly\" placed, but dense at the edges and sparer at the centre.",
"dimentions": "9.7 cm × 4.3 cm",
"img_comments": {
"139-01-1600px01.jpg": "I ought to retake this photo using a flatbed scanner instead of my phone camera."
}
},
{
"pattern_id": "139-02",
"completion_date": "December 2016",
"materials_used": "Black fibre-tip & ballpoint pens; watercolour pencils (& paintbrush)",
"description": "This pattern demonstrates the basic principle of the patterns program. A pattern is composed of a repeating \"motif\". The various proprties of that motif may be varied - each independently - over space. In this case, spot size, outline thickness and fill-colour are linearly swept. Can you tell what the direction-of-change is, for each of these attributes?",
"dimentions": "9.7 cm × 9.4 cm",
"img_comments": {
"139-02-1600px02.jpg": "Solid colour areas have a mottled effect, some combination of uneven pencil shading and photo compression quality. On the other hand, art created with my program be completely regular. It should be able to reproduce simple patterns like this one in just a couple of minutes."
}
},
{
"pattern_id": "139-03",
"completion_date": "February 2017",
"materials_used": "Fine black fibre-tip & ballpoint pens. Watercolour pencils (dipped in water) + brush",
"description": "In this pattern a gradient is applied to the \"rotation\" property of a square motif. Motifs at the centre are shown at 0 degrees, whilst those at the edges are at 45 degrees. Actual positioning of the motif-centres uses a regular square grid at 45 degrees. I used my computer to supply a stream of random numbers to decide for me which of the tinier squares would be green, yellow, purple or orange. Besides rotation, two other properties of the motif follow the same radial gradient, can you see what they are (clue: one of them is a probability).\n<br>\n<br>This pattern took a long time to finish, I started it in December '16! When I realised that it was perhaps no less interesting left partially complete, I was inspired to take a lot of in-progress photos of all of the patterns I was drawing. This then provided the source material for which I created this images gallery.",
"dimentions": "9.8 cm × 14.1 cm",
"img_comments": {
"139-03-1600px01.jpg": "Each of the smaller squares is 2mm x 2mm. To fill them in, I dip the watercolour pencil in water, dry it slightly and make a point on the page. Then I spread out the pigment using a wet paintbrush.",
"139-03-1600px03.jpg": "Its a fine permanent marker I use to split the regions of colour into clean cells.",
"139-03-1600px05.jpg": "The black background is coloured in using a \"uni-ball eye\" ballpoint pen, which has a good ink-flow.",
"139-03-1600px07.jpg": "The camera on my Samsung phone gives a sharper photo if its LED flash is switched on, but the drawback is that this black ink has a particular sheen which causes a lot of reflection.",
"139-03-1600px28.jpg": "Still plan to use a scan to get a really good quality version of the final image"
}
},
{
"pattern_id": "139-04",
"completion_date": "January 2017",
"materials_used": "0.5mm mechanical pencil, watercolour pencil, fine coloured fibre-tips, black pen.",
"description": "This composition combines regularly placed motifs with randomly placed motifs. The placement of motifs (in this case motif is just a circle) follows an underlying low-detail design. I call such a design a \"density distribution\". A density distribution can be used in both regular and random placement of motifs - this is one of the core ideas of my program.\n<br>\n<br>A grid of dots with varing size revealing some underlying design is called Halftone (see <a href=\"https://en.wikipedia.org/wiki/Halftone\">wikipedia article</a>). The technique of halftone has its origin in print making. I see it used in a huge variety of modern product branding designs.\n<br>\n<br>All of these patterns are very exacting to produce by hand, and have two phases: a fine pencil drawing following by colouring in which is the more fun bit. Just as the rigid arrangement of circles in the halftone contrasts against the style of arragement of the bubbles, I have chosen bright primary colours that juxtapose a more muted, organic palette.\n<br>\n<br>The browns, greys etc. for the bubbles were randomly picked by my computer from a continuous spectrum which I specified. The blue, red and yellow of the halftone were again picked by my computer, using a discrete probability distribution with p=1/3 for each.",
"dimentions": "20.1 cm × 14.1 cm",
"img_comments": {
"139-04-1600px02.jpg": "I used a ruler to set out the diamond-grid, and added some a",
"139-04-1600px04.jpg": "all of the fine-pencil lines are rubbed out (but remain visible) before I add the colour",
"139-04-1600px07.jpg": "outlines in fine coloured felt-tip adds definition & consistency to the halftone dots.",
"139-04-1600px10.jpg": "In the very final photo I finish off all outlines. Do you think the black outlines on the bubbles are necessary?"
}
},
{
"pattern_id": "146-01",
"completion_date": "January 2017",
"materials_used": "mechanical pencil, watercolour pencil (mixed on separate palette), on top of fine fibre-tips",
"description": "This composition was inspired by memories of the bath houses in Budapest. I was thinking about the effects that can be achieved when glazing ceramics.\n<br>\n<br>Take a look at the \"Colour Pots\" section of the website. When a batch of tiles comes out of the kiln there will be subtle variations between them, even if they are all painted with the same colour glaze. This is what a Colour Pot should allow you to recreate.",
"dimentions": "16.0 cm × 3.8 cm",
"img_comments": {
"146-01-1600px01.jpg": "I did not initally set about creating a grid of hexagons in the most obvious way!"
}
},
{
"pattern_id": "146-02",
"completion_date": "January 2017",
"materials_used": "mechanical pencil, watercolour pencil, fine coloured fibre-tips",
"description": "The motif is a rectangle with rounded corners. It is tiled at an angle. Its colour spans from lemon yellow to crimson.\n<br>\n<br>I selected colours at random for the rectangles are random but something else is happening with the bluish spots in the centres.",
"dimentions": "16.0 cm × 5.8 cm",
"img_comments": {
"146-02-1600px02.jpg": "oops. The picture got splashed, and now needs touching up with acrylic paints."
}
},
{
"pattern_id": "146-03",
"completion_date": "January 2017",
"materials_used": "mechanical pencil, watercolour pencil (mixed on separate palette), black fibre-tip.",
"description": "",
"dimentions": "7.9 cm × 8.1 cm",
"img_comments": {
"146-03-1600px01.jpg": "a bounding box defines each overlapping cirle",
"146-03-1600px02.jpg": "overlapping bounding boxes create quite a tight grid",
"146-03-1600px03.jpg": "maybe I should have stopped here... The black background seems to make the subtly different colours all look washed-out."
}
},
{
"pattern_id": "146-04",
"completion_date": "January 2017",
"materials_used": "0.5mm mechanical pencil, watercolour pencil, fine coloured fibre-tips.",
"description": "The progress photos give clues to how I created this design. Can you describe what changes with the rectangle sizes accross the image?",
"dimentions": "16.0 cm × 10.0 cm",
"img_comments": {
"146-04-1600px01.jpg": "lighting is poor"
}
},
{
"pattern_id": "146-05",
"completion_date": "March 2017",
"materials_used": "0.5mm mechanical pencil, inks (watered down), fine black felt tip",
"description": "All the shades of green, turquoise and purple were computer generated. I copied them onto the paper, mixing and diluting droplets of ink.\n<br>\n<br>The large scale repeating pattern is again inspired by tiling, perhaps as you'd see in a bathroom or swimming pool. Is the small-scale pattern of black dots familiar from anywhere?",
"dimentions": "7.7 cm × 8.1 cm",
"img_comments": {}
},
{
"pattern_id": "152-01",
"completion_date": "January 2017",
"materials_used": "0.5mm mechanical pencil",
"description": "The repeating motif, 5 circles arranged into a larger circle, was tricky to consistently reproduce. To approximate a continuously changing size, I split the strip horizontally into 6 different regions.",
"dimentions": "7.8 cm × 9.6 cm",
"img_comments": {}
},
{
"pattern_id": "152-02",
"completion_date": "March 2017",
"materials_used": "",
"description": "",
"dimentions": "6.6 cm × 29.0 cm",
"img_comments": {}
},
{
"pattern_id": "152-03",
"completion_date": "February 2017",
"materials_used": "",
"description": "",
"dimentions": "5.1 cm × 9.6 cm",
"img_comments": {}
},
{
"pattern_id": "152-04",
"completion_date": "February 2017",
"materials_used": "",
"description": "",
"dimentions": "? cm × ? cm",
"img_comments": {}
},
{
"pattern_id": "152-05",
"completion_date": "",
"materials_used": "",
"description": "",
"dimentions": "? cm × ? cm",
"img_comments": {}
},
{
"pattern_id": "153-01",
"completion_date": "January 2017",
"materials_used": "",
"description": "",
"dimentions": "6.5 cm × 6.1 cm",
"img_comments": {}
},
{
"pattern_id": "153-02",
"completion_date": "January 2017",
"materials_used": "",
"description": "",
"dimentions": "6.5 cm × 6.1 cm",
"img_comments": {}
},
{
"pattern_id": "153-03",
"completion_date": "January 2017",
"materials_used": "",
"description": "",
"dimentions": "6.5 cm × 6.1 cm",
"img_comments": {}
},
{
"pattern_id": "153-04",
"completion_date": "February 2017",
"materials_used": "",
"description": "",
"dimentions": "20.1 cm × 6.0 cm",
"img_comments": {}
},
{
"pattern_id": "153-05",
"completion_date": "doesn't exist yet (Feb '17)",
"materials_used": "",
"description": "",
"dimentions": "20.3 cm × 16.1 cm",
"img_comments": {}
},
{
"pattern_id": "009-01",
"completion_date": "February 2017",
"materials_used": "",
"description": "",
"dimentions": "7.9 cm × 8.1 cm",
"img_comments": {}
},
{
"pattern_id": "009-02",
"completion_date": "February 2017",
"materials_used": "",
"description": "",
"dimentions": "7.9 cm × 8.1 cm",
"img_comments": {}
},
{
"pattern_id": "009-03",
"completion_date": "April 2017",
"materials_used": "",
"description": "",
"dimentions": "16.1 cm × 3.8 cm",
"img_comments": {}
},
{
"pattern_id": "009-04",
"completion_date": "March 2017",
"materials_used": "",
"description": "",
"dimentions": "16.1 cm × 7.9 cm",
"img_comments": {}
},
{
"pattern_id": "009-05",
"completion_date": "March 2017",
"materials_used": "",
"description": "",
"dimentions": "7.9 cm × 16.6 cm",
"img_comments": {}
},
{
"pattern_id": "050-01",
"completion_date": "March 2017",
"materials_used": "",
"description": "",
"dimentions": "4.9 cm × 7.0 cm",
"img_comments": {}
},
{
"pattern_id": "050-02",
"completion_date": "April 2017",
"materials_used": "",
"description": "",
"dimentions": "4.9 cm × 10.4 cm",
"img_comments": {}
},
{
"pattern_id": "050-03",
"completion_date": "",
"materials_used": "",
"description": "",
"dimentions": "4.9 cm × 10.4 cm",
"img_comments": {}
},
{
"pattern_id": "050-04",
"completion_date": "",
"materials_used": "",
"description": "",
"dimentions": "x cm × x cm",
"img_comments": {}
},
{
"pattern_id": "050-05",
"completion_date": "",
"materials_used": "",
"description": "",
"dimentions": "? cm × ? cm",
"img_comments": {}
}
]
};