遊んで学べる「Experiments with Google」(第34回)

Webブラウザ上で“紙細工” 折ったり切ったり本格派 「飛び出す絵本」風に作った仕上がりは?(2/3 ページ)

複雑な紙細工も可能 どうやって加工する?

 続いて、Edit Modeを操作してみる。画面左側にある「New」をクリックして紙細工を新たに作成しよう。

photo 「New」ボタンで新規作成できる

 Edit Modeでは、マウスポインタが編集用グリッド内にあるか外にあるかによって、機能が変わるので要注意だ。例えば、グリッド外の左ドラッグはDisplay Modeと同じく視点移動だが、グリッド内の左ドラッグは図形指定の操作になる。

 中央ホイールのスクロールは、グリッド位置を前後に動かす操作だ。グリッドの位置を変えながら切り取る図形を指定することで、何層もの複雑な紙細工を作れる。

photo 中央ホールを操作してグリッド位置を変更する

 グリッドの「目」の細かさは、制御メニューの「Grid Number」で調整する。作りたい図形の形に合わせて、その都度ちょうど良いサイズに変えながら描画していくといい。紙を開く角度は、制御メニューの「Card Angle」で変えられる。

photo グリッドの細かさを調整
Edit Modeの基本操作

Webブラウザ上で折って切って工作しよう

 それでは、実際に紙細工を作ろう。基本的にはグリッド上で左クリックを繰り返して図形の輪郭を描き、それを折ったり、切ったりする操作を続けて目的の紙細工に近づけていく。

 図形を右クリックしたときの動作は、グリッドの右にある「faces」「hole」「pull」によって異なる。facesとpullは図形の輪郭を切り出して起こすのだが、faceは図形上部が台紙から切り離されないのに対し、pullは図形の上部が完全に切り離される。画像で説明すると分かりやすいだろうか。

photo facesの動き
photo pullの動き(右)
photo 斜めから見るとfacesとpullの違いが分かりやすい。左がfaces、右がpull

 そしてholeは、図形の表面に指定した形状の穴を開けられる。こちらも画像で説明しよう。

photo facesで作った図形の表面に穴を開けた様子
photo pullで作った図形の表面に穴を開けた様子
photo 斜めから見るとこんな状態

 文章だと分かりにくいが、百聞は一見にしかずなので以下の動画で動作の違いを確認してほしい。

この操作を繰り返して複雑なデザインを作る
印刷する
SNSでシェア
SpecialPR

遊んで学べる「Experiments with Google」

AIやVRなど最新技術の実験的な応用例を紹介するGoogleのショーケース「Experiments with Google」を実際に試して遊んでレポートする。専門知識がない人でも楽しくIT技術の魅力に気付き、その可能性を学んでいけるようキュレーションする。

この連載の記事をもっと見る

この記事の著者

佐藤信彦
佐藤信彦

佐藤信彦がアイティメディアで執筆した記事一覧です。

関連記事

こんなメディアも見られています

ITmedia NEWSに関連する情報をお探しであれば、こちらのメディアもお役に立てるかもしれません。

メールマガジンを配信中
メールマガジンを配信中

国内外の業界動向、AIやクラウドなどの最新技術、キャリア情報など今知りたい情報をまとめてお届けします。

いますぐご登録

本日の新着記事

アクセスランキング

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10

ITmedia NEWS SNS

X @itmedia_newsをフォロー

インフォメーション

ITmediaNEWSをフォロー

あなたにおすすめの記事PR