【3DCG・MMD】カメラレンズによる見え方シミュレータ作成について

公開日: : 3DCG, JavaScript/jQuery, MMD, Three.js, ツール, 画像処理

スポンサーリンク

カメラのレンズが違うことでどのくらい出来上がる写真に差が出てくるのかを確かめることのできるシミュレーションを作成しました。描画にはThree.jsのラッパーライブラリであるjThree.jsを使っており同ライブラリのプラグインであるjThree.MMD.jsでMMDのキャラクター描画も行っております。こちらから見れるようになっています(多少重いかもしれません)。

カメラシミュレータサンプル
↑開くとこんな画面が出てきます。一応3Dでぐりぐり回せるようになっています。

カメラの焦点距離と撮像面の縦横寸法を設定すると結果の画面が表示されます。3D画面上でマウスを右クリックもしくは左クリックしながらドラッグするとカメラを平行移動および回転させることができます(jThree.Trackball.jsのおかげ)。また、見えている画面を画像として落とし込むこともできるようにしてあります。

一応これを作成するにあたっていくつか面倒な点がありました。それはだいたい2つあって、ひとつはjThree.jsで表示している3D画面をキャプチャすることについて。そして2つ目はカメラパラメータを変更する方法や視野についての知識についてです。もし気になる方はリンク先を覗いてみてください。(※カメラやレンズはにわか知識なのでもしかしたら間違いや改善点が出てくると思いますが、指摘していただけるとありがたいです。)

スポンサーリンク
Amazon
  • このエントリーをはてなブックマークに追加

関連記事

【javascript】privateのメソッドからpublicなメンバを呼ぶ

javascriptでのクラス定義 javascriptではいわゆる正確なクラスは作れませんが、そ

記事を読む

【javascript】正規表現文字抽出簡易ツール

jQueryで作成した正規表現による文字抽出用スクリプトです。 (使い方) 「正規表

記事を読む

【Three.js/jThree.js】カメラ内部パラメータを変更して視野などを変える

jThree.jsでカメラの内部パラメータを変更するのに手間取ったのでメモ。参考にしているjThre

記事を読む

スマホ向け幅固定サイトの回転時の幅対応方法

幅固定サイトでのスマホ回転時Webサイトの横幅を合わせる方法のメモ。 下記2点の設定が必要です。

記事を読む

【javascript】正規表現文字置換簡易ツール

jQueryで作成した正規表現による文字抽出用スクリプトです。 (使い方) 「正規表

記事を読む

【jQuery】大量の画像で重くなったページを遅延ロードで軽くする方法【Lazy Load】

画像をふんだんに使っているページでは読み込みの際に非常に時間がかかるという問題点があります。数枚なら

記事を読む

【jQuery UI】タブをクリックしたときのイベントでselectが使えない

jQuery UIは1.10のバージョンではタブをクリックしたときのイベントの名前が変わっているよう

記事を読む

【jquery】iframe内のスクロールイベント設定とスクロール量取得

ページ内に設置したiframeのスクロールイベントおよびスクロール量を取得したかったのでメモ

記事を読む

ニコニコ動画の外部プレイヤーを動的に設置する【javascript/jQuery】

ニコニコ動画の外部プレイヤーはページのはじめの読み込みのときにしか表示されず、javascriptで

記事を読む

【PASMO・SUICA】特典バスチケット交通費計算ツール

#spinnerd,#spinnerm1,#spinnerm2,#spinnerm3{ wi

記事を読む

UWSCを使ったソフト自動立ち上げ【SoftEther VPN Server】

やりたいこと 最近SoftEtherという筑波大学発のベンチャー企業

【PHP】headerでContent-Typeを指定したのに効かない場合の対処法

PHPでサイトマップを作ろうと思い、XML形式のファイルを出力しようと

スマホ向け幅固定サイトの回転時の幅対応方法

幅固定サイトでのスマホ回転時Webサイトの横幅を合わせる方法のメモ。

【PHP】特定のURLからそのAtomやRSSのフィードを抽出する方法

特定のURLからRSSやATOMのフィードを抽出する方法をメモ。 流

フィード抽出ツール(RSS1.0、RSS2.0、atom)

任意URL サイト名 サイトURL RSS1.0

格安プラン限定レンタルサーバー機能比較表(2016年)

はじめに  最近新しい共用サーバーをレンタルしようと思い調査およびそ

kindle unlimitedが便利だったのでお勧めの使い方など感想メモ

 kindle unlimitedというサービスが8/3からAmazo

→もっと見る

  • Author : ががんぼ
    プログラミングやWeb関係で気付いたことについてメモしていく予定。だいたいが備忘録ですが、自分でサンプルを作って動かしてみたりしています。
PAGE TOP ↑