sotu.dvi

Size: px

Start display at page:

Download "sotu.dvi"

いとはいいはた
7 years ago
Views:

1 A Graduation Thesis of College of Engineering, Chubu University A Proposal of Programming Evironment of Visualization for Graphic Designer Ayako Takabatake

3 DBN DBN DBN DBN Processing Java Processing Processing Processing Adobe Scripting Adobe Scripting Adobe Scripting Adobe Scripting iii

2.3 Processing... 18 3.3 Adobe Scripting... 19 3.3.1 3 Adobe Scripting... 19 3.3.2 Adobe Scripting.

4 iv

5 DBN DBN DBN DBN Processing Processing Java Processing Scripting Scripting Scripting v

7 Java... 16 3.8 Processing... 16 3.9 Scripting 1... 20 3.10 Scripting 2... 22 3.

7 vii

9 1,,.,.,,.,,. 2, 3 Visualization System., 4,. 4,,. 1

11 2, 4. 4,,,. 2.1 (Visualization System),...,. Design By Numbers (DBN), Processing(P5), Adobe Scripting. 3

12 , 4.,,, , 2.,. 2.. x, y,,. 3D 2, x, y, x, (3 ),. 2 Processing 2.1..,.,. 4

13 : ,. DBN Processing :.,. ( ),. 2.3 DBN 5

14 2 ( )., Processing 2.4..,. 2.3: 2.4: 6

15 ,.,,.,, dpi(dot per inch)..,,,,.,,,. / (, ).,,.,,. ( ),... 7

16 2 2.5.,.,,. 2.5: 2.2.4, Adobe Systems Illustrator.. 2.6: 8

17 3,, 3.,,,. 3.1 DBN MIT John Maeda, Design By Numbers (DBN)[1] DBN Maeda Design By Numbers (DBN),., WEB Java.,. DBN 9

18 3.,.,., DBN DBN 2. Web DBN, : DBN,., px DBN,. 3.2( 1). 3.3( 2) 10

19 3.1. DBN ( 3),. // #1 sample : bokasi // #3 sample : kousi Paper 0 Repeat A { Repeat B { Set [A B] (A+B) // #2 sample : mouse Paper 0 Forever { Set [<Mouse 1> <Mouse 2>] 100 Command Rectangle L B R T { Line L B R B Line R B R T Line R T L T Line L T L B Command RectInRect H V N S { Repeat B 0 N { Set A (B*S) Rectangle (H-A) (V-A) (A+H) (A+V) Paper 0 RectInRect RectInRect RectInRect RectInRect : DBN 1 3.3: DBN 2 3.4: DBN 3 11

