ベトバン - Portfolio


SYSTEM



Tên PJT: Hệ thống đặt hàng mô hình hỗ trợ in 3D

Thiết kế, thiết lập:

Tạo và phát triển: Việt Vang

URL:


Mô tả dự án

同システムは、web上で自分の好きな仕様(デザイン、形状)にカスタマイズしたフィギュア(アバター)を注文できるB to Cサービスの注文システム開発案件です。

ユーザがwebサイトにアクセスし、あらかじめ用意された複数のパーツを組み合わせて、自分好みの3Dフィギュアを作成・注文します。

注文情報を元に、システムから3Dプリンタ対応データを抽出し、リアルなフィギュアを生成、ユーザに送付する流れとなります。

画面上でユーザ要求に応じた3Dプリンタ用のデータを生成するために、様々な最新技術に対応しています。



プロジェクト概要

本システムはB to C型3Dプリントサービスの注文システム開発案件です。

ウェブにて3Dプリントサービス詳細:

  1. サイト運営サービス事業会社
  2. ユーザがwebサイトにアクセスし、3Dモデルの髪、頭、胴体(3Dデザイン)と3Dモデルに付けるため目、鼻、服装などの画像(2D)選択からあらかじめ用意された複数のパーツを組み合わせて、自分好みの3Dフィギュアをデザインします。
  3. 会社(1で)にユーザが作成した3Dフィギュアを注文します。
  4. 会社は 3Dプリンタで注文した3Dフィギュア(3で)をプリントしてユーザ(2で)に郵送します。

サイトの特徴

  • ユーザが選択出来る髪、頭、胴体に応じる3Dモデルの任意選択構成要素たくさんあります。
In 3D

  • 目、鼻、口、髭、服装、などの画像(2D)、台座に書いてある文字を修正して3Dモデルに付けてから、各パーツを自由で位置を移動でき、ズーミング出来、色と視点を変更できます。、
In 3D

技術情報:

3D処理方法はJSC3DThree.jsライブラリーを使用しています。

  • JSC3Dライブラリー:

HTML5とJavascriptに基づくツールはオンラインで3Dモデルビューを対応します。 3Dモデルデザインと製品展覧のための非常に便利です。対応ファイル形式:

  • Wavefront obj
  • (バイナリ形式とASCII形式)
  • Autodesk 3DS
  • OpenCTM
  • jsライブラリー

Three.jsはブラウザでダイナミック3Dグラフィックを表示に対応するマルチプラットフォームの/API Javascriptライブラリーです。

Three.js はブラウザの独自のプラグインに依存しないで、ウェブサイトの一部として、GPU-accelerated 3D animations の作成にJavaScript言語を使用しています。WebGLの使用のおかげでこれを出来ます。WebGL

  • 基本データ処理流れの記述
  • フィギュアの2D詳細の何らかの変更(目、鼻、口、色変更など)がある場合はその変更したデータをajaxでサーバに送信されてPHPで処理されます。それからサーバから画像を返されます。3DモデルのTexture (3D texture)と言う画像処理にてフィギュアに適用するためにこの画像を使用します。
  • Textureは3Dモデルに付ける皮膚のようです。なので、Textureを修正するとフィギュアは該当に画像、色も変更されます。
In 3D

In 3D


to-top