CrossRoad

XRを中心とした技術ブログ。 Check also "English" category.

Babylon.js Editor v4.0でGSAPのアニメーション表現を試してみました

偶然見つけた下記のサイトで、WebGLのアニメーションができることを知りました。 ics.media このサイトではThree.jsを使った例を紹介しているのですが、Babylon.jsでも動かすことができます。今回は最近紹介しているBabylon.js Editor v4.0を使って動かして…

Microsoft Edgeブラウザで「このページには問題があります」「エラーコード:6」と表示されて使えなくなった時の対処方法

本日、突然タイトルのようなエラーメッセージが出てMicrosoft Edgeブラウザが使えなくなりました。最終的にPC再起動で直ったのですが、この事例について少し調べてみました。 今回の環境は以下の通りです。 ・MacOSX10.15.6 ・Microsoft Edge 85.0.564.51 1.…

Unityライクの操作になったBabylon.js Editorで簡単なゲームを作ります Vol.6(サーバに格納して実行)

前回に引き続き、Babylon.js Editor v4.0.0を使ってブロック崩しゲームを作ります。これまでの記事は以下を参照ください。 www.crossroad-tech.com www.crossroad-tech.com www.crossroad-tech.com www.crossroad-tech.com www.crossroad-tech.com 今回は、…

Unityライクの操作になったBabylon.js Editorで簡単なゲームを作ります Vol.5(得点加算、ライフ変更、テキスト表示)

前回に引き続き、Babylon.js Editor v4.0.0を使ってブロック崩しゲームを作ります。これまでの記事は以下を参照ください。 www.crossroad-tech.com www.crossroad-tech.com www.crossroad-tech.com www.crossroad-tech.com 今回は、ブロックを崩したときにス…

Unityライクの操作になったBabylon.js Editorで簡単なゲームを作ります Vol.4(GUIの追加)

前回に引き続き、Babylon.js Editor v4.0.0を使ってブロック崩しゲームを作ります。これまでの記事は以下を参照ください。 www.crossroad-tech.com www.crossroad-tech.com www.crossroad-tech.com 今回は、ブロックに当てた数、ライフの数を表示させるGUI関…

WebXR Tech Tokyo #2 の全講演をまとめてみました

前回に続き、参加させていただきました。いつも通り、全講演の内容を紹介します。 1. WebXR Tech Tokyoとは? 2. 講演 2.1 Three.jsで大学をVR化した 2.2 xRブラウザを作っている話 2.3 2か月で軽率にWebARフェイスフィルターを作ってみた 2.4 WebXR Hand In…

Surface Duo エミュレータの環境構築とUnityのサンプルアプリを実行する方法

2020/8/12 21:10追記 この記事を書いた数時間後、MicrosoftよりSurface Duoについて発表がありました。 techcommunity.microsoft.com この記事によると、$1399で9/10より販売開始、MDM、Enterprise、Surface Duo experience for employees and protect work …

Unityライクの操作になったBabylon.js Editorで簡単なゲームを作ります Vol.3(衝突判定)

前回に引き続き、Babylon.js Editor v4.0.0を使ってブロック崩しゲームを作ります。これまでの記事は以下を参照ください。 www.crossroad-tech.com www.crossroad-tech.com 今回は、飛ばしたボールがブロックとぶつかったとき、ブロックが消えるまでを作りま…

Unityライクの操作になったBabylon.js Editorで簡単なゲームを作ります Vol.2(物理エンジン)

前回に引き続き、Babylon.js Editor v4.0.0を使ってブロック崩しゲームを作ります。前回の記事は以下を参照ください。 www.crossroad-tech.com 今回は、プレーヤーのブロックからボールを飛ばす処理を作ります。 使用した環境 ・Mac OS 10.15.5 ・Node.js 12…

Unityライクの操作になったBabylon.js Editorで簡単なゲームを作ります Vol.1(ステージ作成、操作)

前回紹介したBabylon.js Editorは最低限の使い方以外は情報がありません。そこで、簡単なゲームを作りながら使い方を調べることにしました。 作るゲームはブロック崩しです。今回はステージ作成とキーボード操作について解説します。 使用した環境 ・Mac OS …

【2020/9/17追記】UnityのようにBabylon.jsコンテンツが作れる「Babylon.js Editor」が大幅アップデートしていたので使い方を調べてみました

以前何度か紹介したBabylon.js Editorですが、GitHubリポジトリをみたら、見た目や操作方法が大きく変わっていました。 このアップデートにより、操作感がかなりUnityに近づきました。Unityに近い使い方でWebコンテンツを作れるとJavaScriptに不慣れな人でも…

ソースコードを1000年保存する「GitHub Archive Program」の概要を調べてみました

昨日くらいから「GitHub Action Program」という言葉をTwitterで見るようになりました。どんなものかちゃんと見てなかったのですが、自分のGithub プロフィールをみたら自分も対象になっていました。 よい機会なので、Github Archive Programとは何か、どん…