Webブラウザ上で3DCGを簡単に表示できるJavaScriptライブラリ、Three.js。本記事では、Three.jsの概要から実際に3Dモデルを表示する手順、おすすめの学習素材まで紹介します。 Three.jsは、Webブラウザ上で3DCGを簡単に表示できるJavaScriptライブラリです。JavaScriptの ...

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

Three.js のチュートリアルをいろいろ探していたら「Three.jsの基礎知識」という素晴らしいサイトを見つけました。 Three.jsの基礎知識 fundamentalsで初めてのThree.jsレッスンを始めましょう threejsfundamentals.org 元々は「Three.js Fundamentals」という英語のサイトですが ...

最近、Three.js を使って “水のように揺らめく波アニメーション” を作りました。 この記事では、その実装方法と仕組みを簡単に解説します。 JavaScript や WebGL に少し慣れてきた方が「シェーダーを使った表現」に触れるきっかけになれば嬉しいです。