22
1 1 1.1.............................. 1 1.1.1........................ 1 1.2.................................. 1 1.2.1........................... 2 1.3................................... 3 1.4............................... 3 1.5................................... 3 2 4 2.1........................ 4 2.2........................... 5 2.3........................ 5 2.4........................... 5 3 7 3.1.................................. 7 3.2................................... 7 3.3.................................. 9 3.4................................... 9 3.4.1...................... 9 3.4.2..................... 11 3.4.3..................... 11 3.4.4..................... 12 3.4.5................... 12 4 13 4.1...................................... 13 4.2................................. 13 4.2.1............................... 13 4.2.2................................... 13 4.3................................. 15 i
4.3.1......................... 15 4.3.2........................ 15................. 15................ 16 4.3.3 Photoshop............................. 17 Photoshop.................. 17 Photoshop................... 17 4.3.4........................... 21 5 22 5.1........................... 22 5.2.................................... 23 6 25 26 27 ii
1.1................................. 2 3.1............................... 8 3.2....................................... 9 3.3.................. 10 3.4............................. 10 3.5.................................. 11 3.6............................ 11 3.7............................ 12 3.8................................. 12 4.1................................. 14 4.2.............................. 14 4.3................................. 15 5.1............................ 22 5.2.................................. 23 iii
1 1.1 Adobe Photoshop 1 GIMP 2 Canvas 3 1.1.1 1.2 1.1 1 URL:http://www.adobe.com/products/photoshop/photoshop/ 2 URL:http://www.gimp.org/ 3 URL:http://www.poladigital.co.jp/canvas/ 1
1.1: 1.2.1 A B 2
1.3 1.4 1.5 2 3 4 5 6 3
2 2.1 PC PC PC (TUI: Tangible User Interface) [1] TUI PC TUI musicbottle[2] Sandscape[1][3], ActiveCube[4] musicbottle SandScape 3 ActiveCube 3 4
2.2 Nelson Palette[5] ICandy[6] ICandy itunes QR CD QR 2.3 Sriram [7] Chi-Wing 3D [8] 2.4 [9] PC 3D WATARI [10] WATARI 5
David [11] (flip) 2 3 6
3 3.1 3.2 A A 3.1 - ➀ A 3.1 - ➁ 3.1 - ➂ A 3.1 - ➃ 3.1 - ➄ A 3.1 - ➅ A A 3 3.1 - ➆ A 3 3.1 - ➇ A 3.2 7
3.1: 8
3.2: 3.3 3.3 3.4 3.4.1 3.4 9
図 3.3: 使用したカード 上 表向き 下 裏向き 図 3.4: 新しいレイヤを作成する 10
3.4.2 3.5 3.5: 3.4.3 3.6 3.6: 11
3.4.4 3.7 3.7: 3.4.5 3.8 3.8: 12
4 4.1 OS Windows7 IDE VisualStudio2008. C++ openframeworks v0.062[16] reactivision version1.4[14] reactivision Reactable[15] Adobe Photoshop CS4 Photoshop Photoshop Photoshop Javascript Adobe Extend Script Toolkit 4.2 4.2.1 4.1 USB USB Logicool Qcam Orbit AF 640x480 4.2.2 75mm 125mm 4.2 3.7mm ID ID ID 1 ID0 ID1 ID2 3 ID4 5 13
4.1: fiducial id 0 fiducial id 1 fiducial id 2 fiducial id 3 4.2: 14
4.3 3 4.3 4.3: 4.3.1 reactvision TUIO [12][13] TUIO TUIO UDP 4.3.2 15
Photoshop x y y x ID Photoshop Photoshop Photoshop Photoshop ID 16
Photoshop 4.3.3 Photoshop Photoshop Photoshop Photoshop Photoshop Photoshop AppleScript VBScript JavaScript 3 Macintosh AppleScript JavaScript Windows JavaScript VBScript jsx Adobe Photoshop CS4 Presets/Scripts Photoshop Photoshop JavaScript Photoshop Photshop Photoshop 17
x num.dat 3 num.dat 3 ID ID num markerid ID var new_layer = activedocument.artlayers.add(); new_layer.move(activedocument.layers[num],elementplacement.placeafter ); if(markerid%2==0){ new_layer.visible=true; }else{ new_layer.visible=false; } new layer markerid 18
num markerid ID var gomibako_ref = app.activedocument.layersets.getbyname(" "); var gomi_ref = gomibako_ref.artlayers.getbyname(" "); activedocument.layers[num].move(gomi_ref,elementplacement.placebefore ); gomibako Ref gomi Ref ID ID num1 num2 markerid ID var gomibako_ref = app.activedocument.layersets.getbyname(" "); var restore_ref = gomibako_ref.artlayers[num1]; restore_ref.move(activedocument.layers[num2],elementplacement.placebefore ); if(markerid%2==0){ restore_ref.visible=true; }else{ restore_ref.visible=false; } gomibako Ref restore Ref markerid 19
num1 num2 layer_ref1 =activedocument.layers[num1]; layer_ref2=activedocument.layers[num2]; layer_ref1.move(layer_ref2,elementplacement.placebefore ); num activedocument.activelayer=activedocument.layers[num]; 5 Photoshop 5 20
var visiblelayer:[] for (var i = 0, j = activedocument.layers.length; i < j; i++){ var lay = activedocument.layers[i]; if(lay.visible!= false){ push(visiblelayer); lay.visible = false; } } visiblelayers[] for (var i = 0, j = activedocument.layers.length; i < j; i++){ var lay = activedocument.layers[i]; lay.visible = true; var opt = new JPEGSaveOptions(); var fileobj = new File(fileName); doc.saveas( fileobj, opt, true, Extension.LOWERCASE ); lay.visible = false; } for (var i = 0, j = visiblelayer.length; i < j; i++){ visiblelayer[i].visible = true; } 4.3.4 Photoshop 21
5 5.1 5.1 5.2 5.1: Photoshop S Photoshop I Photoshop 22
図 5.2: 試用中のカード ツールパレットを用いて グループ化されていない複数枚のレイヤを非表示にするには レ イヤの枚数分クリックをしなくてはいけないのに対し このシステムではカードまとめて裏 返すという少ない動作で行うことが出来る 一方で 問題点も多く残されている 本システムでは システム内のレイヤ構造に合わせ て Photoshop 内のレイヤ構造を変更しているが Photoshop 内のレイヤ構造が変化した場合に それに合わせてシステム内のレイヤ構造が変化する仕様になっていない そのため ユーザ は Photoshop のレイヤパレットを用いてレイヤを変更することは出来ない つまり レイヤの 変更はすべてカードを使って行わなければならず そのことで試用中にストレスを感じる場 面があった また スクリプトの実行中は画像編集を行うことが出来ないことから 編集作業が一瞬中 断してしまう場面があった 特に処理時間の長いスクリプトである レイヤごとの画像デー タの取得スクリプト が実行される際にこの問題が生じた 5.2 今後の課題 現在のシステムでは カードは一種類しか扱っていないが 他とは違う特別なカードを用 いることで新しいインタラクションが考えられる 本システムではカードは最も一般的なレ イヤであるアートレイヤとしか対応付けられていない そこで 色の違うカードや大きさの 違うカードを 文字を追加し編集するためのテキストレイヤや 四角形や三角形を追加し編 集するためのシェイプレイヤなどに対応付けるアプローチが考えられる また 今回のシステムではコンピュータビジョンを用いてカードを認識しているため カー ドを重ねることが出来ない そこで Vogt らによる複数の RFID の認識手法 [17] を用いるこ とで RFID を用いてカードを重ねられるシステムを実現できると考える カードを好きなよ うに重ねることが可能になれば そのことでまた新しいインタラクションが可能となると考 える ひとつの案として レイヤのグループ化を可能に出来ると考える 一か所に重ねられ 23
24
6 25
26
[1] Ishii, H. and Ullmer, B Tangible Bits: Towards Seamless Interfaces between People, Bits, and Atoms in Proceedings of CHI 97, pp. 234-241. [2] H. Ishii, A. Mazalek, and J. Lee Bottles as a Minimal Interface to Access Digital Information in Extended Abstracts of Conference on Human Factors in Computing systems(chi 1997) pp.234-241 1997 [3] B. Piper, C. Ratti, and H. Ishii Illuminating Clay: A 3-D Tangible Interface for Landscape Analysis in Proceedings of Conference on Human Factors in Computing Systems (CHI 2002), pp. 355-362 2002 [4],,, 3 ActiveCube, Vol. 42, No. 6, pp. 1338-1347 2001 [5] Nelson, Ichimura, Adams, Pedersen Palette: A Paper Interface for Giving Presentations Proc. ACM Conference on Computer Human Interaction 99 (CHI 99), pp.354-361 1999 [6] Graham,J., Hull,J ICandy: a tangible user interface for itunes Extended abstracts of CHI2008, pp 2343-2348 2008 [7] Sriram Subramanian,Dzimitry Aliakseyeu,Andres Lucero Multi-layer interaction for digital tables Symposium on User Interface Software and Technology, Proceedings of the 19th annual ACM symposium on User interface software and technology, pp. 269-272, 2006 [8] Chi-Wing Fu, Jiazhi Xia, and Ying He LayerPaint: A Multi-Layer Interactive 3D Painting Interface ACM Conference on Human Factors in Computing Systems (CHI 2010) full paper, pp. 811-820, 2010 [9] 3D 5 22(5):pp. 9-12 2008 [10] WATARI Vol. 15, No. 2, pp. 191-201 2010 27
[11] David Holman, Roel Vertegaal, Mark Altosaar, Nikolaus F. Troje, Derek Johns Paper windows: interaction techniques for digital paper ACM Conference on Human Factors in Computing Systems CHI 2005,pp591-599 2005 [12] TUIO http://www.tuio.org/ [13] M. Kaltenbrunner, T. Bovermann, R. Bencina, and E.Costanza TUIO - A Protocol for Table Based Tangible User Interfaces, in GW 05: Proceedings of the 6th International Workshop on Gesture in Human- Computer Interaction and Simulation, 2005 [14] reactivision http://reactivision.sourceforge.net/ [15] Jorda, S On Stage: the Reactable and other Musical Tangibles go Real International Journal of Arts and Technology. vol 1 No.3/4 268-287 2008 [16] openframeworks http://www.openframeworks.cc/ [17] H. Vogt Efficient Object Identification with Passive RFID Tags Proceedings of International Conference on Pervasive Computing, Aug. 2002. 28