test for 3D model browsing platform by GithubPages
organising a simple web 3D model viewer with database for cultural heritage and museum collection
based on web browsers, compatibility is not tested, but at least Google Chrome and Microsoft Edge are OK
viewer: using Google "<"model-viewer">"
3D models: mesh-texture models in .glb format, should be less than 20MB per file
database: .csv, UTF-8
- model selector
- language selector (for description)
3Dモデル閲覧プラットフォームをGithubPagesから生成します
文化財・博物館資料向けのウェブベースのシンプルなモデルビューワーです
Webブラウザ上で動作します。少なくともGoogle Chrome、Microsoft Edgeでの動作を確認しています
Google "<"model-viewer">" で構築されています
3Dモデルは.glb形式のメッシュ-テクスチャモデルです。1ファイルあたり20MB未満とします
説明文のデータベースは.csv形式、文字コードはUTF-8とします
- プルダウンメニューによるモデル選択
- プルダウンメニューによる言語選択(日本語・英語)
-
このリポジトリをFolkします(どうやって?)
-
Ownerは自分のアカウント (このリポジトリをFolkする先) を指定します
-
Folkしたリポジトリには別の名前を与えることもできます (デフォルトはFolk元の名前です)
-
Create Folk をクリックします
-
Folkしたリポジトリを開きます (自分のアカウントのプロフィールページにあります)
-
models フォルダを開き、右上のAdd FileボタンからUpload filesを選択
-
公開したいGLBファイルをアップロードします (1ファイルあたり20MB以下)
-
Commit message (例: Add my 3D model) を入力後、Commit Changes ボタンをクリックします
-
アップロードしたGLBファイルのリンクを取得します (コピー可)
-
DDB.csv ファイルにGLBファイルのリンクを記入するか、外部でDDB.csvファイルを新たに作成しアップロードします
-
Folkしたリポジトリのトップに戻り、メニューバーの Settings をクリックします
-
左側メニューカラムの Pages をクリックします
-
Build and Deployment を以下のとおり設定します (デフォルトの設定です)
- Source = Deploy from a branch
- select branch = main/ select folder = root
-
上部の Your site is live at https://###.github.io/~~/ にURLが表示されます (###は自分のアカウント、~~はリポジトリ名です)
-
上記のURLを開くと、ビューワーページを閲覧・操作できます (なおGithub pageの反映まで時間がかかる場合があります)