Three.js

はじめに

前回の続きになります。

前回は、内壁に風景画像を貼り付けた立方体を作って、カメラを設置するところまでやりました。今回は、球体を作ってその表面に周囲の風景を映り込ませてみます。

できた

デモサイトはこちら。 ...

スゴクオモシロイヨ

環境マッピングとは

3D空間内の物体の表面に周囲の風景を”擬似的に”映り込ませる技術です。

擬似的じゃなくて本気のヤツはレイトレーシング（光線追跡法）というカッコイイ名 ...

目、目が……。

はじめに

PL学園の応援席みたいな。人文字みたいな。そんなものを作りたいと思いました。

できた

デモサイトはこちら。

だ、だいじょうぶ？

パネルの作成/***** パネル **** ...

学生時代のツケ

はじめに

前回はTweenを使ってオブジェクトを整列させてみました。今回はオブジェクトを球状に並べます。three.jsの公式サイトを参考にさせてもらいました。

↓こちらが完成したものです。

カッコいい！！

はじめに

ツイーンでもなく、ツウィーンでもなく、トゥウィーンでもなく、トゥイーンだそうです。

Tween.jsというJavaScriptのライブラリがあります。これを使うとプロパティの変化を簡単に ...

すべてはこの時のために。

はじめに

はい。ついに来ました。この時が。

コレやりたくてJavaScriptの勉強していたと言ってもいいぐらいコレやりたくて。

やりたかったのがコレ

デモサイトはこちら。

よくできました。

はじめに

Three.jsでブラウザ上に3D空間を映し出します。大きな画面で見るとこんな感じ。

でもスマホみたいな縦長の画面にすると横がはみ出てしまいます。

ほら。僕らの宇宙船地球号 ...

いい！

はじめに

3D空間上の物体に画像を貼り付けてみます。ついでに、前回サラッと流してしまったThree.jsの基本的なところの解説も。

できあがり

デモサイトはこちら。

暗闇に浮かぶ美女の顔…。スポ ...

こりゃハマる

はじめに

奥行きのあるwebサイト作りたいなぁと思いながら勉強してたんですけど、見つけてしまいました。Three.jsを。

Three.jsとは

ブラウザ上で3D表現をするための「WebGL」というも ...