TOP›テクノロジー
TECHNOLOGY見えないものを、
見えないものを、
動かして伝える。
映像の会社が、なぜプロダクトをつくれるのか。その答えを、このページで動かして見せます。すべての演出は、いまあなたの端末の中で計算されています。
SCENE 01 — GLOBAL NETWORK
01 / NuMBerS映像と、Webと、AIを、
映像と、Webと、AIを、
ひとつのチームで。
撮る・編む・つくる・動かす。ふつうは別々の会社に頼む仕事を、同じチームで回しています。だから企画から開発、運用までが途切れません。
NuMBerSについてSCENE 02 — SWIPE MATCHING
02 / NBS動画とスワイプで、
動画とスワイプで、
会社と若者が出会う。
会社の空気が伝わる動画を、スワイプで次々に。地図で近くの会社を探し、AIに相談しながら自分に合う会社を見つけられます。iOSアプリとWeb版で提供しています。
NBSを見るSCENE 03 — VOICE INTERFACE
03 / KATANA話しかけるだけで、
話しかけるだけで、
仕事が進む。
頭脳にはAI（Claude）を使い、声と画面が連動します。資料をつくる、開く、送る、状況を確かめる。「ここ直して」が、そのまま通じる業務AIです。
KATANAを見るSCENE 04 — HUMAN IN THE LOOP
04 / ANODI調べるのはAI。
調べるのはAI。
決めるのは、あなたの頷き。
調べる・比べる・準備するまではAIが担当。お金や人が動く一歩は、必ず人の「うん」で動き出す。AIに任せきりにしない設計です。
ANODIを見るSCENE 05 — MOTION PIPELINE
稚内WAKKANAI 45°24′N 141°40′E
SCENE 06 — GEO ZOOM06 / ORIGIN地図データから、
地図データから、
稚内までズームする。
日本地図の地理データを数万の点に変換し、日本 → 北海道 → 最北端の稚内へ、粒を途切れさせずにカメラを寄せていきます。よろづ屋がはじまった場所です。
よろづ屋を見るUnder the hood
このページの仕組み
- Rendering
- WebGL 2.0（three.js）で、ブラウザの中にリアルタイムで描画
- Shader
- 自社で書いたGLSLシェーダーで、粒ひとつひとつが形から形へモーフィング
- Particles
- 1シーンあたり最大30,000粒の位置をGPUで同時に計算
- Efficiency
- 1つの描画エンジンを全パネルで共有し、画面の外にあるパネルは自動で停止
- Geo
- 日本地図は地理データ（Natural Earth）を点群に変換して使用
- Accessibility
- 端末の「視差効果を減らす」設定では、動かさずに静止画で表示
BUILD WITH US
この技術で、御社のサイトもつくれます。
3D演出・動くLP・アプリまで。ご相談・お見積もりは無料です。