テーマは「GLSLを使ったマスク表現」 サンプルファイルはこちら↓↓ github.com サンプル１の解説 第13回インタラ会 サンプル1 ２つのシーンを用意する マスク用のシーン↓ ベースとなるシーン↓ 合体↓ マスク用シーンの赤い部分(アルファが0じゃない部分)だけ表…

テーマはゆらゆら サンプルファイルはこちら↓↓ github.com シェーダーを使ったゆらゆらエフェクト お手軽なうえに低負荷で使用頻度は高い 絵自体をずらすのももちらん、色もずらして着色したりもできる 基本的にはsinやcosを使うけどtanとか使うと思いもよら…

第９回インタラ会。テーマは「conic-gradient」新しいグラデーション手法conic-gradient()関数を使って色々作る

第８回 インタラ会 資料 ランダム関数を使った動き

第７回インタラ会。テーマは「ひっぱる」

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

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

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

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

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

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