LogoMark.png

猪本結衣/情報デザイン研究II

Peep(仮)

Java Scriptによるアニメーションの実装


mainV.png










Overview


Introduction

のんびり眺めるだけのサイト
*Peep…覗き見る

Background and Purpose

絵を描くのが好きでアニメーションを作る技術も多少あるので、何か活用できないかと考えた。
「ただ眺めるだけのサイト」はあまり見ない気がしたので作成してみたいと思いこのプロジェクトに決定。
訪れた方の暇つぶしになるサイトを作ることが目的。

Concept

Output

Tools

Term

2020.9.16 〜



Survey

Precedent

眺めることを目的にしたサイトを調べたところ、実際に撮影された動画を眺めるというものがほとんどでアニメーションはあまり見受けられなかった。

Technique / Technology

参考にしたサイトにてCreateJSが使われていたため勉強。
行き詰まり相談したところ別の方法を勧められたためそちらも試し、結果次第ではCreateJSがボツになる可能性あり。

Project Management

Schedule


ToDo


worklog




2020.10.20

歩くモーションの組み込み

先日作成した歩くアニメーションをサイト上で動くよう作成。
キーボードの十字キーで動くが実物は自動で動かすため要勉強。

2020.10.17

歩くモーションの作成

ひとまず線画のみで歩くアニメーションを作成。
後日様子を見ながら色をつけていく予定。
作成物

2020.10.13

bg2.png

背景の描き込み

2020.10.11

chara.png

キャラクターの作成

2020.10.10

bg1.png

背景画像の作成

2020.10.9

参考サイトの収集

2020.10,7

rough.png

面談

2020.10.6

タイトル等の設定

2020.10.3

JavaScriptの勉強

2020.9.29

試作のアップロード・CreateJSの勉強(コマアニメーション)

2020.9.27

作りたいもののイメージ

2020.9.26

CreateJSの勉強(画像の導入・アニメーション)

2020.9.25

CreateJSの勉強(導入〜簡単な動作)

2020.9.23

面談

2020.9.22

資料集め・アイデア出し





PAGES

GUIDE

添付ファイル: filemainV.png 11件 [詳細] filechara.png 23件 [詳細] filebg2.png 28件 [詳細] filebg1.png 12件 [詳細] filerough.png 21件 [詳細]
Last-modified: 2020-10-21 (水) 10:43:08