資料をもらう
DUMMY LANDING PAGE

動く背景は、
6KB で足りる。

動画ファイルを置かずに、数式で背景を動かす。読み込み待ちがなく、 どんな画面サイズでも崩れず、色も速さも数字ひとつで変えられます。

SCROLL

背景動画をやめると、
LPは軽く速くなる。

mp4 の背景は 5〜30MB。表示までの待ち時間が発生し、離脱の原因になります。

01

待ち時間ゼロ

読み込むファイルは約6KB。画像1枚より軽く、開いた瞬間から動きます。

02

どの画面でも崩れない

縦長のスマホでも横長のモニターでも、その場で描き直すので端が切れません。

03

あとから直せる

色・速さ・密度は数字ひとつ。動画のような作り直しが要りません。

約 6 KB

背景動画 mp4(5〜30MB)と比べて、およそ 1/1000 の軽さ

配慮も最初から入っています。

見栄えだけでなく、実際に公開して困らないための仕組みを標準で持たせました。

A

スマホでは自動で軽く

画面が小さい端末・非力な端末では点の数を自動で減らし、電池と発熱を抑えます。

B

動きが苦手な人へ

OSで「視差効果を減らす」を選んでいる人には、動かさず1枚絵として見せます。

C

見えない間は止まる

画面外に出た背景や、裏に回ったタブでは計算を停止。無駄に電池を使いません。

貼るのは、2行だけ。

背景にしたい場所へ div を1つ、末尾に script を1つ。それで終わりです。

作品のページへ戻る