ブログ

【PixiJS】実務で使えるカスタムシェーダー。画像が映える表現手法

Webサイトの記事一覧や実績ギャラリーなどに並ぶサムネイル画像。よくある画像拡大や不透明度の変化だけでも十分で...

HTMLのテキストやボタンと連動！PixiJSでWebサイトの背景をすいすい動かす

Webサイトの背景にCanvasアニメーションを敷く際、ただ背景がループ再生されているだけでは「単なる動画」と...

WordPressの後継を名乗る「EmDash」、実際どうなの？触って確かめてみた

「WordPressの精神的後継」なんて名乗るCMSが出てきたと聞いたら、さすがに気になりますよね。しかも作っ...

Three.jsをはじめよう。これからの3D制作とまとめ【第8回】

全8回にわたってお届けしてきた「Three.jsをはじめよう」の連載も、ついに今回が最終回です。真っ暗な画面に...

Three.jsをはじめよう。星空や雪のような幻想的な演出【第7回】

ここまでに、立方体や外部から読み込んだモデルなど、「実体のあるもの」を扱ってきました。前回はクリック判定を.....

Three.jsをはじめよう。画面上のオブジェクトに触れる【第6回】

前回、ついに外部の3Dモデルを画面に登場させることに成功しました。でも、モデルがただそこにあるだけでは、少し....

Three.jsをはじめよう。GLTFLoaderによる外部モデルの読み込み【第5回】

これまで私たちは、Three.jsの中で立方体や球体といった「基本図形」を組み合わせて学んできました。しかし、...

Three.jsをはじめよう。深みとドラマを与えるライティング技術【第4回】

3Dに「命」を吹き込むのは光と影の仕事です。連載第4回では、Three.jsにおける4種類の主要なライトの使い...

Three.jsをはじめよう。マテリアルとテクスチャでリアルに【第3回】

前回は作成した立方体をマウスで自由に動かす事ができました。しかし、画面の中にあるのはまだ、無機質な「緑色の.....

Three.jsをはじめよう。カメラワークとレスポンシブ対応【第2回】

前回、Three.jsの「3大要素（Scene, Camera, Renderer）」を学び、真っ暗な空間に緑...

Three.jsをはじめよう。3D空間の基礎【第1回】

スマートフォンの普及とブラウザ性能の向上により、WEBサイトは「静的な情報の羅列」から「動的で立体的な体験」へ...

企業サイトに入れたいWordPressプラグイン5選

WordPressは、その柔軟性と拡張性の高さから、現在、世界中の企業サイトで最も採用されているCMS（コンテ...