やってみる

アウトプットすべく己を導くためのブログ。その試行錯誤すらたれ流す。

📌 ？
トップ > blender > Blenderで着色する＋3dxファイルをブラウザで表示する

Blenderで着色する＋3dxファイルをブラウザで表示する

blender

　箱人を肌色に染める。

成果物

X3DOM

前回

手順

  1. 右クリックでオブジェクトを選択する
  2. 画面下のアイコンからマテリアルを選択する
    f:id:ytyaru:20200425145700p:plain
  3. 画面右のアイコン群からマテリアルをクリックする（要マウスホイール）
  4. 新規ボタンをクリックする
    f:id:ytyaru:20200425145813p:plain
  5. プレビューで球体が出る
    f:id:ytyaru:20200425145941p:plain
  6. 色、名前を設定する
    f:id:ytyaru:20200425150008p:plain

　他の箱も同じマテリアルを使いたい。そんなときは以下。

  1. マテリアルを設定したいオブジェクトを右クリックで選択する
  2. 画面にあるアイコンをクリックすると作成済みマテリアルが選択できる
    f:id:ytyaru:20200425150108p:plain

　すべての箱に対して同じようにマテリアル設定してやると以下。

f:id:ytyaru:20200425150253p:plain

エクスポート

　x3d形式ファイルをエクスポートする。

f:id:ytyaru:20200425150334p:plain

はてなブログで表示

  1. x3d形式ファイルををgithubにアップロードする
  2. 1のrawデータにおけるURLリンクを取得する
  3. 以下のようなコードをはてなブログの記事に貼り付ける
<html>
  <head>
    <title>X3DOM</title>
     <script type='text/javascript' src='https://www.x3dom.org/download/x3dom.js'> </script>
     <link rel='stylesheet' type='text/css' href='https://www.x3dom.org/download/x3dom.css'></link>
  </head>
  <body>
    <x3d width='600px' height='400px'>
     <scene>
      <Inline url="https://raw.githubusercontent.com/ytyaru/Blender.BoxMan.20200425143338/master/docs/boxman_material.x3d" />
    </scene>
    </x3d>
  </body>
</html>

X3DOM

githubPageで表示できない

　GithubPageで表示しようとするとエラーになって出ない。

f:id:ytyaru:20200425151132p:plain

　GitHubPageはhttpsを強要するが、https://www.x3dom.org/download/x3dom.jsコード内にあるURLがhttpなのでエラーになっている？　わからん！

所感

　自分で動かしたい。Pythonとかでサクっと動かせないの？　情報ない。

対象環境

$ uname -a
Linux raspberrypi 4.19.97-v7l+ #1294 SMP Thu Jan 30 13:21:14 GMT 2020 armv7l GNU/Linux