─
New Approach to Digital Art
–Integrate Projection of Materiality into Virtual and Physical
Interactive Scenario
s946403@mail.yzu.edu.tw
csjames@saturn.yzu.edu.tw
cwlee@saturn.yzu.edu.tw
! " # $ %& '()%*+,-. / 0 12 3 45 6 7 89: ; 4< = > ? @ & '5 0 1 AB C D E 74F G H I JK L M N O P AB! " Q R S T U V F W ! " X Y Z [ \ 85 ] 2 ^ _ ` Ja b c d e f a g h i j k lJm nM o ( g p q 8H r s 9: t u vw ! " xg y z{| Z } ~ ] 2 *+,-@ J Z A B 4K AB 9:- J u xl 8 ¡ H r s ¢ £ J¤ ¥ ¦ t § ¨© e ª «! " J Z R ¬ r s ® 8 ¯9: °K AB°AB! " °*+, -8Abstract
Technology is rapidly advancing in this age, using computer information as media has become the major tool which the contemporary artists, so projection of materiality creation is more changeful. Through contributing the interactive technology, changing the cognizance between entity of the traditional art and viewer. The interactive design becomes the focus of esthetics in order to hand around the essence of creation. It makes viewer own the command for the appreciation, even become a part of creation. This paper puts forward combining technology and art to design a artistry±zDreams of season~.Herewith the artwork treats projection of materiality and interaction.
It includes human-computer interaction and virtual and physical scenario purposes. Through the progresses of design in this research, this study brought up some suggestions that can be applied to creative artworks on digital art in the future.
Keywords: Digital Art, Human-Computer Interaction Interactive Design, Projection of
Materiality
1.
@ J@ @J² ³ 9: 7´ µ ¶ 9:·¸ ¹ º # ^ _ ¥ / $ » ¼ ² &'´ ½ ¾9:¿ À Á J$ %Â Ã Ä Å 712 < Æ 49: Ç JÈ e ÉÊ Ë Ì 2004Í8 Î ¼ Ï Ð % 9: Ñ Ò Ó «M Ô Õ Ö ! " # × Ja T 8 9: Ø Ø Ù Ú Û v > L nM Ô J h i # ; 4 9: x« vÜ J C u ÝM Ô a J Þ ¶ ß '3 zAB ~ ÉInteractivityÍ0 ¶ ! " # Û à á âZ g 8ãä @å æ 9:ç è e é Ð Q R µ ê ¶ ë ì Z í x5 e é ^ _ ! " J a b Z Þ î ï (C D AB ð ñ ò a ló ô ¥ õ Z Õ k Jj ö ÷ø ù ú 2 ÷AB< = a 5 û ü ý þ ¹ ! " X Y J8ã I £ 3 Ô F G e é 4 ` ó K L vw ¢ £ J ÷ Ù l C u ° Ô ! " ¼ 4 Q R # ¥ É 2004Í8 12 H r s u @ B F G õ «a × 9:Û Ô AB! " °K ! J C u ! " ] " # ð $ t X § ¨xK AB % / & %n ® ' (( v J Z Þ ú 2 ) * + C , - . Ñ B! " x/ z{| Z } ~Z AB ) t u 0 Y 1 ! " x 2 3 4 5 {y | 6 Ý 7E Õ Ö Z ÷l¡ a b e é D Z 8(M 7 8 ¥ J¢ 1 9 : ; < = ¥ 9 : J ø > 5 ? ¼ ³ xna @ A B C °ð $ 4 D AB! " % / M a b JAB-E 1 s C u AB ! " ® ' 8
2.
!
!
!
!
"
"
"
"
#
#
#
#
2.1
! M @F G M Ô Q R H ® % / I J e é K 6 7Ln ¢ 4 > &% / U V a Å a b % / 8(M N O < z9: ~¶ P ¢ 9:7 ¥ . ° =Q m R 9: , F G ; / 9:7 =S &'T µ L R 9:78 12 U n 9:7 =7 S n F G ; / Z 1 9:71& Q V È R 9: ÉW X 4 2001Í8 9: å 0 1 6 ú 2 ð Â Ã % Y C u ® Z Ý Û à 9: [ È ² @å æ \ ]; 4 Ç Ä ' $ %9:7&'S ¥ / ^ » Ñ ·¸ _ ,-³ º0 Ç C D ` AB ö (* a J vw )8ã b t u g ` @ å Q R c 4 $ » °d ¿ ! e °9: f ] Q R g h i ô jLnAB 0 k a Å JC D g p q 82.2
ã@ l m n AB ° n ¹ ºx5 R o °ï p È e A B ¢ 8 Ñ / q JT r R r s S T ÉCarol Gigliotti1995 , 1997Í8(s 60t Z ¼ Ï > X R > Î u ÷v w Ô * + Ð a b e é ! M n] x y . / Ñ AB( z Ú { |Z } ~ ÉErnest Edmonds2004Í8
Dannenberg, R. B and Bates, J.É1995Í0 P
x Ð 4AB ² ³ (H ® AB à 0 Y Jü 5 Ð H Ö j° ¥ a b . / f H > â Á ³ 8 É2000Í0 < Ú ¯z 9: ¶ µ H ø # Q AB Ç w Á ÷,{ | ö # * ~ 3 AB÷0 Ç P a b J÷(ã ¶ u Û à 8~ # m È ² AB D M Ô 9: # '3 Û à ( AB! " L nM Ô a b JZ Þ ABm Ô K AB
ÉHuman-Computer InteractionHCIÍr s Z 8K ! R MMI (Man-Machine Interface) 0 R Z Ð % ! (User-Interface) ^ P K J Z Þ Á )ï p S í D Jí x 8ï p ! K z÷O ~ - ! ¡ B E e é D ¢ £ ¤ 2 ! 4vw °£ °¥ ¦ °B f O w E (§ ¨ © 2002)lLaurelÉ1993Í ºK AB ! ¶ Ù J £ ! " 0 ¶ AB ¥ ª « ¬ ÷Ù Ú 3 ! ! " & M Ô K °Õ ® °¯ w £ ® ' ° 8 M Ô AB ! % / Jeng(2002)< xK H AB % / (Human-Centered Interaction Model)«1 a
@ ( vð N O ± Þ ° I ± Þ ° n ± Þ « ² ð AB³ +² ´ æ (·1)¯ (1) N O ± Þ ¯Ð % Ù ÷O (Q B8 (2) ± Þ ¯K - ¡ j *I ! Ñ A B¥ ² ³ +{ & 8 (3) n ± Þ ¯] ABÑ ¥ ² n 7AB % / Ñ (- 9:7 ! { |ó ô Ð % 8 Ð % ¢ j ö I 7 ! ¥ Bò ² AB³ + (µ N O ± Þ ¢ I ± Þ D n ± Þ { |V K H * 2 µ ¶ · ¸ ( ¹ . Z N O O º » ¼ ½ B² m ; t AB¾8 1
A «¿ ¯Jeng (2002)Interaction and Social Issues In a Humman-Centered Reactive Environment.
2.3
9: 4: ¸ å l Ô µ ¶ ^ _ J¿ ! e ´ µ À Á Â ¸ Ã vØ Ø ² ³ )%9: ,-Z . / vw 8 )%9:,- > ! " # Â Ã 6 7 4µ L Z Þ t u $ % Ð % ¥ / £ ¤ Ä 1a b JZ Þ AB 8H r s Å Æ z*+,-~ à . ì è Ç È ð $ A É C Ê +82 Ë Ì 4Í T '3 Ç È p T O ,-*Ð %# x ` -¸ ,-Î Ï °Ð Ñ S ¶ Ò ! # 0 Y (Ó %ù *+ S ¶ K L Ô ¢ £ ¾Õ *l 4 1D AB ö y ±Ö× Ø X ÙJÖ% Ú n Ù 9:-¸ J *+ú 2 C u ! " xg ` ? @ Ô n JÛ Ü u 8
1.
˙
!
!
!
!
"
"
"
"
*+J,-Ý Þ µ ß ± Þ à á «@ H â Ln0 È ] _ ã °-¸ °ä f AÝ Þ ñ ò a Å å ã 8æ ç è é ê ë ÉTony OurslerÍì ¬ íÉ· 2Íî ï ð)%Q ñ ³ ä ò ó ± Þ * Ï °ô õ °ö °\ ÷ ° ø ù °ú ² f û «à áK ü J,-P a - Õ ² / a @  à ² ð ý Ô T þ K *; 8 Ô a Å Ýþ O ñ ò (3 î L ¼ ( Ô ( xÇ g È æ ç èé ê ë H µ ß _ áZ W L n0 K ü ,- u % / . ¡ J 7^ } ~ 8 2 Tony Oursler19962. Amy Jenkins
Ebb"
"
"
"
Amy Jenkins / > %: ¸ K J f > â8( 2 g y ! " # O ,-*+(-¸ $ K µ Ý! % & «' ( ± Þ ) * * æ + (, -Â Ã . { Ú $ K Ö -0 Ø Ø / 0 z1 2 ~ f a Z ¸ É·3Í8] Û *+, - ¼ Â x$ 3 y 4 x, ¢ £ S T 5 6 7 J8 9 Z ¾j8
3 Amy JenkinsEbb1996
3. # $ %
#
#
#
$
$
$
%
%
%
&
&
&
&
'
'
'
'
(
(
(
(
"
"
"
"
: ; Ì » ¶ < = > ¸ ,-Á ? 1992 t î @ Á z: ¸ ,-à á~. / zA B ~É· 4Í C u 4zO ,-*~Jz: ¸ -¸ ~8 D EF N G H ã0 ¶ î g I J K8(¢ ã+ N ã+-¸ L ® D ë M F N O °P Q a M Ô Û JR w ÷O a Å Ç Õ S ¯zT ¶ Ê Ô B U V ~8] 2 4g y W Ô Z Þ X 8 4 1992
4. # $ %
#
#
#
$
$
$
%
%
%
)
)
)
)
*
*
*
*
+
+
+
+
,
,
,
,
"
"
"
"
Á 2000 t Z . 9: Y Z [ \ ] ^ ±z× Ø X ~ a Å ¥ Ú 2 n _ g ` × Ú ¶ g a Î b c d # è e f g * h ñ i j ; 49:,-. / Ý 0 4 k à áJ÷& l Z u É·5Í8 a Å ¢ ¦ ¥ d m c n c n ÷& l o Bd # . ,- Q p µ L-¸ ,½ Î d ë # -¸ · . / x v w q 8 r z s N Ô ÷ ¢ £ 8( ] *+,- t '3 u °6 7 °v w J× Ø f Z -¸ , -Jx L s N Ô y ¬ ¾Õ d z # Cþ { h xz× Ø ~Z J÷Ù l t y ±| d # K } ~ Z Ý(a ¼ (1] AB ö a 4 8 5
-
-
-
-
20005. . / 0
.
.
.
/
/
/
0
0
0
1
1
1
1
2
2
2
2
3
3
3
3
4
4
4
4
"
"
"
"
z%Ú n ~¶ < Ä R 82 Ó %4Z / F G ; Ú Ò J% å ,-*+l)% vw B { | ¹ l Ò # K L Ð %E A ð *Ñ g 7F G Ú Ò 0 Y É·6Í8 AB ö 4 ; E A è ° Ò a + ÷& l J vw f a ] ¯ w Á . / E B Ò «Ñ AB3 y µ L 3 T Õ -¸ ! " C D Ú K L ¾Õ Ô ¢ £ l ð x J n Þ £ 8 6 !!!! """" #### $$$$ %%%% 20063.
$
$
$
$
%
%
%
%
&
&
&
&
'
'
'
'
3.1 5 6
5
5
5
6
6
6
u z{| Z } ~ò 4Z q M 2 3 4 5 Z Ò Ó q {| % } vw _ F z ó a l AB à á E 0 Y t {| 5 « n ± Þ ( R -¸ 2 i ô ? @ Ja AB¢ ÷,½ 2 n% å ; M a (¤ È e ¶ H Ö S x y 3 H Y K S *8z{ | Z } ~ · °-¸ _ g y 9:7 n JM e a 2 3 4 5 3 ÷ =P H â e ¡ ¢ n± n ° J9 £ Z Þ 83.3
H g y ¤ ¥ Z AB ¦ g J9:-¸ ,-Q g y Û n ¸ É·7Í)%,-J_ P '3 ? @ ý J lJa Þ '3 ¯ ÷AB 8(AB ! § ¶ Ð %@å æ à á)% E Z 0 Y ! " t {| ¨ © Z 8(# . Ð % webcam -¸ ª À a Z : á getpixel « ¬ « ¶ a Z Bì ó ô -¸ { |Z flash8¼ ² d 87 &&&& '''' (((( )))) * +* +* +* + ,,,, ----
3.4 7 8
7
7
7
8
8
8
3.4.1 9 : ; < =
9
9
9
:
:
:
;
;
;
<
<
<
=
=
=
H $ % h gameapad7 {| ¨ ® 0 Y ! " Z ABà á¡ ! É·8Í8 8 **** ++++ .... //// 0000 1111 2222 33333.4.2 9 : > ?
9
9
9
:
:
:
>
>
>
?
?
?
{| g ¨ 12 y 4 0 Y 3 y | 6 ! " x ` µ Lvw É12¯Íl t vw { |# Ó Z . / 8 1. 444455565666 7777 88889999 44844888!!!! :::: 9 K M 2 Z D Ó N P °H 2 °n° f ¾± * z² { 2 ~2 ³ m 3 Z ) % Z e ¿ ±-b vw Z 6 ´ -µ ¶ · t µ 8(M Ô H 2 Z vw # 4ð °¸ ¹ °ð°Jmissf '3 H 2 Z 6 ´ l] º » 3 8 ¼ X t X ÷Z e f 8(n° § ] » T ½ Ñ t s xs ¾ nÞ 8 ¿ 89 &&&& '''' ;;<;;<<< ==== >>>> ???? @40 A@@@40 A40 A40 A BBBB CCCC DDDD EEEE
2. FFF5F55G5GGG F8FFF888HHHH 8888IIII JJJJ 10 q M Ô è ³ Z D Ó N 3 2 Z À è Á Î Â è nÃ Ä Æ Ë (K Å z3 Ð ~§ Æ Ð A Z H Ç È É Z Ê (_ ` vw K M Ë Ì D ¢ Í Ä ¾Î Ï 8
10 &&&& '''' ;;;;<<<< ==== >>>> ???? @@F0 A@@F0 AF0 AF0 A BBBB CCCC DDDD EEEE
3. KKKK55595999 LLLL 8888MMMM NNNN 8888OOOO PPPP 11 4 Z Ë %q Ð ' 2 y H ! " Î Ï H Y Ó %% Y Z 9 £ E 7 Ð 'Z ÷b 0 Y ² ü Ñ Ò Z § Ð % BÓ Ò Ô Õ Ê (Ö × vw Ó %Ø Ù Ú Û JÜ ! Ý Þ Q P a ¯ w þ £ Ú Ö × ¥ 78
11 &&&& '''' ;<;;;<<< ==== >>>> ???? @@@@K0K0K0K0 AAAA BBBB CCCC DDDD EEEE
4. QQQ5Q55R5RRR Q8QQQ888SSSS TTTT 8888UUUU VVVV 12 2 M 5 Z vw Ë %2 y D ¢ ß 5 vw Ó %à á Jò â ! " 0 Y (÷ã p ð Ð %4q ä K ÷ã å Y q q ³ æ 8 Bì ÷ã nH â Ü ç Jè é 8 q ä K 5 N Ç ê ë Õ x à 5 1ì (2 Î 2 Ë %( ò ( ¼ ¸ Z ¸ í î ¼ vw ¸ 8
12 &&&& '''' ;;;;<<<< ==== >>>> ???? @@Q0 A@@Q0 AQ0 AQ0 A BBBB CCCC DDDD EEEE
3.5 @
@
@
@
H r s ] ã -J_ Z ABà áÈ ï nÞ P a C D ( J ¥ Á Ú 3 Ô F G Z X ÷Ù 8lr s ! " ? @ AB¡ ! $ %' 3 AB Z 9: # 5 ¯ w Z J . / | 6 ¨ © 0 Y 8(- 9:-¸ ,½ ¦ g # ] n ã -i ô ? @ h xF G ¦ g ª ´ æ 8 - v « ¬ a Z :áÐ Ja Þ ' 3 AB ð # 5 4g ñ ¯ ÷ 8 8 xq M {| '3 Z Ò Ó Ð a a b n; 4ò ² Õ Ö M Ô | 6 Z ÷¢ £ Ý0 e ÷Ù K M Ô | 6 ¾jg Å ò 2 3 4 5 Ô ¼ Ö Z ÷Ù 84.
$%()*+
$%()*+
$%()*+
$%()*+
HÔ óôôõ t õ 4 6 ö Ä R ÷ ø ù ú ø û üý þ Ñ ? ¼ ³ º ¡ ¥ ¢ ³ º . C a b { | t X 3 è Í T ¯ü ü 1°A B - Ù ¸ - E à È * webcam « ¬ . ! § I J ¸ j ö ¸ ¶É ã j ö °l ! áf 8 2°Ð % o ¶I J O ® ' M Ôv w °¥ w ° Ü w r s 3 I à ( A B à á ¡ ¶¶ß é ¯ w 7 0¶A B ¶ß È Ð a C D Û à 8 2°a b N H] , - Ô Z . / e À Á * * + * i ô 4 ? @ 4 t { h # B 8A
A
A
A
1 B C C 5 D
B
B
B
C
C
C
C
C
C
5
5
5
D
D
D
-E
-
-
-
E
E
E
F
F
F
F
G
G
G
G
H
H
H
H
+
+
+
+
I
I
I
I
5.
,
,
,
,
-
-
-
-
.
.
.
.
/
/
/
/
Hr s Ô 9 : * +, - J A B ! " Z 0 Y ú 2 u ? @ . / { h x A B 8l < x ¢ A B ö D eé À Á * +, - ê P a ë ì . E eé J a b Ñ ï p A B P a b Ö J ² ³ ({ h x C u ! " 8(r s ! " ¢ ? ¼ ³ º . C { | ; 4 A B J ¸ 1 ´ ! " # I J O ® ' Ý Ó % O , - * +n ! I M Ô, - } ~ 0¶I J O å 8ª « A B ö J * +, - t u Z r s ~È ¬ ² ³ 9 : Å Æ D @ b $J . ì 8ü ü ü0
1
!
0
0
1
1
!
!
0
1
!
[1] Ê Ë Ì ° É2004Í @ --$ % v w ÔA B Z R õ ¡ ô8ü [2] °Ê Ë Ì É2004Ív w A B b $± v w ! " C u A B 2004z9 : ± ~< = 9 : Z . r Ç1-68 [3] : ; É2000Í× Ø X 9 : G ArtFuture±C 60-638 [4] W X 4 É2004͵ 9 : Z 9 : 2 8 < = Z 7 ¤ DZ J Z . R r Ç " C 112-1178 [5] § ¨ © É2002ÍA B / & ± Þ Z ù C Ä R ø R 8 " 8 [6] É2000ÍA B m 3 ¯A B H 9 : G ArtFuture± " C ! " 9 : 139-1408[7] C. Gigliotti (1997), Aesthetics of Interactive Technology. In Diane C. Gregory (Eds). New Technologies in Art Education: Implication for Theory. Research, and Practice. Reston,VA: National Art Education Association (NAEA). [8] E. Ernest, T. Greg, Candy Linda (2004),
Approaches to Interactive Art. Proceedings of the 2nd international conference on Computer
graphics and interactive techniques, pp. 113-117. [9] R. B. Dannenberg and J. Bates (1995), A Model
for Interactive Art. In Proceeding of the Fifth Biennaial Symposium for Arts and Technology. Connecticut College. pp. 102-111.
[10] Laurel, Brenda (1993), Computer as Theatre. NewYork : Addison Wesley Publishing Co. [11] T. Jeng, C.H. Lee, C. Chen, Y.P Ma (2002),
Interaction and Social Issues in a Human-Centered Reactive Environment. Proceedings of Seventh International Conference on CAADRIA 2002 in Asis, Malaysia, pp.285-292.
[12]Tony Oursler | OnlineÉ2006Í, http://www.tonyoursler.com/ [13]Amy JenkinsÉ2005Í,
http://www.amyjenkins.net/ [14]: ; y K # É2002Í,
http://techart.tnua.edu.tw/~gmyuan/
[15]nmc.ima | new mind convergence.incentive media ambience % Ú n (1)¯$ Ò # % Ú wÉ2006Í, http://danielnmc.blogspot.com/2006/05/1.html