【Three.js】写真の中にラインを侵入させる
「分かるようになる」という事は「ビックリしなくなる」という事。少し寂しいわ…。 はじめに だまし絵とかトリックアート的なものを作ってみたいと思っていたら、こんなものができました。 できたもの お分かり ...
【Three.js】彗星みたいなものを作る
キレイだわぁ。 はじめに 前回作ったパーティクルに動きをつけて、粒子をまき散らしながら移動する彗星のようなものを作っていきたいと思います。 レール(彗星の通り道)を作る関数 //*********** ...
【Three.js】パーティクルを作る
作ったものは小出しにしていく事にしました。全部まとめて書こうとすると雑になるから。 パーティクルとは 細かい粒子のこと。これを大量に作れば星空とかを表現することができます。 今さら感はありますが、良い ...
【Three.js】カメラの移動について学びました
あまり理解してない はじめに カメラを制する者は、3Dで作ったなんか色々なものを制す語呂が悪い さっき思いついたヤツなんですけどね。でもそう思います。何かが動いているだけでも面白いのに、その上カメラま ...
【JavaScript】自前のクラスを作ってみました
今さら…。 はじめに Three.jsで地球とその周りをぐるぐるする雲を作りました。これです(動画)↓。 で、雲は全部で24個あるんですけどね。最初こんな感じで書いてました↓。 const cloud ...
【Three.js】地形データを使ってみる
逆に富士山が特異な形なのね はじめに 座標データさえあればなんでも表示できるんじゃない?って思ったんですよね。 なんかないかなぁって考えてたら「地形のデータはどこかにあるんじゃない?」って。ネットで探 ...
【Three.js】線の描き方
めざましテレビのオープニングを見て思いついたというウワサ はじめに 線を自由自在に操れる男になりたい。最近そんな事を考えています。 線1本だけだと、たいしたモノは作れないかもしれないけど、何本も組み合 ...
【Three.js】背景色を徐々に変化させる
できた時すごく嬉しかった はじめに クリックしたら背景色が変わるヤツを作ります。最初は白だけど、じわじわと黄色になるようにしたいと思います。 背景色の設定方法 webGLRenderer = new ...
【Three.js】パーリンノイズでカーテンを作る
オーロラ はじめに 線を描いてオシャレなものを作りたい。というワケで手始めにカーテンを作ってみようと思います。 作るにあたってこちらの記事を参考にさせていただきました。参考というか、ほぼそのまま。とて ...
【Three.js】ベクトルとかについて調べました
で?なんなの? 作りたいもの こういうのが作りたいです↓。 カメラとかカメラで映すものとか。色々なものを好きな位置に動かせるようにならないと、作りたいものも作れないなぁと思いました。そんなワケで練習が ...