Example 05 · Bring another picture engine範例 05 · 接上別的畫面引擎

Prebiotic flakePrebiotic Flake

A 2023 MIDI sketch replayed through the framework, now with a Tone.js voice.2023 年的一件 MIDI 每日創作，搬進框架重新演奏。繪圖程式碼保持原樣，雪花現在透過 Tone.js 發出聲音。

Try these three things試試這三件事

  1. Play a note: each one is one flake, and the feedback zoom breathes.
  2. Open L4 · Output and enable sound: the flakes get a voice.
  3. Drag Zoom breathe or Hue shift in the params panel.
  1. 彈一個音：每個音是一片雪花，回饋放大會呼吸。
  2. 打開 L4 · Output 啟用聲音：雪花就有了聲音。
  3. 在參數面板拖動 Zoom breathe 或 Hue shift。

No hardware needed. On-screen piano · Simulated performer.不需要硬體。螢幕鋼琴、模擬演奏者。

Read these lines讀這幾行

  • main.js:28–30 The 2023 drawing code, almost verbatim, in p5 instance mode.2023 年的繪圖程式碼幾乎原樣，用 p5 的 instance mode。
  • main.js:154 sound: true is the L4 audio branch: Tone.js gives the flakes a voice.sound: true 是 L4 的音訊支線：Tone.js 讓雪花發出聲音。

Take this input into your own p5 sketch: one line.把這個輸入帶進你自己的 p5 草圖：一行。 Example 15 · Docs: p5.js in one line範例 15 · 文件：p5.js 一行接上

In the docs文件裡: p5.jsp5.js

Next: 07 Firework festival →下一個：07 花火大會 → All examples所有範例

Artwork credit: Che-Yu Wu, 230616 Prebiotic Flake, 2023. Artwork © Che-Yu Wu, used here as a demo, all rights reserved. The framework is MIT.作品版權：吳哲宇，230616 Prebiotic Flake，2023。作品 © 吳哲宇，在這裡當作示範，版權所有。框架採 MIT 授權。