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

関連記事

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

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

記事を読む

javascriptにおけるfor文の書き方

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

記事を読む

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

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

記事を読む

ニコニコ動画のRSSをjavascriptで読み込んで表示させる

ニコニコ動画のランキングRSSをjQueryで読み込んで表示するプログラムを作成しました。RSSの読

記事を読む

【Javascript】1つまたは複数のランダムな値を取得する

#shuffle1btn,#shuffle2btn{ padding: 4px 6px; }

記事を読む

【MMD】BlenderでCyclesを利用してレンダリングしてみる

Cyclesを使ってみる BlenderのCyclesを用いてレンダリングを試してみました。Cyc

記事を読む

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

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

記事を読む

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

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

記事を読む

【jQuery】サイドバー固定に役立つサイト集

縦スクロール 縦方向にスクロールして指定の位置に来たら要素を固定させる方法のリンク集を紹介させてい

記事を読む

【ImgToAA】画像をAA化するツール

指定の画像を読み込ませてAA化するツールです。サンプルはこちら。 (使い方) 画像ファイ

記事を読む

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 ↑