オンマウスで画像をポップアップ

　実は、オリジナル小説『愛と青春のバトルロード』の本編におけるここ最近の修正で、キーワードに対して、オンマウスで画像をポップアップするようにしました。
　具体的には以下のような感じです。
（キャラクターの名前の文字の上にカーソルを持って行ってみてください）

　カズマ

　シアラ

　ツィート


　実は前からやりたいとは思っていたのですが、今まで簡単なやり方が見つかりませんでした。
　いろいろ検索をしてみたところ、Javaを使うやり方は結構出てきましたが、htmlを使うやり方は見つからず断念していましたが、今回ＣＳＳを使うやり方が見つかったので、使ってみることにしました。

　今回は、るんばばさんのブログの『ＣＳＳポップアップ画像』というページを参考にさせていただきました。

　上記の記事は、“FC2ブログ”を前提に書かれてますが、Seesaaブログで、スタイルシートを変更する場合はこちらを参考にしてください。

　なお、余談ですが、今回これに合わせて、キーワードをクリックするとそれぞれの解説に飛ぶようにリンクページを用意しましたが、これらのhtmlファイルは全てブログ内のフォルダに格納してます。
　このやり方だと、ブログのディスクスペースを利用してホームページをつくることもできそうですね。ただし、更新が面倒だとは思いますが。

被写界深度について2

　前回にひきつづき被写界深度の話題です。

　今回は“GIMP”というフリーのグラフィックソフトの“Focus Blur”というプラグインの簡単な使い方と、普段私がよく使うテクニックについて紹介します。

　こちらが前回Focus Blurを使用した作例です。

　以前、壁紙用に掲載したのが下で、これがオリジナルのサイズです。

　見比べてみるとわかると思いますが、縮小する前の段階では奥のシアラの顔もはっきり見えてます。

　というわけで、被写界深度の効果をいかしつつ、２人のキャラの顔がはっきり見える方法というのを考えてみたいと思います。

続きを読む

被写界深度について

今回はCGにおける被写界深度の話題です。

　カメラの世界において、被写界深度とは早い話がピントの合う範囲（距離）のことですが、
　CGの世界では“被写界深度”というと、レンズに焦点が合うことによって発生するブラー（ぼけ）、あるいはそれをつくり出すこと、といった感じで使われてます。
　つまはりは、被写界深度を浅くすることで生まれるブラーを擬似的につくることで、CGをリアルに見せようという表現です。
続きを読む

64bit版VISTA

　毎回、毒にも薬にもならんような記事ばかりたれ流しているこのブログですが、たまには役に立つことも書いていこーということでTips(といっていいのか？)のコーナーを用意しました。

　というわけで、今回はVISTAの話題です。
　このブログを見ている方の中でも、今ではVISTAを使っている方も多いと思いますが、実はそのほとんどは32bit版です。(ほとんどのメーカー製パソコン及び店頭に並ぶOSパッケージ)
続きを読む