1
INTERAKTIVNÍ KRESBA
Hana Kostruchová
2
x --- x ---
34
5
Master thesis
INTERACTIVE DRAWING
Technical University of Liberec Faculty of Arts and Architecture
Author: BcA. Hana Kostruchová Supervisor: doc. Stanislav Zippe
Study Programme: N8206 - Fine Art
Study branch: 8206T122 - Visual Comunication - Digital Media
Liberec 2019
Author: BcA. Hana Kostruchová Supervisor: doc. Stanislav Zippe
Study branch: 8206T122 - Visual Comunication - Digital Media
6
7
10.5.2019 Hana Kostruchová
8
9
10
__|__|__|__|__|
-~
11
_|__|__|__|__|
-~- -
12
--- | --- | ---
13 13
14
15
16
17 17
-~
1818-~
18-
19
__|__|__|__|__|_|__|__|__|__|
20 20
21
-~-
```
´´´´´´´´´´´´´´´´´´´´´´´´´´´´´
)
22
23
24
-^-^-^-^-^-^-^-^-^-^-
__--__--__--__--__--__--__--__--__
####
:::::::::::::::::::::::::::::::::::
::::::::::::::::::
:::: [;][;][;][;][;][;]
¬¬¬¬¬¬¬¬
°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°
x --- x --- x --- x --- x
x --- x x --- x --- x --- x --- x --- x --- x
{]{]{]{]{]{]{]{]{]{]{]{]{]{]{]{]{]
`````````````````````````````````````````
=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=
:: ::::
:: :::
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
;;;;;;;;;
====
-^-^
x --- x
x --- x --- x
^-^
^-^
) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) )
„“„“ „“„“
„“„“
~~~~~~~~~~~~~~~~~~~~~~~~
+++++++
:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;
--- --- --- ---
x --- x --- /// <<<
.... „“„“
:;:;:; ::
;;;;;;
°°°
¬¬¬¬¬ ````
] ]
#
,,,,,,,
-_-_-_-_-_
__--__--
*** +-+-+-+
+++
) ) (,(,(,(,(,(,
((.((.
´´´ {]{]{]
{
^^^
[;][;][;]
-^-^-^-^-^-
_^_^_ ==
-~-~-~-
~~~
=|=
__|__|__ --- | --- | ---
;;;;;;;;;;;;;;;;;;
;;;;;;;;;;;;;;;;;;;
;;;;;; ...
__--__--__--__--__--__--__--__--__
__--__--__--__--___^_^_
__--___--_
--- | --- | ---
--- | --- | --- | --- | --- | --- | ---
--- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | ---
```````````````````
((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((
~~~
_-_-_-_-_-_-
-_-_-_-_-_-_-_-_
-_-_-_-_-_-_-_-_-_
-_-_-_-_-_-_-_-
... ...
...
^-^-^-^-^-^-^
°°°°°°°°°°°°°
:::::::::::::::::::::
°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°
... ...
-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-
“„“ „“„
“„“ „“„
“„“ „“„
“ „“„
:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:; -^-^-^-^-^-^-^-^-^-^-^
°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°
°°°°°°
x --- x --- --- --- ---
[;][;][;][;][;][;]
--- | --- | --- | --- | --- | --- | -
-- | --- | ---
<<<<<<<<<<<<<<<< ...
-+-+-+-+-+-+-+-
+++++++++++++++++
{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{
.((.((.((.((
(.((.((.((.((
-^-^-^-^-^-^-^-
=|=|=
==========
--- --- --- ---
...
“„“ „“„
“„“ „“„
“„“ „“„
„““
--- --- --- --- --- --- --- --- ---
~~~~~~~~~~~~~~~~~~~~~~~~
__|__|__|__|__|__|__|__|__|__|__|__|
^^^
...
+-+-+-+-+-+-+-+-+-+-+-+-+-+-
,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
,,,,,,,, (,(,(,(,(,(,
_^_^_^_^_^_^_^_^_^_^_^_^_^_^_^_^_^
### :::::::::::::::::::::::::::::::::::
°°°°°°°°°°°°°°°°°°°°°°
°°°°°°°°°°
) ) ) ) ) ) ) ¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬
``````````````
--- | --- | --- | --- | --- | --- | --- | --- | ---
****
-+-+-+-+-+-+-+-+-+-+-
(,(,(,(,(,(,(,(,(,(,(,(,(,(,(,(,(,(,(,(,
] ] ] ] ] ] ]
--- --- --- --- --- ---
¬¬¬¬¬¬¬
=|=|=|=|=|=|=|=
--- --- --- --- --- ---
::::::::::::::::::::::
...
°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°
```````````
-~-~-~-~-~-~
- ¬¬¬¬¬¬¬¬¬¬¬¬¬
__|__|__|__|__|__|__|__|__|__|
--__--__--_
_
--- --- --- --- --- --- --- --- ---
_-_-_-_-_-_-
-_-_-_-_-_-_-_-_
-_-_-_-_-_-_-_-_-_
-_-_-_-_-_-_-_-
_-_-_-_-_-_-
-_-_-_-_-_-_-_-_
-_-_-_-_-_-_-_-_-_
-_-_-_-_-_-_-_-
_-_-_-_-_-_-
--- --- --- --- --- ---
_-_-_-_-_-_-
--- --- --- --- --- ---
_-_-_-_-_-_-
__|__|__|__|__|__|__|__|__|__|
-_-_-_-_-_-_-_-_
-_-_-_-_-_-_-_-_-_
-_-_-_-_-_-_-_- __|__|__|__|__|__|__|__|__|__|
-_-_-_-_-_-_-_-_
-_-_-_-_-_-_-_-_-_
-_-_-_-_-_-_-_-
((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((
~~~ (.((.((.((.(( .((.((.((.((
((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.(( (.((.((.((.((
25
-^-^-^-^-^-^-^-^-^-^-
__--__--__--__--__--__--__--__--__
####
:::::::::::::::::::::::::::::::::::
::::::::::::::::::
:::: [;][;][;][;][;][;]
¬¬¬¬¬¬¬¬
°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°
x --- x --- x --- x --- x
x --- x x --- x --- x --- x --- x --- x --- x
{]{]{]{]{]{]{]{]{]{]{]{]{]{]{]{]{]
`````````````````````````````````````````
=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=
:: ::::
:: :::
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
;;;;;;;;;
====
-^-^
x --- x
x --- x --- x
^-^
^-^
) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) )
„“„“ „“„“
„“„“
~~~~~~~~~~~~~~~~~~~~~~~~
+++++++
:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;
--- --- --- ---
x --- x --- /// <<<
.... „“„“
:;:;:; ::
;;;;;;
°°°
¬¬¬¬¬ ````
] ]
#
,,,,,,,
-_-_-_-_-_
__--__--
***
+-+-+-+
+++
) ) (,(,(,(,(,(,
((.((.
´´´
{]{]{]
{
^^^
[;][;][;]
-^-^-^-^-^-
_^_^_ ==
-~-~-~-
~~~
=|=
__|__|__
--- | --- | ---
;;;;;;;;;;;;;;;;;;
;;;;;;;;;;;;;;;;;;;
;;;;;;
...
__--__--__--__--__--__--__--__--__
__--__--__--__--__
_^_^_
__--___--_
--- | --- | ---
--- | --- | --- | --- | --- | --- | ---
--- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | ---
```````````````````
((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((
~~~
_-_-_-_-_-_-
-_-_-_-_-_-_-_-_
-_-_-_-_-_-_-_-_-_
-_-_-_-_-_-_-_-
...
...
...
^-^-^-^-^-^-^
°°°°°°°°°°°°°
:::::::::::::::::::::
°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°
...
...
-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-
“„“ „“„
“„“ „“„
“„“ „“„
“ „“„
:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;
-^-^-^-^-^-^-^-^-^-^-^
°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°
°°°°°°
x --- x --- --- --- ---
[;][;][;][;][;][;]
--- | --- | --- | --- | --- | --- | -
-- | --- | ---
<<<<<<<<<<<<<<<<
...
-+-+-+-+-+-+-+-
+++++++++++++++++
{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{
.((.((.((.((
(.((.((.((.((
-^-^-^-^-^-^-^-
=|=|=
==========
--- --- --- ---
...
“„“ „“„
“„“ „“„
“„“ „“„
„““
--- --- --- --- --- --- --- --- ---
~~~~~~~~~~~~~~~~~~~~~~~~
__|__|__|__|__|__|__|__|__|__|__|__|
^^^
...
+-+-+-+-+-+-+-+-+-+-+-+-+-+-
,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
,,,,,, (,(,(,(,(,(,
_^_^_^_^_^_^_^_^_^_^_^_^_^_^_^_^_^
### :::::::::::::::::::::::::::::::::::
°°°°°°°°°°°°°°°°°°°°°°
°°°°°°°°°°
) ) ) ) ) ) ) ¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬
``````````````
--- | --- | --- | --- | --- | --- | --- | --- | ---
****
-+-+-+-+-+-+-+-+-+-+-
(,(,(,(,(,(,(,(,(,(,(,(,(,(,(,(,(,(,(,(,
] ] ] ] ] ] ]
--- --- --- --- --- ---
¬¬¬¬¬¬¬
=|=|=|=|=|=|=|=
--- --- --- --- --- ---
::::::::::::::::::::::
...
°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°
```````````
-~-~-~-~-~-~
- ¬¬¬¬¬¬¬¬¬¬¬¬¬
__|__|__|__|__|__|__|__|__|__|
--__--__--_
_
((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((
((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((
((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((
--- | --- | --- | --- | --- | --- | ---
```````````````````
```````````````````
```````````````````
((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((.((
--- | --- | --- | --- | --- | --- | ---
_^_^_^_^_^_^_^_^_^_^_^_^_^_^_^_^_^
_^_^_^_^_^_^_^_^_^_^_^_^_^_^_^_^_^
_^_^_^_^_^_^_^_^_^_^_^_^_^_^_^_^_^
_^_^_^_^_^_^_^_^_^_^_^_^_^_^_^_^_^
_^_^_^_^_^_^_^_^_^_^_^_^_^_^_^_^_^
--- --- --- ---
x --- x ---
26
(,(,(,
27
(,(,(,
28
29
30
31
32
Záznam tvoření kresby na telefonu v televizi. Vedle ní, vybrané tištěné kompozice.
-^-^-^
33
-^-
34
35
36
_^_ ^_^
_^_ __^
^_^ ^__
_^_ ^_^
_^_ ^_^
_^_ ^_
[;][ ;][; ][;] [;][ ;][; ][;]
-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_
-_-_ -_-_
-_-_ -_-_
-_-_ -_-_ -_
°°°°
°°°°°°°°°°°°°°°°°
°°°°°°°°°°°°°°°
::: °°°
:::::::::::::::
::::::::::::::::
::::::
```` ````
```` ````
```` ````
-~-~-~- __ --_
_--_
_ -- __- -_ _--_
^-^-^-^-^
_
```` ````
```` `
``````````
``` „“„“ „“„“„“
_ ^ _ ^ _ ^_^
_ ^ _ ^ _ ^ _ ^ _
|=|=|=
|=|=
## ##
## ##
## ##
## ##
## ## #
:::::::::::::::
======
===
; ;;;;;;;;;;;;;;;
37
-~-
=== ¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬
¬¬¬ ¬¬¬
´´´´´´´´´´´´´ ´´
)
{{{{ {{{{
{{{{ {{{{
{{{{ {{{{
{{{{ {{{{
{{{
=== ===
=== ===
=== ==
38 38
39
40
> -
//
% = *
*
)
(
;
°
¬
¬
¬
°
° ^
^
:
: .
#
_ #
)
% {
,
;
=
!
/ } _
* °
° „ _
=
{ , . /
:
;
> #
* ; _ { . ° , * + / } = ) { ° ¬ ) # # = ^ ,
°
* ¬
# ^
+ ) ,
/ }
¬
: ^ .
# = %
* °
; >
* ;
// > ¬
% ° ; _ . ,
*
.
: + * /
# ^
,
; =
° ;
:
¬ : . ;
: ^
# ^
; =
% = //
* ° ° :%
„ :
> * ; °
¬ _
+
/ ) {
* °
% * #
° ; ,
¬ : . °
> -
// ¬
% ## ! ; _ . ,
+ ) ,
°
* ^ + ¬ # ,
: . : /
<
*
¨ )
%
)
{ =
*
°
* , ¬ : + . // % > ¬ ;
°
* ^ +
: ^ . :
// > ¬
% ° ; _ . ,
*
.
: + * /
, = <
* > °
° ;
¬ : . //
)
{ // % + > = : , : * ¬ = *
> // %
+
* :.
: #¬_°°41
> -
//
% = *
*
)
(
;
°
¬
¬
¬
°
° ^
^
:
: .
#
+ ) #
% {
,
;
=
! / }
_
_
* °
° „ _
=
{ , . /
:
;
#
42
c
p
sF
d
W k x A
g
h
y
j
o c
L
bR
ps j i h
R j
g
K
P
u
T
d f A
x
D A
Qc
Z B
H J
B
tp
AY A
ld
n Ap
mhn
A
un
c
p
sF
d
W
k
x A
g
h
y
j
o c
L
bR
p
s j i
h
R j
g
K
P
u
T
d f A
x
D A
Qc
Z B
H J
B p
A
Y A
ltd
n Ap
mhn
A
u nw f
p r a
f k s g
b
f z l
x b l
g
qA
yu
a n
wC
P H
w P
A
p p
R t
tus rv
43
d M
44
45
__|__|__|__|__|
46
[;][;][;
]
BLIKÁNÍ PULZOVÁNÍ
dynamické jemné
Mapa místnosti barevných polí.
47
48
49
50
Systém Android Ionic 4 Angular 6 Visual Studio Code
Ionic 4
51 INTERAKTIVNÍ KRESBA
GPS _--_--_
„ --- „
„ --- „ _--_--_ GPS
52
x y x y x y x y x y x y
x y
2 2
53
osa [x]
osa [y]
osa [-y]
Sever
Jih
Západ Východ
osa [-x]
osa [-x]
54
~
10 m
x 360 px
14 m 680 px
1 m = 36 px pro osu x 1 m = 68 px pro osuy y
x
y osa [x]
osa [-x]
osa [y]
osa [-y]
55 Sever
Jih
Západ Východ
Ateliér Kabinet
bod [180, 340]
bod [0, 0]
bod [360, 680]
osa [y]
osa [-y]
osa [x]
osa [-x]
56
-~
-~-
Kombinace tří barev. 5758
59
- +
+ -
60
61
62
63
64
65
66
67
(,(,(,
68
69
70
71 71
72
73
__--__--__--__--__--__--__--__--_
-~
__--__--__--__--__--__--__--__--_
-~
__--__--__--__--__--__--__--__--_ -
74
75
_
____ _|__|__|__|__| _|__|__|__|__| _|__|__|__|__| _|__|__|__|__| _|__|__|__|__| _|__|__|__|__| _|__|__|__|__| _|__|__|__|__| _|__|__|__|__| _|__|__|__|__| _|__|__|__|__|
76
77
78
79
80
81
--- | --- | ---
82
_^_^_^_^_^ _^_^_^
83
_^_^_^_^_^ _^_^_^ _
84
-^-^ -^-
-^-^
85
86