Webブラウザ上で3DCGを簡単に表示できるJavaScriptライブラリ、Three.js。本記事では、Three.jsの概要から実際に3Dモデルを表示する手順、おすすめの学習素材まで紹介します。 Three.jsは、Webブラウザ上で3DCGを簡単に表示できるJavaScriptライブラリです。JavaScriptの ...
エンジニア同士の情報共有を目的としたコミュニティ「ふわふわエンジニアタイム」が主催する「Markup Meetup」。3回目の今回は、フロントエンドエンジニア、マークアップエンジニア、コーダー、デザイナーの垣根なく、HTML / CSS / JavaScript に関わるナレッジ ...
翔泳社では、「独習」「徹底入門」「スラスラわかる」「絵で見てわかる」「一年生」などの人気シリーズをはじめ、言語や開発手法、最新技術を解説した書籍を多数手がけています。プロジェクトマネジメントやチームビルティングといった管理職向けの ...
本記事はTim SeverienとSimon Codringtonが査読を担当しています。最高のコンテンツに仕上げるために尽力してくれたSitePointの査読担当者のみなさんに感謝します。 「VR元年」とも言われる2016年、JavaScriptエンジニアは3Dプログラミングを学んだほうがいいかもしれ ...
MIERUNE Inc.の@satoshi7190氏が公開している同デモは、オープンソースのJavaScript 3Dライブラリ「Three.js」と国土交通省公開のオープンデータからの情報を組み合わせたもので、複雑な新宿駅地下および周辺の構造を俯瞰できる。主要ブラウザがサポートするWebGLを ...
ピクシブ株式会社(本社:東京都渋谷区、代表取締役:國枝信吾、以下ピクシブ)は、3Dアバターモデルを用いたWebアプリケーションの開発をより簡単にするWeb開発者向けライブラリ「pixiv three-vrm」を、2019年9月12日(木)よりオープンソースとして公開し ...
クリエイティブ開発者のブルーノ・シモンズさんが、3DCGモデリングソフトの「Blender」を使って自身の部屋の3Dモデルを作成し、WebGLとThree.jsを使ってウェブブラウザ上で表現した「My Room in 3D」を公開しています。 My Room in 3D https://my-room-in-3d.vercel.app/ これが ...
インプレスグループで電子出版事業を手がける株式会社インプレスR&D(本社:東京都千代田区、代表取締役社長:井芹昌信)は、次世代型出版メソッド「NextPublishing」を使った新刊『JavaScriptでインタラクティブ3Dコンテンツを作ろう―Kinect+jThree+Milkcocoaを使っ ...
以前にJavaScriptで書かれたマリオカート(のようなカートゲーム)をご紹介したが、その作者のJacob Seidelinさんが再びJavaScriptでスゴイものを作った。それがこの「3D JavaScript Chess」だ。 実際の画面はこちら。 見た目は確かに3Dのチェス。マウスで白黒の駒を ...