# data[].attributes.headline
フェルトでマスコットをつくろう！

# data[].attributes.subject
フェルトでマスコットをつくろう！

# data[].attributes.body
自分で作った人形でアニメーションを作ってみよう！

# data[].attributes.headline
たくさんのキャラクターを使うとうまくいかない

# data[].attributes.subject
たくさんのキャラクターを使うとうまくいかない

# data[].attributes.attachment_link.readable_text
ムービーが発明される以前にも、映像を投えいしてたくさんの人が楽しむ技術がありました。それが影絵（かげえ）や幻灯（げんとう）（写し絵とも言います）です。
影絵（かげえ）は、光源からスクリーンに強い光を投射し、その間に紙や木の板、薄い（うすい）金属などの材料で作った光を通さない人形を入れて動かす...というものです。単純な影（かげ）だけのものから、人形に色ガラスをはめ込んだ影絵（かげえ）もあり、中でもマレーシアやインドネシアなど東南アジアの伝承芸能として伝わっている影絵（かげえ）は、たいへん精巧（せいこう）で美しい影絵（かげえ）として知られています。

また、幻灯（げんとう）は、光を通すインクでガラス板に絵をかき、これをスクリーンにつぎつぎと映して、紙芝居（かみしばい）のように物語を伝えるものです。日本でも昭和の初期まで、家庭でも使える幻灯（げんとう）機が作られていました。

影絵（かげえ）は動きが表現できますが、そのつど、人形を動かして演じる必要があり、この点で演劇に近いものです。また幻灯（げんとう）は、投えいする絵さえあればいつでもどこでも上映できますが、動きを表現することはできません。むしろ写真に近いものといえます。どこでも、また、いつでも楽しめる「動く映像」は、多くの人が求めていました。

1824年

<ピーター・マーク・ロジェ>
ロンドン大学で生理学を研究。
人間の視覚に残像が起こることを確かめる。
頭の中に届いた映像のイメージは、次の映像がやって来るまでの間は保存され、次の映像が重なることで動きを感じとれることも発見。ここからムービーの開発が始まる。

1825年

<イギリスの医師　ジョン・A・パリス>
<W・フィトン>
残像を利用したソーマトロープという玩具（がんぐ）を発明。 円盤（えんばん）の表と裏に2種類の絵（例えば「鳥」と「鳥カゴ」など）がかかれており、左右についたひもを使って回転させることで、2つの絵が重なったひとつの絵に見えるというもの。

たいへん単純な道具ですが、これが現代までつながるムービーの原点といわれています。

東南アジアの民族影絵（かげえ）とその人形

幻灯機（げんとうき）と影絵（かげえ）

ソーマトロープ

# data[].attributes.attachment_link.title
ムービーの歴史をみてみよう | キヤノンサイエンスラボ・キッズ | キヤノングローバル

# data[].attributes.attachment_link.description
ムービーが発明される以前にも、映像を投えいしてたくさんの人が楽しむ技術がありました。それが影絵（かげえ）や幻灯（げんとう）（写し絵とも言います）です。 ...

# data[].attributes.body
スリットアニメをつくってみよう

# data[].attributes.attachment_link.readable_text
マウスカーソルを画像の上にのせると何がみえるかな？
（スマートフォンやタブレットで見ているときは画像をタッチしてみてね。
止めるときはマウスカーソルを外すか、画像の外側をタッチしてね。）

はじめに

人間の脳は、見えてる部分から隠れたところを想像して、映像を完成させることを自然にやっています。 たとえば、下の絵では木の奥に何かが見えます。何が見えるでしょうか。

木の奥に何が見えるかな？まずはそのまま見てみよう。
その後、マウスカーソルを画像の上にのせて木をどかしてみよう。
（スマートフォンやタブレットで見ているときは画像をタッチしてみてね。
止めるときはマウスカーソルを外すか、画像の外側をタッチしてね。）

木をどかさなくても、木の奥に散歩をしている人が見えましたか？

この能力を利用して、１枚の絵にスリットを重ねることで動くように見せるのがスリットアニメ（スキャニメーションともいいます）です。

この工作では、もとになる絵と、それに合わせるスリットフィルムの原稿ファイルを用意しました。
くるくる回すと、絵が動く「スリットアニメ・ペン立て」を作ってみましょう！

自分でオリジナルアニメを作りたいひとのために、（難しいけど）作り方と注意点も最後に載せておきますね。

つくってみよう！

準備するもの

ダウンロードデータ

作り方

プリントした台紙から型紙をていねいに切り抜いて、説明をよく見ながら、じっくり作ってみましょう！
スムーズに動くようにするためには、正確に切り抜いて、動きを確かめながら正確に貼りつけることが大切です。

①青い線で、ていねいに切り抜こう。

②赤い線にあわせて、つつを作ろう。

③切れ目を入れて、プラカップを切り離そう。

切れ目を入れるときカッターで指を切らないように！
切れ目が入ったらはさみで切れるよ。切り離せたらカップのふちのほうを使います。
★小さい子は、おとなにやってもらおう♪

