LogoMark.png

當山清龍/情報デザイン研究I

自転車コンフィギュレーターアプリ

3DCGを使った制作
・・・・・・・・・・・・・・・・

cycle.jpeg


Overview

Introduction / What is This

自転車のコンフィギュレーター

Background and Purpose

私は自転車店でアルバイトをしているが、接客していて商品のWEBカタログを見せる時、自転車の写真が真横しかなかったりパーツがついた写真がなかったりして不便なのであったら便利だと思ったので制作した。

Concept

様々な角度から確認でき色を自由に変えれる
自転車のコンフィギュレーター

Output

完成作品

プレイ動画です※音声はありません

DLはこちらから(UE4ver.26.2で動作します)

使用したもの
・UE4
・3dsmax
・Adobe illustrator
・OBS
・Inshot

Member


Tools

Term


Conclusion / Summary

今回の感想
今のところ色変えしか機能が付いていないため
パーツの付け替えや、背景を変更などの機能を追加したい。
この成果物はパッケージ化して実際にプレイできるようにしたかったが、
エラーが出てパッケージできなかったので動画としてアップロードすることにした。
良かった点はイメージ通りのものができた点。
今回時間がかかってしまったところがモデルの読み込みエラーとブループリント(プログラミング)なので
もし同じようなものを作ることになった場合は
今回の経験を活かしてスムーズに作れるようにしたい。



Survey

Present Status

Precedent

Technique / Technology




Project Management

Schedule

スケジュール


ToDo

テーマ
作るもの
モデリング
UE4でインポート
ブループリント
ライティング
エクスポート






worklog




2021.07.03

作品完成。試作から新たに、キーではなく画面上のボタン
を押すと色が変わるようにプログラミングし、視点移動時の
ズーム距離と移動時の速度を少し早めに変更。
前回のバグはマテリアルの読み込みに成功していたオブジェクトを複製して
対応した。
エクスポートがうまくいかなかったので動画を制作し、動画で使う用に
サムネイルをデザインした。

cycle.jpeg


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は開いていない。

e.jpeg

CGは細かな調節のみで完了。
細かい歪みやミスで作れていないパーツがあるので
修正する

f.jpeg

2021.05.20

概要

2021.05.13

概要

2021.05.06

概要

コンフィギュレーダーチュートリアル動画を発見。
同時にアンリアルエンジンのマーケットプレイスで
コンフィギュレーターのテンプレを発見。
また、バージョンの都合によりwebの書き出しが困難なため動画、もしくは写真の掲載に切り替える?

3DCGの進捗

a.jpeg


2021.04.22

先行事例、調査

2021.4.13

先行事例、情報収集

テーマ

3DCGを使った作品を作りたい
webサイト+3DCG
3DCGの可能性を模索する








PAGES

GUIDE

添付ファイル: filecycle.jpeg 10件 [詳細] file9638A246-638A-4CCA-A3A6-752433481F9C.jpeg 12件 [詳細] fileg.jpeg 21件 [詳細] filef.jpeg 19件 [詳細] filee.jpeg 22件 [詳細] filed.jpeg 17件 [詳細] filec.jpeg 23件 [詳細] fileb.jpeg 18件 [詳細] filea.jpeg 19件 [詳細]
Last-modified: 2021-07-01 (木) 02:45:33