2018年11月28日水曜日jsdo.itにBabylon.jsのよる3Dプログラムを投稿タイトルにあるようにjsdo.itに、Babylon.jsという3Dライブラリを使用したプログラムをいつくか作成してアップロードしてみました。Babylon.jsで3D表示その1」にまとめているようにBabylon.jsによる3Dプログラムを作成していましたが、今回以下のサイトでBabylon.jsを使いこなしてのゲーム開発について説明されているのを見て、久しぶりにBabylon.jsによるプログラムがしてみたくなりタイトルにあるようなプログラム投稿となりました。3.3.0」リリース!VR向けGUI対応、パーティクルエフェクト強化、動画キャプチャー機能など作成して投稿したプログラムの、画像サムネイル付きのNaverまとめでの一覧は以下になります。Babylon.jsで3D表示その3jsdo.itに投稿したBabylon.jsバージョン3.3による3Dプログラム約70個のプログラムの一覧を表示しています今回久しぶりに使用したBabylon.jsでは、glTFという3Dモデルのファイルフォーマットがアニメーション付きのものも含めて非常によく表示できたと感じました。物理演算もOimo.jsやCannon.jsといった物理演算ライブラリをラップして使えるようです。あとは、個人的にですが、Three.jsと比べてGUIの機能がかなりBabylon.jsライブラリ自体の機能として取り込まれていて、ゲームなどのインターフェースが作りやすそうだと感じられました。以下、投稿順とは一致してませんが、おおまかな区分と説明で分類してみたjsdo.it投稿プログラムの一覧です。Babylon.jsのバージョンは3.3.0でのものです。基本的な機能、単純な3Dオブジェクトを表示したり、ただテクスチャをそれらに貼り付けて表示する機能を試したプログラムの一覧です。テクスチャを貼り付けたSphereを表示2GUI機能とSound機能Babylon.jsによるラベルやボタン表示の機能、サウンド再生機能、3Dオブジェクトをクリックしたときの機能、Cannon.jsでの衝突判定、等を試しています。Click/Touch処理の3Dオブジェクトへの追加テスト3Tween的アニメーション機能Tweenという名前で呼ばれている、プログラム上で操作対象の動きを指定する機能を使用してみました。Babylon.jsではAnimationという名前でそのTween的機能が提供されているようでした。Animationその34glTFファイル形式の3Dモデル表示glTFというファイル形式の3Dモデルを表示しています。最初にBabylon.jsをさわりはじめたころは、あまりうまく表示できず一度挫折しましたが、今回のBabylon.jsのテストではほぼ問題なく表示できました。今回作成したBabylon.jsによるプログラムの大部分はglTFによる3Dモデルの表示になっています。glTFファイル形式3Dモデルを表示その365glTFファイル形式のアニメーション付き3Dモデル表示glTF形式のアニメーション付き3Dモデルを表示しています。今回は、アニメーション付きのものまでサクッと簡単に表示できてしまいました。3Dモデルの読み込み時、アニメーション時に処理重い場合はありますが。glTFファイル形式3Dモデルを表示その376glTFファイル形式の3DモデルアニメーションをGUIボタンで切り替えBabylon.jsの機能で表示できるGUIボタンで、3Dモデルのアニメーションを切り替えられるようにしてみました。ゲームなんかで3Dモデルのアニメーションを切り替えるのに利用できるかもしれません。glTFファイル形式3Dモデルを表示その397babylon形式の3Dモデルを表示Babylon.jsのbabylon形式3Dファイルを表示しています。表示だけ、アニメーション付き、アニメーション切り替え機能付き、とあります。元ネタのように、ECMAScriptによるBabylon.jsのプログラムもできるようなので、そのうち気が向いたらECMAScriptによる書き直しなんかもやってみるかもです。月日がたってしまいましたが、久しぶりにまたUnityを触ってみました。久しぶりだったのでほぼ完全にUnityの操作を忘れていました。いつだったか、数年ぶりに藤沢駅へ行ったときの写真です。久しぶりに、Flash(Actionscript3)コード投稿サイトのwonderflのことを思いだして検索してみると、いつのまにかサービスが終了していました。残念に思いながらネット上をフラフラしていると、wondeflのコードを保存してくれている...Unity使ってみました今さらっぽいですが、Unity使って一番簡単そうなチュートリアルを実践してみて、ほぼ内容そのままにWebGLアプリとしてアップロードする、ということを行ってみました。長くなってきたので、英語版と日本語版をわけました。新しいブログ作成してみました。後に作ったものですが、Part1にしてます。長くなってきたので、英語版と日本語版をわけました。IDが使用できなくなってしまったので、これまでプログラム投稿サイトjsod.itで使用していたアカウントにログインできなくなってしまいました。新しいアカウントを作成しました。