第12回 インタラ会 資料

テーマはゆらゆら


サンプルファイルはこちら↓↓ github.com

シェーダーを使ったゆらゆらエフェクト

  • お手軽なうえに低負荷で使用頻度は高い
  • 絵自体をずらすのももちらん、色もずらして着色したりもできる
  • 基本的にはsinやcosを使うけどtanとか使うと思いもよらない絵になったりする
  • いろんな応用ができる

デモいくつか

https://ikeryou.github.io/intr12/1/
https://ikeryou.github.io/intr12/2/
https://ikeryou.github.io/intr12/3/

第11回 インタラ会 資料

テーマはライト


サンプルファイルはこちら↓↓ github.com

three.jsでいうとPointLightやDirectionalLight

  • 光らせる、影をつけるイメージだけど色の設定や動かし方で面白くなる気がする
  • いくつかやってみた所感、PointLightが扱いやすそうdecay(精細さ?細かさ?)いじると見た目ががらっと変わる

デモいくつか

http://ikeryou.jp/intr/12/

https://ikeryou.github.io/intr11/1/

【仕事】+Ring

ringer.tokyo

+Ringのwebサイトがリニューアルされました。
僕はフロント実装全般を担当しております。
TOPのダイナミックなスクロール演出はWebGLで実装しています。
ぜひPCとスマホ両端末でご覧ください。