GitHub Blocks と p5.js の組み合わせのお試し用

2023/2/10時点では「Technical Preview」となっている「GitHub Blocks」のお試し用です。 公式サンプルの中で、p5.js のキャンバスを GitHub上で表示させるものを見かけて、それを自分でも試そうと思って、このリポジトリを作成しました。

リンクのメモ

自分のお試し用

• GitHub Blocks公式のサンプル
  • p5-sketch-sample.js を実行するキャンバスのみ表示
  • p5-sketch-sample.js のコードと実行用のキャンバスを並べて表示
• カメラ利用（p5.js公式サンプルを少しだけ改変）
  • p5-VideoCapture.js を実行するキャンバスのみ表示
  • p5-VideoCapture.js のコードと実行用のキャンバスを並べて表示
• 3D表示・orbitControl() の利用（p5.js公式サンプルを少しだけ改変）
  • p5-orbitControl.js を実行するキャンバスのみ表示
  • p5-orbitControl.js のコードと実行用のキャンバスを並べて表示

公式のもの

• GitHub Blocks
• blocks/examples at main · githubnext/blocks · GitHub
• blocks/1 Intro.md at main · githubnext/blocks · GitHub