前回からのつづきです。glTF形式の3Dモデルをいろいろ表示しています。 モデルによっては読込・表示までに時間のかかるものも。 コーディングは前回までのBabylon.jsコーディングと同じようにHTML、CSS、JavaScriptで行っています（Typescript使っていません）。

エンジニア同士の情報共有を目的としたコミュニティ「ふわふわエンジニアタイム」が主催する「Markup Meetup」。3回目の今回は、フロントエンドエンジニア、マークアップエンジニア、コーダー、デザイナーの垣根なく、HTML / CSS / JavaScript に関わるナレッジ ...

インプレスグループで電子出版事業を手がける株式会社インプレスR&Dは、『JavaScriptゲームプログラミング知っておきたい数学と物理の基本』（著者：田中 賢一郎）を発行いたしました。同時にPython版『Pythonゲームプログラミング 知っておきたい数学と物理 ...

前回からのつづきです。今回はglTFファイル形式の3Dモデルアニメーションを表示するプログラムをリストしてみました。 こちらも前回と同じく、読込・表示に時間がかかるものがいくつかあります。 コーディングは前回までのBabylon.jsコーディングと同じ ...

面白そうなJavaScriptがリリースされました！ SVGやCanvasで実装した平らな要素をブラウザ上に3Dモデルでレンダリングすることができる超軽量JavaScriptライブラリを紹介します。レンダリングされた形状は3D空間に存在するかのようにクリックやドラッグなどで ...

ログインして、InfoQのすべての体験をアンロックしましょう！お気に入りの著者やトピックの最新情報を入手し、コンテンツと交流し、限定リソースをダウンロードできます。 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with ...

HTML言語の最新バージョンとして、現在標準化作業が進められている「HTML5」。 HTML5では、今やWebサイトにはあたりまえのマルチメディアコンテンツについて、これまでFlashやAjaxの技術が必要だった機能についても、HTML5とJavaScriptのみで実現が可能になります。

通常、複雑な記述をより簡単にできるようにした、3Dを描画する軽量のスクリプトを紹介します。 サイトでは下記のように数多くのデモが楽しめます。 three.jsは<canvas>, <svg>とWebGLを使って、2Dと3Dをレンダリングすることができます。 各デモは対応ブラウザ ...

MIERUNE Inc.の@satoshi7190氏が公開している同デモは、オープンソースのJavaScript 3Dライブラリ「Three.js」と国土交通省公開のオープンデータからの情報を組み合わせたもので、複雑な新宿駅地下および周辺の構造を俯瞰できる。主要ブラウザがサポートするWebGLを ...