rand-d.comRand様のコーポレートサイトが公開されました。僕はWebGLアニメーションの実装と、一部フロントエンドの実装を担当しました。 ぜひご覧ください。

www.tribalmedia.co.jpトライバルメディアハウス様のコーポレートサイトがリニューアルされました。僕は背景のWebGLアニメーションを担当しております。 ぜひご覧ください。

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

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

テーマはライト サンプルファイルはこちら↓↓ github.com three.jsでいうとPointLightやDirectionalLight 光らせる、影をつけるイメージだけど色の設定や動かし方で面白くなる気がする いくつかやってみた所感、PointLightが扱いやすそうdecay(精細さ？細かさ…

FlicFit様が各店舗で展開されているプロダクトの、 専用iPadアプリのモーション部分の実装を担当しております。描画、モーションの実装にはWebGLを使用して開発しました。お立ち寄りの際はぜひご利用ください。⁢

www.kitamura1923.comまくらのキタムラ様の英語サイトが公開されました。 僕はフロント実装全般を担当しております。ファーストビューのWebGLを使った表現やwebサイトの世界観に合わせた細かいモーションなど、丁寧に実装していきました。ぜひPCとスマホ両端…