インタラ会

第7回 インタラ会 資料

テーマは「ひっぱる」 サンプルファイルはこちら↓↓ github.com 1 まずドラッグで普通に追従させる See the Pen intr7 sample1 by ikeryou (@ikeryou) on CodePen. ソースはこちら ・こういうものとしてはアリだが、動きが非現実的っぽすぎて直感的ではない 2…

第6回 インタラ会 資料

第6回のテーマは「ロールオーバー ※PC限定」です。主に複数のボタン要素が隣接してるときの気持ちのいいアニメーションについてです。

第5回 インタラ会 資料

インタラ会とは? ・こちらを参照 ikeryou.hatenablog.com 第5回のテーマ「スクロール連動」 ・サンプルファイルはこちら github.com ・0~1のスクロール進捗率を計算して、それを使ってオブジェクトを動かしていく ・スクロールしたときの気持ち良さがキモ …

第4回 インタラ会 資料

インタラ会とは? ・こちらを参照 ikeryou.hatenablog.com 第4回のテーマ「寄り道する動き」 ・サンプルファイルはこちら github.com ・途中までは地点Aを目指して地点Bへ進む動き // 目標地点A tgA = {x:100, y:100}; // 目標地点B tgB = {x:200, y:200}; …

第3回 インタラ会 資料

インタラ会のおさらい ・インタラクティブコンテンツを作るための小技を共有する ・その小技を使った作品をつくる ・小技の数学的理論の説明はしない。作品を作ることを重視する 第3回のテーマ「ぐるぐるパーティクル」 ・パーティクルをいい感じにぐるぐる…

第2回 インタラ会 資料

インタラ会のおさらい ・インタラクティブコンテンツを作るための小技を共有する ・その小技を使った作品をつくる ・小技の数学的説明はしない。作品を作ることを重視する 第2回のテーマ「反復」 ・動作をいい感じに繰り返す いい感じに繰り返す ・Math.sin…

第1回 インタラ会 資料

第1回インタラクティブ勉強会の資料