EXP. 01
予約カレンダー(月間・複数拠点×スタッフ)
拠点・スタッフ・時間帯が入り組んだ月間カレンダー。枠をタップすると予約希望のLINE文面プレビューが開きます。
WEB MOTION ARCHIVE
これまでの制作で生まれた動きや、これから試したい表現を、ひとつずつ触れられる形で集めています。
「こんな雰囲気にしたい」を言葉だけで説明しにくいとき、相談の見本としてお使いください。
15 EXPERIMENTS / AND GROWING
Experiments
写真・文字・スクロール。気になるカードを開いて、動きを体験できます。
EXP. 01
拠点・スタッフ・時間帯が入り組んだ月間カレンダー。枠をタップすると予約希望のLINE文面プレビューが開きます。
EXP. 02
小さな点は指先のようにぴったり追従し、外側のリングは少し遅れてついてくる。要素にホバーするとリングが吸い付くように広がります。
EXP. 03
夜の森に、左上から光の筋がゆっくり現れます。光が地面へ届くのに合わせて、写真全体が朝の明るさへ変わります。
EXP. 04
同心円の波紋が静かに広がって消え、気泡がゆっくり立ちのぼる。画像や動画を使わず、CSSだけで水面の気配をつくります。
EXP. 05
写真が奥行きを持って並び、左右に送ると中央のカードが入れ替わる。ドットやキーボードの矢印キーでも操作できます。
EXP. 06
小さな星がまばたきするように光り、時おり流れ星が斜めに駆け抜けます。画像に頼らない軽量な背景演出です。
EXP. 07
スクロールに合わせて、カードが下から迫り上がるように積み重なっていく。読み進める行為そのものを演出にする手法です。
EXP. 08
写真が横へ流れ続けるギャラリー。カーソルを乗せると止まり、写真がふわっと拡大します。
EXP. 09
スクロールに合わせて1本の線が画面をくねくねと降りていく。太さはスライダーで調整可能。おまけで、カーソルに追従する糸も収録。
EXP. 10
スクロールに合わせて、写真が粒子になって散らばり、また組み上がる。逆にスクロールすれば逆再生も自在です。
EXP. 11
スクロールとマウスの両方に反応する奥行き表現。層ごとの速度差と、丸い窓の中に見える別の層が立体感をつくります。
EXP. 12
写真の上をカーソルでなでると、水面のように液体感で歪む。ハイエンドなギャラリーサイトの定番演出です。
EXP. 13
数千の粒が集まって文字になり、しばらくすると次の文字へ組み変わる。カーソルを近づけると粒が散らばります。
EXP. 14
すりガラスの奥で、グラデーションのかたまりがゆっくり流れる。ぼかしの強さはスライダーでその場で調整できます。
EXP. 15
ほたる・ながれ・ゆき・はなび。同じ粒でもルールを変えるだけで、まったく違う世界になります。ボタンで切り替えられます。