【Three.js】線の描き方
めざましテレビのオープニングを見て思いついたというウワサ
はじめに線を自由自在に操れる男になりたい。最近そんな事を考えています。
線1本だけだと、たいしたモノは作れないかもしれないけど、何本も組み合わせてうまく ...
【Three.js】背景色を徐々に変化させる
できた時すごく嬉しかった
はじめにクリックしたら背景色が変わるヤツを作ります。最初は白だけど、じわじわと黄色になるようにしたいと思います。
背景色の設定方法webGLRenderer = new THREE.WebG ...
【Three.js】パーリンノイズでカーテンを作る
オーロラ
はじめに線を描いてオシャレなものを作りたい。というワケで手始めにカーテンを作ってみようと思います。
作るにあたってこちらの記事を参考にさせていただきました。参考というか、ほぼそのまま。とても分かりやす ...
【Three.js】ベクトルとかについて調べました
で?なんなの?
作りたいものこういうのが作りたいです↓。
カメラとかカメラで映すものとか。色々なものを好きな位置に動かせるようにならないと、作りたいものも作れないなぁと思いました。そんなワケで練習がてら作ってみ ...
【Three.js】画面のスクロールに合わせて3D空間の物体を動かす
夜中に考えた文章って良くないよね。
はじめに前回作った球体を動かしてみたいと思います。画面の奥の方でクルクル回る見出しみたいなカンジ。
できたデモサイトはこちら。
これは「おしゃれ」と言わざるを得ま ...
【Three.js】文字が球体の周りをグルグル回るヤツ
USJ行きたいね…マリオのヤツ…
はじめにUSJの地球儀のモニュメント?みたいなのを見て「コレだ!」と思いました。
できたデモサイトはこちら。
これを見出しの代わりとして画面の奥の方でクルクル回して ...
【Three.js】マウスに追従するライト
なかなか良い雰囲気
はじめにマウスの周りだけボンヤリ明るい。みたいなモノを作ってみましょう。
できたデモサイトはこちら。
簡単にできるかなぁと思ったんですけど、意外と手こずりましたね。そこを重点的に ...
【Three.js】3D空間内の単位
コレ大事ヨ
はじめに前回の続きです。前回はポストプロセッシングについて説明しました。
それ以外にも色々と気づいたことがあったので、今回はそれの説明をしてみようと思います。
前回でも紹介したものがコレ ...
【Three.js】ポストプロセッシングに挑戦
昔のテレビみたい
ポストプロセッシングとは画面に何かを描画する時に、なんらかのエフェクトやフィルターを適用すること。です。
今回はスライドショーを作って、画像にテレビ画面のような走査線とノイズをつけてみたいと思 ...
【Three.js】Tweenで複雑なアニメーション
次はうまくやる・・・
はじめにもっとおしゃれでカッコいいアニメーションができないものかと頭を悩ませていました。
そしたらTweenには”chain()”っていう関数があるそうじゃないです ...