BeepleのVJクリップをWebGLで再現した『DIGITAL LANDSCAPES』とクリエイティブスタジオ『Little Workshop』紹介

UZUREA編集部 アイコン

UZUREA編集部

/ 更新:

当記事の内容および記事中のリンクには、広告目的や当サイトが収益を得るためのものが含まれており、これらの収益によってuzurea.netは運営されています。

フランス、パリにあるデジタル・クリエイター・スタジオ『Little Workshop』はWebGL、Three.jsなどを用いた、Web用3Dコンテンツ制作を得意とする会社です。

今回は同スタジオによる、特に、モーショングラフィックやクラブVJなどに関わる人達にとって創作意欲を刺激しそうな作品をご紹介いたします。

Beepleとのコラボレーション『DIGITAL LANDSCAPES』

『DIGITAL LANDSCAPES(デジタル・ランドスケープ)』は、WebGLThree.jsを用いて作られた実験作品。

アメリカ サウスカロライナ州のクリエイター『Beeple(ビープル)=Mike Winkelmann(マイク・ウィンケルマン)』によるVJクリップを元に、最新のweb技術で再現しています。

『DIGITAL LANDSCAPES』
https://landscapes.littleworkshop.fr/

Beepleの映像を高いレベルで再現しつつも、web上のコンテンツとしてマウス操作に反応し、ある程度のカメラ操作を行えるように作られています。

街並みを連想させる立体物と、その街並みを高速で走り抜ける光が印象的なBitsweep。

#01 – Based on Bitsweep by Beeple

ノスタルジックな、ワイヤーフレーム状の山々を走り抜ける様なPotus 3012。

#02 – Based on Potus 3012 by Beeple

雪の降るゼブラ模様の幾何学的な山脈を俯瞰していくMoytains。

#03 – Based on Moytains by Beeple

ワイヤーフレーム状の崖?を進んでいくYellowbrick。

#04 – Based on Yellowbrick by Beeple

いずれもオリジナル作品の目を引く効果をほぼ完ぺきに再現しています。

前述したように、オリジナル作品の制作者Beepleの手法はCinema4DやAfftereffectsなどによって制作された後、レンダリングされた動画作品ですが、これをweb技術によってインタラクティブコンテンツに落とし込む、というLittle Workshopの技術力も確かなものでしょう。

参考 Beepleによるオリジナル作品

尚、Beepleの作品は、その多くがweb上からクリエイティブ・コモンズの元、商用・非商用問わずダウンロード、利用が可能という形で提供されています。

国内のVJ達にも多く愛用されている同氏の作品は、クラブに足しげく通う人であれば小箱・大箱問わず、その映像を見た事のある人は多いのではないでしょうか。

BeepleのVJ Loop作品一覧はこちら

音楽と映像の融合作品『TRACK』

DIGITAL LANDSCAPESによる作品をもうひとつ、音楽と映像の融合作品『TRACK』もご紹介しておきましょう。

『TRACK』https://demos.littleworkshop.fr/track

こちらもWebGL / Three.jsによって作られた実験プロジェクトで、ミュージック・トラックにあわせて、抽象的な空間を1人称視点で進んでいく……Digital Tunnel(デジタル・トンネル)などと呼ばれるような作品です。

さらにマウスで上下左右を眺めながらVR対応の端末であれば、VRモードでの閲覧も可能。

アクセスし、『START』を押すと音楽が流れ始め……
ミュージックトラックに合わせて光が変化するトンネル状の空間を進んでいきます。
区画毎のゲートを越えると、それぞれ違った空間が描画されていきます。
それぞれの空間は、BGMに合わせて描画するようにつくられているそうです
シンプルなグラフィックながら、高い創造性を感じる作品

この作品の為にアメリカのエレクトロ・レーベル『Makeup and Vanity Set』のトラック『Implant』を採用し、ビジュアルとビジュアルエフェクトをトラックと同期させています。

個人的に大好きなSEGAのゲーム『Rez』を彷彿とさせるようで、デジタル空間を浮遊する感覚が心地よく、暫くリピートが止まりませんでした。

まとめ 各種リンク

『Little Workshop』の高いクリエイティビティと、WebGL、Three.jsの可能性を感じるwebインタラクティブ作品を2件ご紹介しました。

同社のwebサイトではこの他にも多くの作品が公開されています。

当記事で紹介したコンテンツに関連するリンクなども下に記載いたしますので、webクリエイティブや、VJ、グラフィックデザイン、モーショングラフィックなど、関連するデザイナーやクリエイターの方は、是非一度訪れてみてください。

この記事をシェアする

この記事のタイトルとアドレスをコピー

この記事を気に入ったらハートマークで応援してください

この記事の執筆は……

UZUREA編集部 アイコン

UZUREA編集部

UZUREA.NET 編集部アカウント。 webデザイン会社altstackのメンバー、及び契約ライターによる匿名寄稿を含みます。

関連する記事

ジブリパーク新エリア『魔女の谷』 施設・カフェメニューなど詳細&写真と、宮崎吾朗監督のコメントも

ジブリパーク新エリア『魔女の谷』 施設・カフェメニューなど詳細&写真と、宮崎吾朗監督のコメントも

Yahoo!フリマ 出品手数料が無料に 販売価格5,000円以下の商品が対象 3月31日まで

Yahoo!フリマ 出品手数料が無料に 販売価格5,000円以下の商品が対象 3月31日まで

『令和6年能登半島地震』へ支援・募金ができるWebサービス・Webサイト まとめ

『令和6年能登半島地震』へ支援・募金ができるWebサービス・Webサイト まとめ

Amazon 2024年『福袋』注文受付中 コスメ、食品、家電、ベビー&マタニティ用品などのおすすめ商品をチェック!

Amazon 2024年『福袋』注文受付中 コスメ、食品、家電、ベビー&マタニティ用品などのおすすめ商品をチェック!

Yahoo!タグマネージャー(YTM)が2024年6月30日をもってサービス提供終了

Yahoo!タグマネージャー(YTM)が2024年6月30日をもってサービス提供終了

2023年Amazonプライムデー 最大70%OFFKindle本キャンペーン『翔泳社』対象作品一覧

2023年Amazonプライムデー 最大70%OFFKindle本キャンペーン『翔泳社』対象作品一覧

Amazon Kindle『翔泳社ゴールデンウイークセール』開催 2023年5月12日(金)まで 対象書籍一覧も掲載

Amazon Kindle『翔泳社ゴールデンウイークセール』開催 2023年5月12日(金)まで 対象書籍一覧も掲載

2023年冬アニメ新作76作品一覧  放送日、公式&配信サイトリンク まとめ

2023年冬アニメ新作76作品一覧 放送日、公式&配信サイトリンク まとめ

2022年秋アニメ新作65作品一覧  放送日、配信先、公式サイトリンク付 番組表人気ランキングを掲載

2022年秋アニメ新作65作品一覧 放送日、配信先、公式サイトリンク付 番組表人気ランキングを掲載

2022年夏アニメまとめ VOD配信リンク付番組表 新作は57作品 人気投票も開催中

2022年夏アニメまとめ VOD配信リンク付番組表 新作は57作品 人気投票も開催中

Yahoo! JAPANが2022年4月6日以降 欧州(EEA)/イギリスからのサービス利用を遮断

Yahoo! JAPANが2022年4月6日以降 欧州(EEA)/イギリスからのサービス利用を遮断

舞台ヒプノシスマイク『ヒプステ track.1』が日テレプラスにて 7月19日にテレビ初放送

舞台ヒプノシスマイク『ヒプステ track.1』が日テレプラスにて 7月19日にテレビ初放送


page top