３Ｄモデルでシュミレーションをしながら製品をオーダーできるコンテンツが作成したいです。

Question

教えて頂きたい事がございます

３Ｄモデルでシュミレーションをしながら製品をオーダーできるコンテンツが作成したいです。
例えばですが、下記アドレスのようなコンテンツになります。
(こんなに複雑な仕様ではなく、例えば、マグカップの色を３Ｄでシュミレーションしながら選択してオーダーできるようなコンテンツが作りたいです)
https://www.boas-compras.com/teamorder/guide/3d

「質問」
・どういうプログラム言語を使用して、何を勉強したらよいでしょうか？
・(抽象的ですみませんが)どのような仕組みで作っているのでしょうか？
・仕事柄、solidworksを使用して３Ｄの製品モデリングをしているのですが、この知識は今回の事に生かすことはできますでしょうか？

現在の知識は、phpは簡単なフォームが作れる程度、htmlやcssなどは会社のホームページを作成しているので基礎はわかっている程度になります。
プログラミングに関しては、無知に近い状態なので、恐縮ですが、なるべく素人でもわかるような
ご説明をして頂けたら幸いです。
よろしくお願い致します。

Comments

[m.ts10806]

>こんなに複雑な仕様ではなく
「３ｄで」という時点で、項目が１つか複数かの違いで、難易度に差はありませんよ。３ｄでなかったら近いことが自身で出来るかどうか考えるところからではないでしょうか？
ただ、「素人でも分かるように」だと「素人には難しいです」という「わかるような説明」になります。
もし、それによって注文を受けて対価を得るようなことを考えているなら業者に作ってもらった方が良いかと思います。
ひとまず学習・技術向上目的かどうかははっきりされた方が良いです。
「どういう仕組みが使われているか」だけならブラウザン開発ツールや「ソースを表示」で確認できるHTMLからある程度確認することは出来ます。

Answer 1

どういうプログラム言語を使用して、何を勉強したらよいでしょうか？

PHPが使えるならPHPでいいと思います。そのほか、JavaScriptなどの技術も必要です。

---

どのような仕組みで作っているのでしょうか？

ソースコードを見る感じ、自製しているようです。
昨今の流れで行くと、Three.js などを利用して、WebGL で表現することが多いと思います。

参考：
Three.jsでモデルデータを読み込む - ICS MEDIA

---

solidworksを使用して３Ｄの製品モデリングをしているのですが、この知識は今回の事に生かすことはできますでしょうか？

そのマグカップのモデルを自作するのであれば、大いに役に立つのではないでしょうか。

---

向き不向きはあるでしょうけれど、おそらく、入門から800時間ぐらい学習すれば、そのサイト作成に必要な技術がある程度身につくのではないかな、と思います。
ただ、必ずそのレベルに達することができる、とは言えないので、とりあえず、流行のNoCode系でWebGLが使えるものがあるようなので、お試しになってはいかがですか？

参考：
Naker - The platform to design 3D interactive content | No Code
プログラミング不要で Babylon.js による WebGL を利用した 3D コンテンツを制作できる Naker が面白い - WebGL 総本山

Comments

[AkiKoi]

お返事遅れてしまい申し訳ございません。WebGLは聞いたことがなかったので一度調べてみます。大変貴重なご回答ありがとうございました。