mieki256's diary



2016/05/02(月) [n年前の日記]

#1 [prog] three.jsで一本道を延々と走るソレ

three.jsを使って、一本道を延々と走るソレをどうにか書けたのでアップロード。F11キーを押して全画面表示すると、コレでも結構迫力が。

_roadmake4.html (DEMO)
roadmake4_ss.png

使用画像。
_road2.png
_bg.jpg
_tree0.png
_tree1.png
_tree2.png
_tree3.png

ソースも画像も CC0 / Public Domain ってことで。

課題。 :

急カーブになると、道路脇が無い部分がなんだか見苦しくて。上手い誤魔化し方はないものか…。もっとも、背景を覆い隠すぐらいにポリゴンを長くすればいいのだろうけど。

大昔の3Dゲームでは、背景の下半分を真っ黒にして、道路脇のテクスチャの端を黒へのグラデーションに、とかやってたような気もするけど。しかしソレだと、背景画像の見え方が今一つになりそうだし。

いっそ背景を夜空にしちゃうとか…。フォグを黒にすれば遠景でポリゴンがボコボコ出てくるあたりも誤魔化せるし…。

夜版も作ってみた。 :

背景を夜空にして、黒でフォグをかけてみた。

_roadmake4_night.html (DEMO)
roadmake4_night_ss.png

やっぱり、遠景がボコボコ出てくる感は残ってしまう。それでも、パッと見の雰囲気は随分変わった気がする。

本来であれば、カメラの近くにスポットライトを配置して前方を照らすべきだろうけど、黒のフォグをかけただけでもそれらしく見えたので、スポットライトは配置しなかった。

眺めていて思ったけど。時々、白い服を着た女性のテクスチャを貼ったビルボードが道路脇に出現したら、ちょっと面白いかも…。いや、動作確認時、自分がダメージを受けそうだから、やめておこう…。

昼、夕方、夜、朝の背景画像を作って、透明度を変えるなりして切り替えていくのも面白いかもしれず。

使った背景画像は以下。これも CC0 / Public Domain ってことで。

_bg2.jpg

OneDriveのフォルダにも、元画像をアップロードしておきました。御自由にどうぞ。いかにもCG臭い画像なので、何かの実験用にしか使えないだろうけど。

_OneDrive - panorama_images

以上です。

過去ログ表示

Prev - 2016/05 - Next
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31

カテゴリで表示

検索機能は Namazu for hns で提供されています。(詳細指定/ヘルプ


注意: 現在使用の日記自動生成システムは Version 2.19.6 です。
公開されている日記自動生成システムは Version 2.19.5 です。

Powered by hns-2.19.6, HyperNikkiSystem Project