JavaScript

夜中に考えた文章って良くないよね。 はじめに 前回作った球体を動かしてみたいと思います。画面の奥の方でクルクル回る見出しみたいなカンジ。 できた デモサイトはこちら。 これは「おしゃれ」と言わざるを得 ...

JavaScript

USJ行きたいね…マリオのヤツ… はじめに USJの地球儀のモニュメント?みたいなのを見て「コレだ!」と思いました。 できた デモサイトはこちら。 これを見出しの代わりとして画面の奥の方でクルクル回し ...

VBA

急にVBA はじめに 唐突にはじまりましたVBAコーナー。 webサイト制作やめたわけじゃないですよ。パソコンが限界みたいです。ChromeとかEdgeとかVSCodeとかGIMPとか、色々立ち上げて ...

JavaScript

なかなか良い雰囲気 はじめに マウスの周りだけボンヤリ明るい。みたいなモノを作ってみましょう。 できた デモサイトはこちら。 簡単にできるかなぁと思ったんですけど、意外と手こずりましたね。そこを重点的 ...

JavaScript

コレ大事ヨ はじめに 前回の続きです。前回はポストプロセッシングについて説明しました。 それ以外にも色々と気づいたことがあったので、今回はそれの説明をしてみようと思います。 前回でも紹介したものがコレ ...

JavaScript

昔のテレビみたい ポストプロセッシングとは 画面に何かを描画する時に、なんらかのエフェクトやフィルターを適用すること。です。 今回はスライドショーを作って、画像にテレビ画面のような走査線とノイズをつけ ...

JavaScript

次はうまくやる・・・ はじめに もっとおしゃれでカッコいいアニメーションができないものかと頭を悩ませていました。 そしたらTweenには"chain()"っていう関数があるそうじゃないですか。これを使 ...

JavaScript

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

JavaScript

スゴクオモシロイヨ 環境マッピングとは 3D空間内の物体の表面に周囲の風景を"擬似的に"映り込ませる技術です。 擬似的じゃなくて本気のヤツはレイトレーシング(光線追跡法)というカッコイイ名前の手法を使 ...

JavaScript

目、目が……。 はじめに PL学園の応援席みたいな。人文字みたいな。そんなものを作りたいと思いました。 できた デモサイトはこちら。 だ、だいじょうぶ? パネルの作成 /***** パネル ***** ...