自転車コンフィギュレーターアプリ
3DCGを使った制作
・・・・・・・・・・・・・・・・
- Project Director
- '''Keywords: コンフィギュレーター
Overview
Introduction / What is This
自転車のコンフィギュレーター
Background and Purpose
私は自転車店でアルバイトをしているが、接客していて商品のWEBカタログを見せる時、自転車の写真が真横しかなかったりパーツがついた写真がなかったりして不便なのであったら便利だと思ったので制作した。
Concept
様々な角度から確認でき色を自由に変えれる
自転車のコンフィギュレーター
Output
完成作品
プレイ動画です※音声はありません
DLはこちらから(UE4ver.26.2で動作します)
使用したもの
・UE4
・3dsmax
・Adobe illustrator
・OBS
・Inshot
Member
Tools
- UE4
- 3DSMAX
- OBS
- inshot
- illustrator
Term
Conclusion / Summary
今回の感想
今のところ色変えしか機能が付いていないため
パーツの付け替えや、背景を変更などの機能を追加したい。
この成果物はパッケージ化して実際にプレイできるようにしたかったが、
エラーが出てパッケージできなかったので動画としてアップロードすることにした。
良かった点はイメージ通りのものができた点。
今回時間がかかってしまったところがモデルの読み込みエラーとブループリント(プログラミング)なので
もし同じようなものを作ることになった場合は
今回の経験を活かしてスムーズに作れるようにしたい。
Survey
Present Status
- カタログがいろんな角度から見れない、パーツを取り付けた写真がない
- そもそも自転車のコンフィギュレーターがない
Precedent
Technique / Technology
- UE4
- Blueprint
- モデリング
- substance painter
- Photoshop
Project Management
Schedule
ToDo
テーマ
作るもの
モデリング
UE4でインポート
ブループリント
ライティング
エクスポート
2021.07.03
作品完成。試作から新たに、キーではなく画面上のボタン
を押すと色が変わるようにプログラミングし、視点移動時の
ズーム距離と移動時の速度を少し早めに変更。
前回のバグはマテリアルの読み込みに成功していたオブジェクトを複製して
対応した。
エクスポートがうまくいかなかったので動画を制作し、動画で使う用に
サムネイルをデザインした。
2021.06.28
すべてのモデルを読み込んだ。
一部のオブジェクトがバグによりマテリアルがうまく反映されない、
モデルにマテリアルを割り当てる作業はバグで反映されない場所以外は
完了。
キーではなく画面上のボタンで色を切り替えるプログラム
とマテリアルをを割り当てれないバグを直す。
2021.06.24
現段階での試作
https://youtu.be/W0Md3515vRM
・使用したツールや素材
UE4
3dsmax
substance painter
HDRI
Car material
・これからやること
ハイポリのモデルで実際にプレイしてみる
時間あれば他の色の追加、部品の色を変更
専用のWEBページを作る
2021.06.10
モデルデータを読み込み、テクスチャの色を変えるプログラムを組んだ。
一度色を変化させたら戻すことはできないが色を変えることには成功した。
来週は色を変えても元に色に戻せるようにする。
2021.06.03
中間発表から発見された改善点
・簡単なモデルを使ってコンフィギュレーターの機能をつける
・サンプルの動画などを作成してわかりやすくする
・タイトルとサブタイトルを変える
車体のマテリアルをより金属のように見えるものに変更した。
2021.05.26
中間報告
自転車コンフィギュレーターの途中段階。
テストとしてモデルを読み込み、マテリアルを当てた。UVは開いていない。
CGは細かな調節のみで完了。
細かい歪みやミスで作れていないパーツがあるので
修正する
2021.05.20
概要
- コンフィギュレーターの制作
コンフィギュレーターの下準備を進めた。
必要な設定やメッシュ、マテリアルなどをインポートした。 3DCGはまだ弄る。
殆どのパーツは完成。
2021.05.13
概要
- 3DCGの制作
アンリアルエンジンで自動車コンフィギュレーダー
があったのでDLしてみたが重すぎて動きそうにないので自作する。
なのでBPを使って作業する。
2021.05.06
概要
コンフィギュレーダーチュートリアル動画を発見。
同時にアンリアルエンジンのマーケットプレイスで
コンフィギュレーターのテンプレを発見。
また、バージョンの都合によりwebの書き出しが困難なため動画、もしくは写真の掲載に切り替える?
3DCGの進捗
2021.04.22
先行事例、調査
- コンフィギュレーター
UE4でコンフィギュレーターのデモがあったので
それを使って自転車のコンフィギュレーターを作る
→自転車を取り扱うアルバイトをしていて、自転車のWEBカタログを見ていると真横しか写真がなかったりオプションパーツがついた写真がなかったりして不便なのであったらいいなと思った。
→コンフィギュレーターのチュートリアルを勉強して扱えそうならやる - ゲーム
UE4やCGを使ってゲームを作る。ただゲームを作るのではなく感染防止やコロナ禍についてのメッセージ性などを持たせる
→単純に作業量が多いのでめちゃくちゃ簡単なものになりそう
2021.4.13
先行事例、情報収集
- sketchfab
webサイトやアプリから簡単に3Dモデルを閲覧できる。他サイトに埋め込みも可能。 - MaxMara Bearing Gift
3DCGとアニメーションを使って商品のマーケティング
をしている。斬新で面白い。
コンフィギュレーター
商品の生産仕様を3Dモデルで色、角度、ライトなど細く指定して
シミュレーションができる。
UE4で書き出されたゲーム
UE4を使ってHTML形式に書き出されたゲーム。正常に動く。
テーマ
3DCGを使った作品を作りたい
webサイト+3DCG
3DCGの可能性を模索する