p5js-setup

What problem does it solve?

このスキルは、複数デバイス間で一貫したP5.js開発体験を得るための基本セットアップを提供します。CDNの活用、仮想画面サイズ、キャンバスの配置、インスタンスモード、そしてタッチ/マウス入力の扱いを統一します。

Core Features & Use Cases

• 固定仮想画面: VIRTUAL_WIDTHとVIRTUAL_HEIGHTを用いた端末横断の一貫性を確保。
• キャンバス配置とUI層: canvasを特定のコンテナへ配置し、UI要素とのレイヤー管理を実現。
• インスタンスモードの活用: 複数の小規模プロジェクトで再利用可能な基本設定を提供。
• 実用例: 2Dゲームやインタラクティブデモでの安定した描画と入力処理を保証。

Quick Start

このスキルを使って、固定された仮想画面サイズとcanvas配置、インスタンスモードを適用したP5.jsの基本セットアップを新規プロジェクトに適用してください。