「ブラウザで3Dモデルを見るならThree.jsでしょ」と思い込み、このサイトでもThree.jsを使って来ましたが、別ライブラリでもいけると知ってそっちに切り替えました。
continue…▶glTF形式エクスポートで継ぎ目がガタガタ
Blenderできれいに見えてもエクスポートの過程で変わる
「WebGLで表示できるメッシュは三角面」ということを知らずにBlenderからglTF形式でエクスポートしていました。2つの球体を結合したオブジェクトの継ぎ目が、Blenderではきれいに見えていますが…
オブジェクトをThree.jsで表示すると、思いがけずガタガタになっている部分が発生し滑らかさが崩れています。
continue…▶モデルを作りながらツールになじむ
Three.jsでカメラを扱う方法がよくわからない
requestAnimationFrame()でCPU使用率がすごいことに
静止モデルの表示には不適切でした
家にはもう1台古いラップトップがあってそれは7年前のASUS X54Cなんだけど、この子はBlender2.81が動くのです。それでモデルを作ってthree.jsでサイトに載せてみたら、CPU冷却ファンの音が鳴りっぱなしだわパームレストが熱くなるわでビビりました。
ARテスト
自サイトでARコンテンツ
キーボードの前にマーカーを印刷した紙を置き、USBカメラでそのマーカーを写すとモデルが出現します。
continue…▶A-Frameの設置
あっさり完了、拍子抜け
マーカーを読み取って画面にオブジェクトを表示するためのAR.js。AR.jsの動作環境を用意してくれるのがA-FRAMEフレームワーク。このサイトにも入れてみました。インストールはあっさり完了しました。
A-FRAMEの動作確認用テストページ:画像をクリックするとテストページに行きます。マウスで視点を変えられます。このページに戻るにはブラウザの「戻る」ボタンをクリックして下さい。
continue…▶3Dモデルを線画で表示
Three.jsとCSSで
3Dモデルの線画化についてメモ。
continue…▶なるべく楽して描くはずが…
かえって複雑になってしまった
「絵が下手で 根気がなくて はや10年 今に描くぞと口先ばかり」の筆者がなるべく楽して漫画を描こうと方法を模索した結果…
continue…▶three.jsを試す - 4
ソーベルフィルタで輪郭線、GIMPとの比較
サイトに3Dモデルを表示する試み④
今は遠い昔、パソコンが世に出る前の頃、筆者は漫画家を目指してGペン・ケント紙を使ってせっせと描いては投稿していたことがあります。
いかんせん画力がない、根気がない、描きたい物語もたいしてないということで、パソコンが普及し始めるとそっちの方に興味が向き、漫画描きから遠ざかりました。
continue…▶