BABYLON.jsによるXRカメラ表示
2023-02-08
前回はローダーを用いてglTF形式の３Dオブジェクトの表示までを行いました。今回は初回に作成したシンプルなボールと「モンキー」をXRカメラで表示してみます。テストにはAndroidスマートフォンと、Google Card […]
Blenderのオブジェクトを表示する
2022-08-29
前回はBABYLON.jsの基本的な使用方法までを説明しました。今回はBlenderで作成した３DオブジェクトをglTF形式で出力し、BABYLON.jsで表示（ロード）してみます。 Blenderによる３Dオブジェクト […]
BABYLON.jsによる３D描画
2022-08-31
３D描画エンジンにはThree.jsが有名ですが、影が正しく描画されなかった事もありBABYLON.jsを使っています。当ブログ記事でBlenderによる３Dデザインの作成も扱っているので、BABYLON.jsによるブラ […]
SVGでブレッドボード デザイン作成
2022-07-08
ブログ記事でブレッドボードの実装画像を作成する必要があったのですが、無料でデザインするツールで満足できるものが無かったので自作してみました。使い方も含めて書いていきます。 ソースコード ソースコードが比較的長いため、リン […]
InkscapeでSVG画像作成
2022-07-08
フリーのベクター画像編集ソフトであるInkscapeについては、別記事でビットマップ画像からのパス抽出を紹介しました。本記事では前半で、画面レイアウトおよびよく使う操作方法、後半では実際に図形を描いてSVG画像を作成する […]
SVG画像のアニメーション
2022-07-08
前回は、ツールやエディタを使ってSVG画像を作成しました。今回はSVG画像をアニメーションさせて動かしてみましょう。ここでは、SVGタグ内にアニメーションタグ（要素オブジェクトのanimate機能等）を記述する方法を説明 […]
SVG画像の作成・使用方法
2024-03-04
記事内でアイコンや簡単な図を挿入したい時、画像ファイルでは数十KByteは必要になります。こうした画像をSVGで実装すれば容量を数KByteに抑えられ、表示の高速化も期待できます。ここでは、SVG画像の基本的な作成・使用 […]
Blenderで困ったことと解決法
2022-07-08
初心者がBlenderを使い始めてぶち当たった壁の数々と、その乗り越え方の記録です。画面はver2.8のものですが、2.9と3.0でも動作確認済みです。解決したことが増えたら更新します。 複数の頂点が同じ位置にある ワイ […]
Blenderでよく使う操作
2022-07-08
Blenderでよく使う（けど忘れる）キーコマンドをまとめました。ver2.8、2.9、3.0で動作確認済みです。随時更新します。 視点の操作 テンキーの1正面からの視点（Ctrlキーを押しながらだと背面） テンキーの3 […]