【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
  • このエントリーをはてなブックマークに追加

関連記事

【jQuery】クリックイベントでマウスホイールクリックを検知する

$("a").click(function(){ … }); によりクリックイベントを関連付け

記事を読む

jQueryのカラーピッカーライブラリFarbtastic Color Pickerを使う

.farbtastic .wheel { background: url(http://mem

記事を読む

【jQuery】hasClass is not a functionエラー

jQueryでセレクタを使って取得してきたjQueryオブジェクトからその子要素をchildrenで

記事を読む

チェスボード画像自動生成ツール

1マスのサイズ(ピクセル) マスの数× 左上が白 枠をつけるか 枠の色白黒

記事を読む

【MMD】初音ミクをプログラミングで動かすには

MikuMikuDanceという初音ミクをはじめとした3Dモデルを動かすことのできるフリーソフトがあ

記事を読む

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

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

記事を読む

スクレイピングをサポートしてくれるAPI【kimono】

kimonoというスクレイピングをAPI化してくれるという素晴らしいサービスがあります。

記事を読む

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

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

記事を読む

AAアニメーション

javascriptでAAアニメーションしました。AAは以下のところから参照しました。(AAアニメー

記事を読む

Google Maps JavaScript API v3でマップ上に線を引く

GoogleMapsAPIを使って地図上に線を引いたときに気を付けたことなどをメモしておきます。

記事を読む

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 ↑