④紙のつつをプラカップにかぶせて、内側をテープで貼りつけよう。

⑤シマシマの透明フィルムを、つつの上に巻きつけよう。

テープで貼りつけるとき、つつに貼りつかないように注意！つつとフィルムはべつべつに回るようにします。

⑥もうひとつのプラカップをつつの中に入れて、透明フィルムにテープで貼りつけよう。

⑦完成！

上と下のプラカップのふちをもって、ゆっくり回してみよう。絵が動くよ。

遊んでみよう

左右の手で、内側のコップ（上のふち）と外側のコップ（下のふち）を持って、外側のコップだけをゆっくりと回してみましょう。
最初のアニメーションみたいにうまく動いたかな？逆に回しちゃうと、動きが逆回しになっちゃうよ。

付録：オリジナルのスリットアニメの作り方

今回ダウンロード用に用意したランニングガールのスリットアニメは、４コマの動画が繰り返して動くように１枚の絵にまとめたものです。
キャラクターを黒ぬりのシルエットにしてるのは、たとえば右手と左手、右足と左足の動きを、１つの絵にできるので、４コマで８コマ分の動きを作れるからです。

スリットは、3mm幅の黒線が、1mmずつ空けて並んでいるので、透明のところだけ下の画像が見えます。 人間の目と脳は、見えてるところから見えない部分まで想像してくれるので、なんとなく下の絵がわかります。

スリットが1mmずれるごとに別の絵が見えるように、下の絵を並べます。作るのはとても難しいですが、簡単に言っちゃうと、このスリットを使うには、４コマで繰り返す絵（4枚）を用意して、1mmの細い縦割りにして並べ直していきます。
１コマ目は、1mmごとに縦割りした１番目・5番目・９番目・・・、
２コマ目を使うのは、2番目・6番目・10番目・・・、
３コマ目を使うのは、3番目・7番目・12番目・・・、
４コマ目を使うのは4番目・8番目・13番目・・・、
という感じで組み合わせると、スリットごしに動いて見える絵ができます。これはパソコンで作りましたが、 パソコンがないと絶対できないわけじゃありません。

試しにやってみたい場合は、1mmの方眼紙を使うと良いと思います。根気強く（慎重に）方眼紙の1mmマスを塗りつぶしていけばいいんです！
なるべく単純な絵（4コマ目の次が１コマ目にもどることが大切）を４枚の方眼紙に描いて、それを見ながら、新しい方眼紙に、 さっき説明したように、４コマ分の絵を1枚に割り当てていくんです。

五角形がくるくる回るアニメーションで例を作ってみました。（ごめんなさい。この図はパソコンで作ってます。）
ペン立て工作の台紙にあわせたサイズで作ったので、だいぶスペースが余ってます。
小さくて見にくいと思うので、画像をクリックして大きな画像を表示するか、PDFをダウンロードして見てください。（ PDFをダウンロードする【PDF:111KB】 ）

五角形を描く（まず円を描いて、円周上の点を、円の中心で72度（360÷5）ずつ角度をずらして、５個作って直線でつなぐと、正五角形になるよ。）

正五角形は72度回転すると同じ形になるので、5コマ目が1コマ目と同じになるようにするには、１辺分の角度を5で割って（72÷5）14.4度ずつずらした形（1コマ目と５コマ目の間の3コマ）を作る。（横の図の、グレーの五角形）

4コマ分（５コマ目は１コマ目と一緒だから）の図形を１枚にまとめるために、どこをうつすかがわかるようにタテ線を入れてみる。
1コマ目は、3mmおきに1mm幅の線。２コマ目は１コマ目を右に１mmずらした線。３コマ目はもう1mmずらした線。４コマ目はもう1mmずらした線。（図の、グレーの縦シマシマ）

１コマ目・２コマ目・3コマ目・4コマ目、それぞれのグレーシマシマとグレー五角形の重なり（図では黒）が、そのコマの使う部分なので、間違わないように慎重に、別の方眼紙にあわせていく。

4コマ分を1枚にうつしたのが、下の図。

なんだかとげとげの不思議な絵ができたね
PDFでダウンロードしてみる【PDF:459KB】

この図を、スリットに重ねて、スリットをずらしてみましょう。

# data[].attributes.attachment_link.title
産総研サイエンスタウン：スリットアニメのペン立てをつくろう！

# data[].attributes.attachment_link.description
人間の脳は、見えてる部分から隠れたところを想像して、映像を完成させることを自然にやっています。 たとえば、下の絵では木の奥に何かが見えます。何が見えるでしょうか。 木をどかさなくても、木の奥に散歩をしている人が見えましたか？ この能力を利用して、１枚の絵にスリットを重ねることで動くように見せるのがスリットアニメ（スキャニメーションともいいます）です。 ...

# data[].attributes.headline
コントローラーをつくってまなぶ

# data[].attributes.subject
コントローラーをつくってまなぶ

# data[].attributes.body
コマ撮り撮影の順番の考え方はプログラミングの考え方にもつながるよ