本稿は「18.8: 3D Custom Shapes – WebGL and p5.js Tutorial」YouTube動画を元に再構成したものです。 p5.jsでは、カスタムシェイプ、つまり形状の自作は、 […]
続きを読む月: 2020年7月
p5.js WebGL入門 7 3D テキスト
本稿は「18.6: createGraphics() as WebGL Texture – WebGL and p5.js Tutorial」YouTube動画と「Getting started with W […]
続きを読むp5.js WebGL入門 6 3Dモデル
本稿は「18.7: Loading OBJ Model – WebGL and p5.js Tutorial」YouTube動画を元にしています。 p5.js WEBGLモードでは、Blenderなどの3DC […]
続きを読むp5.js WebGL入門 5 カメラ
本稿は「18.5: Camera and Perspective – WebGL and p5.js Tutorial」YouTube動画を元にしていますが、扱われているp5.jsのバージョンが前のものなので […]
続きを読むp5.js WebGL入門 4 テクスチャ
本稿は「18.4: Texture – WebGL and p5.js Tutorial」YouTube動画を元にしています。 テクスチャマッピング テクスチャとは絵柄、図柄といった意味で、3Dジオメトリの表 […]
続きを読むp5.js WebGL入門 3 ライト、マテリアル
本稿は「18.3: Light and Material – WebGL and p5.js Tutorial」YouTube動画を元にしています。 概要 はじめに、3DCGに出て来るライトやマテリアルなどの […]
続きを読むp5.js WebGL入門 2 3Dジオメトリ
本稿は「18.2: 3D Geometries – WebGL and p5.js Tutorial」YouTube動画を元にしています。 WEBGLモードでの描画 2D図形の描画 p5.jsでは、Webペー […]
続きを読むp5.js WebGL入門 1 スタート
はじめに 「p5.jsで始めるWebGL」でまとめているように、p5.jsでは、WebGL機能を使って、p5.jsのキャンバスで3D表現を行うことができます。この入門シリーズでは、「18.1: Introduction […]
続きを読むp5.jsで始めるWebGL
本稿は、「Getting started with WebGL in p5」ページに書かれている内容を基本に再構成したもので、内容を一部改変しています。WebGL(ウェブジーエル)は、ウェブブラウザで3次元コンピュータグ […]
続きを読む