GitHub

A lightweight 3D graphics library that uses the Canvas API for wireframe rendering. Zero ...

This library works with ES6 modules and requires an import map to resolve the package without a bundler.
GIGAZINE

PerfumeのモーションデータをHTML5のCanvasで3Dっぽく動かした「Perfume x ...

公式に配布されているデータを使ってPerfumeっぽい棒人間を踊らせまくっているのが「Perfume x Canvas」です。HTML5では「Canvas」というタグを使うことで、HTMLとJavaScriptだけでオブジェクト描画ができるようになっていますが、これを使って3Dっぽく動かしています。
CodeZine（コードジン）

HTML Canvasの3D対応への道を探る

Developers Summit 2026・Dev x PM Day 講演資料まとめ Developers Boost 2025 講演資料まとめ Developers X Summit 2025 講演資料まとめ Developers Summit 2025 FUKUOKA 講演関連資料まとめ Developers Summit 2025 KANSAI 講演関連資料まとめ ...
GitHub

3D Landing Page with HTML, CSS, and JavaScript

This project is a modern landing page featuring a 3D model rendered using the Canvas API. Built with HTML, CSS, and JavaScript, it delivers an interactive and visually appealing experience for users.
note

Gemini3 Pro Canvas で 360° HDRI パノラマビュアー - 日本語プロンプトで ...

簡単な日本語プロンプトで、シンプルなWebアプリをGemini3 Pro Canvasで制作してみました。今回は、回転する立方体ビュアーと、マウスドラッグ+ホイールで360°を見回しズームできる360°パノラマビュアーを紹介します。 シェルフのGeminiアイコンをクリック Gemini ...
note

Canvas+JavaScriptで多角形／星型多角形を描いた話

JavaScriptとCanvasの練習がてら、多角形／星形多角形を描いて遊びました。 具体的には下記を実装してみました。 ・円と線分を描く ・1秒ごとに頂点の数を増やす ・隣の頂点と繋ぐ／隣の隣と繋ぐ…とN個飛ばしで頂点をつなげるようにする 頂点0個飛ばし ...