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

関連記事

tableデータから棒グラフを描画できるjQueryプラグインTableBarChartを使ってみる

グラフを作成することについて 既存のtableデータから簡単に棒グラフの作成できるTableBar

記事を読む

jThree.jsやThree.jsでcanvasの画面をキャプチャして画像にする方法

WebGLのライブラリであるThree.jsやそのラッパーライブラリのjThree.jsでcanva

記事を読む

AmazonのランキングRSSから画像リンクを作る

Amazon RSS Amazonでいい感じのRSSが無いかと探していたのですが実は本家に素晴らし

記事を読む

monacaでWebサイトをアプリ化

monacaを使ってWebサイトをアプリ化するための叩き台としてのメモです。 Webサイトのア

記事を読む

逆行列検算確認ツール

テキストから値を入力 入力する行列 行列のサイズ: 2 3 4

記事を読む

RGBの値から色を確認するツール

使い方 右側のカラーピッカーか

記事を読む

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

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

記事を読む

javascriptにおけるfor文の書き方

1. for文とは ある条件が正しいときに処理を繰り返すというループを記述するための文です。 似

記事を読む

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

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

記事を読む

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

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

記事を読む

NVIDIA DIGITSをSupervisorを使って自動起動する

はじめに 先日Ubuntu14.04にDIGITS 5をGPUなしP

【2017年度】GeForce 1080 Ti搭載BTOパソコン比較

はじめに 最近ディープラーニング用にGPUのないPCにDIGITSを

Windows用のシンプルなストップウォッチソフト紹介

Windows(10)でも使える使いやすいKAZAMITimerという

MNISTをDIGITS 5のCPUのみで試す(GPUなし)

はじめに DIGITSを使えばGUI操作で簡単にディープラーニングが

Windowsユーザが初めてMacBookを購入したときの注意点や感想

最近12インチのMacBookを購入しました。今までWindowsしか

Redmine3.2をUbuntu14.04にインストールして躓いた所についてメモ

はじめに Ubuntu14.04 ServerにRedmine3.2

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

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

→もっと見る

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