Paper 0 Forever { Set [<Mouse 1> <Mouse 2>] 100 Command Rectangle L B R T { Line L B R B Line R B R T Line R T L T Line L T

20 DBN , 4 DBN. DBN., DBN. DBN. 1. DBN, DBN.. C (sin, cos, tan).,.,., C. 3.1,. DBN. 12

21 3.2. Processing 3.1: 2002 ( ) ( ) ( ) / 3 12 / ( ) ( ) ( ) / 6 12 / Processing MIT Processing Java Processing Maeda Fry Reas, DBN Processing. DBN,., DBN 3 (JPEG, GIF, ). DBN, Processing Java Applet, Web.,. 13

22 Processing Processing Processing., Java. 3.5 Proce55ing.. :. :. :. :. :. :Java. ( Java html ) 3.5: Processing 14

23 3.2. Processing Processing, 3. Basic Mode :. Standard Mode :,. Advanced Mode : JAVA. Basic Mode, Standard Mode. DBN Standard Mode Processing.. Basic Mode, Standard Mode, 3.6. //Basic Mode sample //Standard Mode sample size(200, 200); background(255); nostroke(); color inside = color(143, 149, 229); color middle = color(90, 102, 242); color outside = color(12, 17, 76); fill(inside); ellipse(0, 0, 200, 200); fill(middle); ellipse(0, 0, 100, 100); fill(outside); ellipse(0, 0, 55, 55); void setup() { size(200, 200); nobackground(); refresh(); void refresh(){ fill(251, 182, 218); nostroke(); rect(0, 0, width, height); void loop() { stroke(255, 0, 0); if(mousepressed && pmousex!= 0 && pmousey!= 0) { line(mousex,mousey,pmousex,pmousey); 15

24 3 3.6: Processing Java Processing. Processing Java import,. Processing Java., Processing. 3.7: Java 3.8: Processing 16

25 3.2. Processing //programmed by JAVA //object.java import java.applet.applet; import java.awt.*; import java.lang.object; public class objects extends Applet{ public void init(){ createimage(150,100); setbackground(color.gray); public void paint(graphics g){ int line_x[] = {12,120,125; int line_y[] = {50,15,60; g.setcolor(color.white); g.fillrect(10,10,60,60); g.setcolor(color.black); g.drawrect(10,10,60,60); g.setcolor(color.white); g.filloval(80,10,60,60); g.setcolor(color.black); g.drawoval(80,10,60,60); g.setcolor(color.white); g.fillpolygon(line_x, line_y, 3); g.setcolor(color.black); g.drawpolygon(line_x, line_y, 3); //programmed by Processing size(150,100); rect(10,10,60,60); ellipse(80,10,60,60); triangle(12,50, 120,15, 125,60); 17

26 Processing Processing. Processing ( ),. Java, Java. Java Applet,. DBN,. DBN ( ) DBN, C Java, Processing. Processing, Java (, ) Processing. 18

27 3.3. Adobe Scripting 3.3 Adobe Scripting Adobe Scripting Adobe Systems Illustrator, Photoshop., Illustrator, Photoshop,., Illustrator Adobe Scripting Adobe Illustrator 10, Adobe Photoshop 7. Adobe Scripting. Windows Visual Basic, Macintosh AppleScript, JavaScript 3. JavaScript., Adobe Scripting, Illustrator. JavaScript JavaScript Netscape,.,. HTML WEB. Web, Adobe Scripting Adobe Scripting Illustrator, Illustrator. Illustrator [...]. 19

28 3 Illustrator. Illustrator. JavaScript, 3.9. // Adobe Scripting sample 1 var N = 5120; var doc = documents.add(documentcolorspace.rgb, N/2, 1000); if(documents.length > 0){ var srcpath = "Macintosh HD:Users:populi:AS_Sample:raw.txt"; var thefile = new File(srcPath); var isopen = thefile.open("r"); if(isopen){ thefile.seek(0, 0); line = activedocument.pathitems.add(); var points = new Array(N); for(var i = 0; i < N; i++){ points[i] = new Array(2); for(i = 0; i < N; i++){ var contents = thefile.readln(); points[i][0] = i/2; points[i][1] = contents * ; line.setentirepath(points); thefile.close(); 3.9: Scripting 1 20

29 3.3. Adobe Scripting, JavaScript Illustrator. 3.10, 3.11,. // Adobe Scripting sample 2 if (documents.length > 0 ){ var star = activedocument.pathitems.star(300, 230, 200, 150, 7); var mycolor = new Color(); var myrgb = new RGBColor(); myrgb.red = 255; myrgb.green = 110; myrgb.blue = 30; mycolor.rgb = myrgb; star.fillcolor = mycolor; star.strokecolor = mycolor; for(t=0;t<500;t+=5){ var x= Math.cos(t)*Math.cos(t)* ; var y= Math.sin(t)*Math.sin(t)* ; var z=t-100; var star1 = activedocument.pathitems.star(x, z, 20, 12, 7); var mycolor = new Color(); var mycolor2 = new Color(); var myrgb = new RGBColor(); myrgb.red = *t; myrgb.green = *t; myrgb.blue = 80; var myrgb2 = new RGBColor(); myrgb2.red = 0; myrgb2.green = 255; myrgb2.blue = 80; mycolor.rgb = myrgb; mycolor2.rgb = myrgb2; star1.fillcolor = mycolor; star1.strokecolor = mycolor2; 21

30 3 3.10: Scripting : Scripting 3 22

31 3.3. Adobe Scripting // Adobe Scripting sample 3 var IE = 480; var JE = 640; var doc = documents.add(documentcolorspace.rgb, (JE * 10)/10, (IE * 10)/10); function plot(i, j, red, green, blue){ var circle = activedocument.pathitems.ellipse((i+1)*10, (j+1)*10, 8, 8); mycolor = new Color(); myrgb = new RGBColor(); myrgb.red = parseint(red); myrgb.green = parseint(green); myrgb.blue = parseint(blue); mycolor.rgb = myrgb; circle.fillcolor = mycolor; circle.strokecolor = mycolor; return; if(documents.length > 0){ var srcpath = "Macintosh HD:Users:populi:AS_Sample:dots_color.dat"; var thefile = new File(srcPath); var isopen = thefile.open("r"); if(isopen){ thefile.seek(0, 0); for(var i = 0; i < IE; i++){ for(var j = 0; j < JE; j++){ var red = thefile.readln(); var green = thefile.readln(); var blue = thefile.readln(); if(i%10 == 0 && j%10 == 0){ var dots = plot((i), (j)-1, red, green, blue); thefile.close; 23

32 Adobe Scripting Adobe Scripting. 1..,. 2. Illustrator.. [ ]. Adobe Scripting 2004 illustrator CS. Illustrator., 2004 Adobe Scripting,. 3.4,..,. Web. Macromedia Fash,.,. 24

33 : DBN Processing Adobe Scriptng DBN Processing, Processing., DBN Processing.,,., Adobe Scripting,.,. 25

35 4, 4.1,.,,,. Illustrator., Illustrator,.,. 4.1: 27

36 4 4.1, ( 4.2 ).,.,, Illustrator. 4.2: 4.2, ,,.,, Illustrator. 28

37 ,.,,. 4.1: Rect Rect ( x, y, width, height ) ;. FillRect() FillRect ( x, y, width, height ) ;. Square() Square ( x, y ) ;. FillSquare() FillSquare ( x, y) ;. Circle() Circle ( x, y, r ) ;. FillCircle() fillcircle(x, y, r ) ;. Line() Line( x1, y1, x2, y2 ) ; PenColor() PenColor ( r, g, b ) ; PenKind() PenKind( thickness ) ; FillColor FillColor ( r, g, b ) ; Repeat Repeat n n. MousePoint MousePoint0 Mousepoint1. MouseX MouseX0 MouseX1 y. MouseY MouseY0 MouseY1 y. 29

38 ,.. r = 0; Repeat MousePoint { FillColor(r, 0, 0); FillCircle(MouseX, MouseY, 10); r++; b = 150; Repeat MousePoint1 { FillColor(0, 0, b); Line(MouseX1, MouseY1, 300, 250); b--; 4.3: 1 30

39 ,.. 4.4: , Illustrator.. 4.5: 3 31

41 5,,.,,. 33

43 ,,.,,.,,. 35

45 [1] Jhon, M.(1999): Design By Numbers, MIT Press [2] Proce55ing [3] Matt, W.(2002): Digital Information Graphics,Thames & Hudson Ltd, Digital Information Graphics, [4], Information Desighn Source Book,, [5] David, E. P. et al.(2003): Adobe Scripting, Wiley Publishing, Inc. [6] Adobe illustrator version 9.0, Plug-in Software Development Kit Programmer s Guide for Machintosh and Windows, Revised: October 1999 [7] Adobe illustrator version 9.0, Plug-in Software Development Function Reference for Machintosh and Windows, Revised: October 1999 [8] Netscape, netscape devedge, [9], JavaScript,, [10] Sun Microsystems, Sun Microsystems, [11] Sun Microsystems, The Source for Java Technology, [12], Java,, [13] Java2 Platform Std.Ed.v1.3 ( [14],, Java,, [15], JAVA,, [16], CodeWarrior C,, [17], C++,, [18], C,, [19] B.W., D.M., C 2 ANSI,,

46 [20], Visual C++6.0,, [21], Visual C ,, [22],,,, [23], 1, 2, [24] N.Matthew, R.Stones,, Linux UNIX,, [25] Jhon R.Levine, Tony Mason, Doug Brown,, lex and yacc, [26] Microsoft Corporation, UNIX Applcation Migration Guide, October [27] Microsoft Corporation, Services fot UNIX Home, [28] MKS Inc, MKS Toolkit [29] TK, Visual C++ bison flex tk prg/tip1.htm [30], nitoyon.com/vc++, 38

47 2004 3

tn_soturon_sjis.dvi

tn_soturon_sjis.dvi 3D 2005 3 A Graduation Thesis of College of Engineering, Chubu University Evaluation of Usability in Movement Operation for 3D Object Tetsushi Nakagawa 1 1 2 3 2.1... 3 2.2... 4 3 Zoo 7 3.1 Zoo... 7 3.2