FlatIsleロゴ

Flat Isle 日誌

BABYLON.jsによるXRカメラ表示

2023-02-08

前回はローダーを用いてglTF形式の3Dオブジェクトの表示までを行いました。今回は初回に作成したシンプルなボールと「モンキー」をXRカメラで表示してみます。テストにはAndroidスマートフォンと、Google Card […]

Blenderのオブジェクトを表示する

2022-08-29

前回はBABYLON.jsの基本的な使用方法までを説明しました。今回はBlenderで作成した3DオブジェクトをglTF形式で出力し、BABYLON.jsで表示(ロード)してみます。 Blenderによる3Dオブジェクト […]

BABYLON.jsによる3D描画

2022-08-31

3D描画エンジンにはThree.jsが有名ですが、影が正しく描画されなかった事もありBABYLON.jsを使っています。当ブログ記事でBlenderによる3Dデザインの作成も扱っているので、BABYLON.jsによるブラ […]

SVGでブレッドボード デザイン作成

2022-07-08

ブログ記事でブレッドボードの実装画像を作成する必要があったのですが、無料でデザインするツールで満足できるものが無かったので自作してみました。使い方も含めて書いていきます。 ソースコード ソースコードが比較的長いため、リン […]

InkscapeでSVG画像作成

2022-07-08

フリーのベクター画像編集ソフトであるInkscapeについては、別記事でビットマップ画像からのパス抽出を紹介しました。本記事では前半で、画面レイアウトおよびよく使う操作方法、後半では実際に図形を描いてSVG画像を作成する […]

SVG画像のアニメーション

2022-07-08

前回は、ツールやエディタを使ってSVG画像を作成しました。今回はSVG画像をアニメーションさせて動かしてみましょう。ここでは、SVGタグ内にアニメーションタグ(要素オブジェクトのanimate機能等)を記述する方法を説明 […]

SVG画像の作成・使用方法

2024-08-02

記事内でアイコンや簡単な図を挿入したい時、画像ファイルでは数十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 […]