
ACTL
ドバイの会員制テニスリーグ。作り込んだテニスコートの3Dシーンそのものを、リーグ紹介の舞台に使い切っている。
- サイトURL
- https://actl.me/
- クレジット
- Kryptoninc
- 使用技術
- Three.jsWebGLGSAPサウンドスクロール連動
ACTL はドバイの会員制テニスリーグです。ランディングページは、リーグの説明・トーナメント・ランキングといった情報を、実寸感のあるテニスコートの3Dシーン1つの上に載せて順に見せていきます。アプリのダウンロード導線もこのシーンの中に置かれています。制作は Kryptoninc。
Awwwards のタグは 3D / WebGL / Three.js / GSAP に加えて Sound-Audio と Scrolling が付いており、スクロールに合わせてカメラがコート上を移動しながらセクションが切り替わる作りです。コート面のライン、ネット、周囲の環境まで含めた1つのシーンを、写真ではなく3Dで持っていることがこのサイトの中心になっています。
【参考になるポイント】
・スポーツリーグのサイトが実際の競技場を3Dで持つと、大会日程やランキングといった無味乾燥な情報にも自然な置き場所ができる、という構成の例
・返ってくるHTMLはほぼ空で、コンテンツはJS側から差し込まれる。WebFetch で取れるテキストは meta description 程度しかない
・og:image も twitter:image も設定されていないため、本CMSのサムネイルは Awwwards の投稿画像を使用している
・※シェーダやモデル形式(.glb 等)の具体は未確認。技術構成は Awwwards のタグ表記が根拠
・※Awwwards は2026年8月5日時点で Nominee
