2D entertainment development made easy! Fast! Comfortable!
マイクロソフト、WebAssemblyとWebGLで推論エンジンを実装した「ONNX Runtime Web」(ORT Web)をオープンソースで公開 マイクロソフトは、WebAssemblyとWebGLで機械学習の推論エンジンを実装した「ONNX Runtime Web」(ORT Web)をオープンソースで公開しました。 INTRODUCING: #ONNXRuntime Web (ORT Web), a new feature in ONNX Runtime to enable JavaScript developers to run and deploy machine learning models in browsers https://t.co/Ey3tsNlkEe pic.twitter.com/9uGyK8Pra0 — onnxruntime (@onnxruntime)
3Dコンテンツの制作において「三角関数は必須」とよく聞きます。ウェブサイト制作で三角関数を使う場面はほとんどありませんが、WebGLの勉強をすすめると3Dでは三角関数を使う場面が多いことに気づきます。本記事では3Dコンテンツ制作で使用頻度が多い基本的な数式と概念をまとめました。 今回解説する内容は地味ですが、ゲームやデータビジュアライゼーションを作る上でこの数式が基本となってきます。高校数学で学んだことをベースに、3つのサンプルを通して学習できるようまとめましたので、ぜひ最後までお付き合いください。WebGLの人気ライブラリの1つ「Three.js」を使って解説しています。 三角関数を使ったデモの紹介 まずは、本題に入る前に三角関数を使ったデモを作成したので紹介します。次のリンクをクリックしてご覧ください。 デモを別ウインドウで再生する ソースコードを確認する 地球をモチーフにしたサンプル
WebGLとWebSocketによる3Dオンラインレースゲーム「JS-Racing」の全て!(後編) 西田慎吾(株式会社アイ・エム・ジェイ) WebGLとWebSocketによる3Dオンラインレースゲーム「JS-Racing」の全て!(後編) 前回に引き続きHTML5 Japan Cup 2014にてWebGL賞と優秀賞をいただいたオンラインレースゲーム、JS-Racingの技術解説をさせていただきます。 サーバサイドの使用技術 サーバサイドの技術としてNode.jsを使用しています。Node.jsはサーバーサイドで動作するJavaScriptで、ノンブロッキングI/Oというモデルを採用しています。非同期処理でデータベースへのアクセスとWebページの表示を別々に行ってくれるので、ストレスなく大量のページの表示が出来ます。また、Socket.ioというライブラリを扱うことで、WebSocke
現状は「MMDデータを扱えるようにした」がより正確かも。前: sm26268613 次: sm27956156mylist/49125767デモ: http://threejs.org/examples/#webgl_loader_mmd_audioJavaScriptでMMDデータを扱えるMMDLoaderを作りました。Three.js r74に入りました。ブラウザ上でリアルタイムにMMDを踊らせたり、その他色々できます。後半はまだまだ開発途中のブラウザMMDエディタの紹介。Three.js EditorにMMDをサポートさせようとしているところ。エディタデモ: http://takahirox.github.io/three.js.mmdeditor/editor/Menu bar->Add->MikuブラウザMMDビューアアプリ作成で得たノウハウをもっと多くの人が活用できるようにT
【CEDEC 2015】ブラウザゲーム新時代の幕開けか? ”WebGL”が可能にしたブラウザと3DCGの新たな道 新時代を切り開く武器となるか2015年8月26日から8月28日までの3日間、パシフィコ横浜で開催されるコンピュータエンターテインメント開発者向けカンファレンス“CEDEC 2015”。ファミ通Appではスマホ関連のセッションを中心にリポート! ここでは初日にあたる8月26日午前11時20分から実施された、“WebGLとモバイルウェブの「これまで」と「これから」 そして来るべきWebGL 2.0へ向けて”の講演の模様をお届けする。 本講演では、WebGL開発支援サイト”wgld.org“の運営やWebGLスクールの主催などもされている、まさにWebGLのスペシャリストである杉本雅広氏が登壇。WebGLの現状とその将来性について語られた。
3D Development environment for the web. WebGLStudio (formerly known as WebGLStudio) is a platform to create interactive 3D scenes directly from the browser. It allows to edit the scene visually, code your behaviours, edit the shaders, and all directly from within the app. Try WebGLStudio.js Example Source on GitHub Documentation Learn or you can use the latest version (more features and more bugs)
What is this? HexGL is a futuristic, fast-paced racing game built by Thibaut Despoulain using HTML5, Javascript and WebGL and a tribute to the original Wipeout and F-Zero series. Credits. HexGL was built with love using three.js, a 3D library built on top of WebGL and maintained by Mr.doob and AlteredQualia. I'd also like to thank Nobiax for the great metalic road texture, Charnel for the HexMKI b
MicrosoftとProduction I.Gの共同プロジェクトが実現!完全無料WEBゲーム登場!RETHINK WEB GAMING ▶▶ Production I.G and Internet Explorer have teamed up to create Gargantia: Sky Courier, a brand new action adventure game based on the popular intro series Gargantia on the Verdurous Planet. ▶▶ In Sky Courier, you get to play the role of Ledo as he explores his new home from the sky while piloting a surf kite with the help of hi
はじめに 数あるHTML5の機能の中でも、特にビジュアルでインパクトのあるWebGL。GPUを駆使した高速3DCGレンダリングが可能なことで話題になったものの、今一つ普及しない背景には「実装があまりにも難しい」ことがあるのではないでしょうか。 three.jsの登場により、実装のハードルはだいぶ下がりました。しかし、JavaScriptに精通したプログラマでなければ使いこなすのは容易ではなく、ビジュアル要素の強いWebGLにあってデザイナーさんの参入は難しいのが現状です。 今回紹介する「jThree(ジェイスリー)」は、そんなWebGLをjQueryの記法で扱えるようにするための国産JavaScriptライブラリです。前述のthree.jsをラップしてjQueryで操作できるよう設計されており、jQueryを使ったことのある方なら、手軽にWebGLコンテンツを作ることができます。 本記事で
Use WebGL in Internet Explorer 11 to create dynamic 2D and 3D graphics for games and interactive content. Note There are memory limits that affect WebGL for Windows Phone 8. See App memory limits for Windows Phone 8 for more info. WebGL is available on all IE11 devices. IE11 supports rendering WebGL pages including those written with three.js, a popular WebGL library. With the emerging WebGL web
Microsoft Japan Headquarters Shinagawa 31F, Seminar Room B Shinagawa Grand Central Tower 2-16-3, Konan Minato-ku, Tokyo - Japan 日本マイクロソフト 株式会社 品川本社 東京都港区港南 2-16-3 品川グランドセントラルタワー 31 階 セミナールーム B 2014-06-03: We increased the number of seats, from 60 to 120. Update: All seats are already taken. We may provide more seats. Follow our tweet. We have begun offical registration at Peatix. Peatix にて応募を開始いたし
HTML5に関連する技術のひとつに、WebGLがあります。WebGLは、ブラウザー上で3DCGプログラミングを実現できる技術です。今回のレポートでは、WebGLプログラミングの基礎知識についてご紹介します。 WebGLって? WebGLでどんなことができるのか──百聞は一見にしかず。まずは例を見てみましょう。demo内のスライダー部分をドラッグすることでカメラの位置などを任意に変更できますので、リアルタイムでレンダリングされていることがわかるでしょう。 (invalid jsdo.it code) このように、ブラウザー上でプラグインに頼ることなく、なめらかな表面、自然な影、高FPSでのリアルタイムレンダリング(アニメーション)など、まるで最近の家庭用ゲーム機にも匹敵する高度な3DCG表現ができるわけです。 WebGLは2013年10月現在、Chrome、Firefox、Operaで標準対
投稿した3DCG作品を自由な視点から見られる立体作品や画像作品として公開することができます。ご登録・ご利用は全て無料です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く