2018年12月6日木曜日

Babylon.jsリンクいろいろ 日本語版

長くなってきたので、英語版と日本語版をわけました。
Babylon.jsリンクいろいろ 英語版

■■■英語版ヘッダーより Start■■■■■■■■■■■■■■■■■■■■■■■■■
 前回前々回のブログエントリのBabylon.jsプログラム作成・投稿時の自分への動機付け、参考等にした、Babylon.js関連のリンクを備忘録的に記録しておきます。
■■■英語版ヘッダーより End■■■■■■■■■■■■■■■■■■■■■■■■■

日本語でのBabylon.jsリンクいろいろ

■■■2018年■■■
ICSさんのサイト
Babylon.jsを使用した本格的なゲーム作成とその技術的なことについての説明をされています。 今回はこのサイトを見て触発されて、久しぶりにBabaylon.jsによるプログラム作成・投稿となりました。
CEDEC2018発表資料 「編隊少女 -フォーメーションガールズ-」における3Dレンダリング技術解説 Babylon.jsとBISHAMON WebGL版の合成
WebGLフレームワーク「Babylon.js 3.3.0」リリース!VR向けGUI対応、パーティクルエフェクト強化、動画キャプチャー機能など
スライド


CrossRoadさんのサイト
Babylon.jsと他のソフトウェア・技術との連携について説明されています。 次にUnityを使うときには何か自分でも試してみたいと思うようになりました。
Babylon.js向けデータをUnityから出力する
Babylon Tool KitによるUnityプロジェクトの変換検証
UnityからエクスポートしたBabylon.jsデータの制御方法

Babylon.jsでナイトプールを作って、Unityとの作りやすさを整理しました
Blenderでロボットにボーンとモーションをつけて、Babylon.jsで再生させる方法


■■■2015年12月~2016年1月頃■■■
マイクロソフトのMSDNにある、Babylon.jsによるボーリングゲーム作成記事の日本語訳です。
December 2015
ゲーム開発 - Babylon.js: 基本的な Web ゲームのビルド
January 2016
ゲーム開発 - Babylon.js: 初めての Web ゲームを強化する高度な機能


■■■2015年■■■
3年ほど前のQiitaの記事ですが、3Dダンジョンをアニメーション付きミクさんが移動するプログラムを公開されています。 
Babylon.js で WebGL プログラミングしたら、 Unity, MMD モデルの変換で苦労した話


■■■他 不定期期間■■■
WebGL総合取扱い - WebGL 総本山 -(webgl.souhonzan.org) さんより
Babylon.js のタグがついた記事一覧

またそこからリンクのあるSRETKSさん関連のサイト
SRETKS
では、
左上にある選択肢 → LAB → LABにあるプログラム一覧から選択 → LAUNCH
でいろいろなプログラムを選択して実行・表示できるようです。

noteにはSRETKSさんによるBabylon.jsについての記事もあるようです。
PBRでブラウザでもリアルな表現をしよう!


■■■おまけ■■■
cx20さんのサイト
Babylon.js で地球を回してみるテスト
 具体的にこのサイトが、というわけではないですが、jsdo.itで見かけたcx20さんのBabylon.jsのコードの数々が、自分に最初にBabylon.jsってなんだ? Babylon.jsをちょっと触ってみようかな、と思わせてくれるきっかけになりました。
 今回のBabylon.jsのプログラム作成・投稿時にもglTFについてのアドバイスを頂きました。

2018年12月4日火曜日

Babylon.jsリンクいろいろ 英語版

長くなってきたので、英語版と日本語版をわけました。
Babylon.jsリンクいろいろ 日本語版

 前回前々回のブログエントリのBabylon.jsプログラム作成・投稿時の自分への動機付け、参考等にした、Babylon.js関連のリンクを備忘録的に記録しておきます。

英語でのBabylon.jsリンクいろいろ

Babylon.js 本家サイト(英語)
Babylon.js 本家サイトです。 デモ、ドキュメント、等充実しています。
下記のBabylon.jsのPlaygroundともよく連携していて、今回Babylon.jsのプログラム作成・投稿作業で新しいことを試そうとする場合、かなりの部分がこのPlaygroundのコピペからプログラム作成をスタートする、といった流れになりました。
Babylon.js Playground


Babylon.jsの状況の参考 その①
JavaScript Game Engines(英語)
GithubにおけるJavascriptゲームエンジンのスター獲得数が表示されています。
Babylon.jsは3Dゲームエンジンの中ではGithubのスター獲得数が最も多いよう。
2Dゲームエンジンの 
・pixijs / pixi.js (スター獲得数 20960)
・photonstorm / phaser (スター獲得数 23331)
を含めての全体でも
・Babylon.js(スター獲得数 7918)
は3番目にスターを獲得しているようです。※スター獲得数は20181204時点のものです
 ちなみにThree.jsはこの選択肢にはいっていないようですが、世間一般ではThree.jsはあまりゲームエンジンとは見られていないものなんでしょうか???


Babylon.jsの状況の参考 その②
HTML5 GAME DEVS(英語)
 Babylon.jsによるプログラムの作成・投稿作業中、Babylon.jsの疑問点についての検索からよくたどり着いてお世話になったサイトです。
 このHTML5によるゲーム作成についてのサイトでは、フォーラムでのFrameworksについての投稿数はBabylon.jsが最も多いようです(使いづらい、わかりづらい、といったことが多いのが理由かもしれませんが。。。)。


Babylon.jsの状況の参考 その③
HTML5 Game Engines(英語) Which HTML5 Game Engine is right for you?
 ここでのBabylon.jsはトップ3のゲームエンジンのひとつのようです。3Dのゲームエンジンではトップなんかな。
 ちなみにトップ1、2のGDevelopとConstructはプログラムをせずに2Dゲーム作成ができるゲームエンジンのようです。 試してませんが、RPGツクールMV、アクションゲームツクールMV、Plicyにあった2Dアクションゲーム作成の機能、といったものに近い感じの機能を提供してくれているのでしょうか? 少し気になりました。 


2018年12月2日日曜日

CodePenにBabylon.jsによるプログラムを投稿

 前回エントリ「jsdo.itにBabylon.jsのよる3Dプログラムを投稿」のプログラムを基本コピペでバックアップ的にCodePenにも投稿してみました。

 投稿したプログラムの一覧を今回もNaverまとめで作成しました。 3Dファイルの読み込みが重いせいか、サムネイルの画像が自動に生成されない場合が多く、サムネイル画像ほとんどないですが。。。
以下です。

Naverまとめ
CodePen投稿コードまとめ Babylon.jsで3D表示

 CodePenのPostsという機能でもプログラムの一覧をまとめてみましたが、テキストのタイトル名にリンクを貼っただけのもので、画像のひとつもないのでそっけない感じの一覧となりました。 Postsは本来的にはブログ的な使い方をするもの?
そんなテキストだけの一覧は以下になります。

CodePen Posts
Babylon.js v3.3.0 Practice