波打つシンプルな表現と大きく取られた余白が印象的なイタリアの企業のウェブサイト

超シンプルかつカジュアルに WebGL を利用 今回ご紹介するのは、イタリアの企業のウェブサイトです。 とてもシンプルなデザインに統一されているのですが、様々な要素がアニメーションやフェードを施され、操作するほどに洗練された印象が浮き出してくる、そんなサイトに仕上がっています。 トップページ部分など...

doxas 2017-06-30 13:57:50

まるで泡が弾けるような不思議な感覚……三角ラインで描画する Image Triangulation Demo

徐々におぼろげに浮かび上がってくる 今回ご紹介するのは、他ではあまり見たことのない独特なビジュアルが非常に面白い WebGL のデモコンテンツです。 内容自体はシンプルというか……基本的にはそのロジックの面白さについ見入ってしまうような、そんな内容です。点と、線、そして微妙なグラデーションによって描...

doxas 2017-06-29 14:18:57

いかにも若さを感じさせるド派手でポップな雰囲気が楽しい Mike Wojo さんのポートフォリオサイト

マウスボタン押下で世界が一変! 今回ご紹介するのは、ウェブ開発を中心に活動している Mike Wojo さんのポートフォリオサイトです。 最初の印象から結構派手な演出でぐいぐい来る感じのサイトですが、フォントの書体のおかげもあって非常にポップで楽しげな雰囲気に満ちた、興味深いサイトになっています。 ...

doxas 2017-06-28 14:12:32

流れるように滑らかな transform アニメーションと GLSL シェーダエフェクトが組み合わさった個性的なポートフォリオ

全てが超高次元でまとまった奇跡のようなサイト 今回ご紹介するのは、WebGL 界隈ではその名を目にすることも多い、Du Haihang さんのポートフォリオサイトです。 インタラクション、アニメーション、そしてシェーダによるインタラクティブなエフェクト表現と、あらゆる面で高いレベルを見せつけるとても...

doxas 2017-06-27 14:09:58

深度をテクスチャに焼き込み 2D を疑似 3D 化! Pixi.js を利用した驚きの表現が大迫力のティザーサイト

技あり演出に驚愕! 今回ご紹介するのは、トランスフォーマーの新作映画のティザーサイトです。 非常に面白い演出方法を用いているのが特徴で、とても迫力のある、素晴らしいウェブサイトになっています。全体的な仕上がりも素晴らしいのですが、やはりイントロ部分からトップページ部分の Pixi.js を使った演出...

doxas 2017-06-26 14:07:34

share

follow us in feedly

search

search

monthly

sponsor

social