TL; DR WebGLで3Dダンジョンを実装してみました。 https://nonchang-net.github.io/20180304_webglTest/ ソースもアップしときました。 https://github.com/nonchang-net/20180304_webglTest この記事の対象読者 Three.jsとTypeScriptでゲーム作りかけ挫折の事例ポエムを斜め読みしたい人 UnityとWebGL比較ポエムを斜め読みしたい人 僕の音楽を聴きたい人 聞きたいだけならこちらで直で落とせます これは何 ゲームにはなってませんのでご容赦ください。 主にTypeScript+Three.jsによる3Dダンジョン実装です。 後は右上のミニマップが2D Canvas。UI類はHTML+CSSです。 昔ながらの方眼紙マップな3Dダンジョンです。 バトルはできません。敵は出るけど
このコンテンツについて 本コンテンツをご覧いただくには HTML5/WebGL対応の下記ブラウザを推奨します Microsoft Internet Explorer 11.0以降 Google Chrome 最新バージョン Safari 最新バージョン Mozilla Firefox 最新バージョン iOS端末：iOS 8.0 以降の標準ブラウザ、Chrome Android端末：Android 5.0以降 下記のブラウザでは、 機能が省略された簡易版となります。 Microsoft Internet Explorer 10以前 iOS端末： iOS 7.x 以前 Android端末：Android 4.x 以前 クレジット 冥王星: NASA/Johns Hopkins University Applied Physics Laboratory/Southwest Research
THREE.MMDLoader which I've been developing will be available in Three.js r74. It was already merged into r74 dev. https://github.com/mrdoob/three.js/pull/7687 MMDLoader enables you to use MMD data on browser with Three.js. Demo: http://takahirox.github.io/three.js/examples/index.html#webgl_loader_mmd_stage (Sound comes out) http://takahirox.github.io/MMDLoader-app/index.html Source code: https://g
2018年にOculus Go（オキュラス・ゴー）が発売されました。Oculus Goはパソコンやスマートフォンを必要とせず、単体でVR（バーチャルリアリティ、仮想現実）が楽しめるスタンドアロン型VR HMD（ヘッドマウントディスプレイ）です。価格も当時は23,800円からと比較的安価なため、日本でも購入者が増えこれまでと比べ一気にVR環境が広がりました。 VR環境の普及に伴い、ウェブコンテンツにおいてもVR対応へのニーズが増えています。ウェブブラウザにはWebXR Device APIが策定されており、これを使用することでブラウザでもVR体験が可能です。 ※以前はWebXR APIではなく、WebVR APIという仕様がありました。WebVR APIの策定はv1.1で停止しています。VR以外にもAR（拡張現実）やMR（複合現実）といったXR（◯◯現実）を総合的に扱うWebXR Devic
今回は、Blenderでモデリング、アニメーションをつけて、JSON形式で書き出して、three.jsでJSONデータを読み込んで、モーフィングアニメーションを再現する流れを、ざっくりと説明出来ればと思います。 ソースコードは、以下よりダウンロード頂けます。 ソースコード モデリングとアニメーションの作成にBlenderを使っています。Blenderはオープンソース（無償）の3DCG制作ツール で、現時点での最新バージョンは2.72bになります。3DCG制作ツールはMayaや3dsMaxやLightwave3D等、高機能なプロ用ソフトが多くありますが、どれもそれなりの価格になります。Webコンテンツでの利用においては、レンダリングはあくまでブラウザ上なので、使う機能と言えば、せいぜいモデリングとアニメーション程度になり、高価で高機能な3DCG制作ツールは、オーバースペックだと思います。Bl
OculusRiftDK2を触る機会があったので、以前作ったJS-RacingをOculusRift用に改良しました。 視聴方法 OculusRiftのセットアップ 何はともあれOculusRiftDK2をセットアップする必要があります。詳しくは説明しませんが、以下のサイトが分かりやすいかもしれません。 Oculus Rift DK2をセットアップする手順 Oculus Rift DK2 初心者に贈る接続・初期設定ガイド デバイスを繋ぐだけというわけに行かないので少し面倒かもしれませんが、汎用性を考えるとしょうがないのかもしれません。VRコンテンツを楽しむだけの場合はOculusRuntimeだけでSDKは必要ありません。 ChromiumのWebVRBuildsをインストール OculusRift用のエフェクトがかかっていれば、そのコンテンツをOculusRiftで見るだけで、立体的に表
Night Morning Day Cloudy Sunset Interstellar Apocalypse
安藤日記 安藤日記：デジタルガジェット好き「安藤幸央」の日々のメモ ( yukio.andoh@gmail.com ) [ http://twitter.com/yukio_andoh ] Design Sprint Newsletter https://designsprint.substack.com/ #FITCTokyo 2015 リアルタイムの実現 Achieving Realtime with リカルド・カベッロ Mr. doob @mrdoob ---------------------------------------------------------------- Mr.doob といいます。CGやってます。2011年に FITC Tokyo で発表しました。 2014年 Chrome が WebGL 対応になりました。 コンピュータの中にあるグラフィックスカードを使
デザイン、アート、テクノロジーに特化したカンファレンスイベント「FITC Tokyo 2015」が今年も開催！2015年2月7日（土）、8日（日）の2日間、昨年と同じくお台場の日本科学未来館にて、世界中から集まった最前線のデジタルクリエイターたちがプレゼンテーションを繰り広げる。 「FITC Tokyo」の開催は今回で６回目。昨年は演出振付家のMIKIKOが登壇し、Perfumeをめぐるコンセプト、制作プロセスなど、ダンスとテクノロジーを繋ぐ演出についてのプレゼンテーションを行い、大きな話題を呼んだ。FITCの特徴は、デジタル・クリエイティブに特化し、最新の事例をクリエイター自身が語ってくれるところ。インタラクティブ、テクニカル、デザイン、ビジネスなど、急速に変化し続けるこの業界の最先端の話題がいつも取り上げられる貴重な機会だ。合わせて行なわれるパーティでは、ネットワーキングの機会も提供さ
.NET のための通信フレームワーク MagicOnion 入門 / Introduction to MagicOnion
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
初めてのThree.js 第2版 ―WebGLのためのJavaScript 3Dライブラリ
