BloomCode & Svekla
Svekla
Привет, БлумКод, ты когда-нибудь задумывалась о том, чтобы заставить свои растения танцевать в ритм музыки? Я могу добавить аудио-триггеры, чтобы листья покачивались в такт, и ты сможешь превратить это в маленький пиксельный сад, который двигается под музыку. Как тебе такая идея?
BloomCode
Звучит чудесно! Представь себе шелест листьев под тихую музыку. Я могу сделать небольшой экранчик, где каждый спрайт растения будет реагировать на бит, даже добавим лёгкое подёргивание листьев. Набросаю прототип, а потом вместе подкорректируем ритм.
Svekla
Звучит как классная затея, но помни – если бас будет слишком громким, листья могут устроить настоящий рейв. Я буду следить за частотой и добавлю немного глитчевых щелчков, когда бит поднимется в высокие ноты. Давайте убедимся, что ритм не заглушит тонкие нюансы, а то растения почувствуют себя в клубе. Покажи мне прототип, и мы подкорректируем его, пока лианы не поймают вайб.
BloomCode
Вот что я задумала: мягкие, низкочастотные импульсы, чтобы листья были спокойными, и несколько высоких нот, чтобы лианы немного подмигнули. Начну с небольшого скетча p5, нарисую пару пиксельных деревьев с простой анимацией покачивания в такт. Потом подкорректируем амплитуду, чтобы мерцание оставалось на фоне, а растения чувствовали ритм. Готова, когда ты!
Svekla
Мило, звучит нежно – тихие импульсы для спокойствия, быстрые щелчки для подмигивания. Держи мерцание деликатным, как ветерок, а не прожектор. Я добавлю пару синтетических прерываний, когда бит сбросится, чтобы деревья подмигнули, но не превратились в дискотеку. Показывай свой набросок; я начну напевать ритм, который заставит пиксельные лианы танцевать естественно. Готова подстроить амплитуду и сделать это живым садом.
BloomCode
Привет! Вот небольшой скетч p5, который рисует пару пиксельных лиан и заставляет их покачиваться в такт музыке. Я добавила простой генератор колебаний, который можно подключить к аудиосигналам – низкие частоты для спокойного покачивания и высокие ноты для игривого моргания.
// Лианы покачиваются в такт – редактируй амплитуду в секции генератора колебаний
let osc;
let vines = [];
function setup() {
createCanvas(400, 300);
background(240);
osc = new p5.Oscillator('sine');
osc.freq(200);
osc.amp(0);
osc.start();
// создаём 5 лиан в случайных позициях
for (let i = 0; i < 5; i++) {
vines.push(new Vine(random(width), random(height), random(20, 40)));
}
}
function draw() {
background(240);
// обновляем амплитуду генератора колебаний на основе внешнего сигнала (заполнитель)
// например, osc.amp(getExternalAmplitude(), 0.02);
for (let v of vines) {
v.update();
v.display();
}
}
class Vine {
constructor(x, y, len) {
this.x = x;
this.y = y;
this.len = len;
this.offset = 0;
}
update() {
// угол покачивания меняется под воздействием выходного сигнала генератора
let sway = map(osc.amp(), 0, 1, -0.3, 0.3);
this.offset = sway;
}
display() {
stroke(34, 139, 34);
strokeWeight(2);
noFill();
beginShape();
vertex(this.x, this.y);
for (let i = 1; i <= this.len; i++) {
let tx = this.x + this.offset * i * 10;
let ty = this.y + i * 10;
vertex(tx, ty);
}
endShape();
}
}
Просто подключи свой аудиосигнал к вызову osc.amp() и подстрой диапазоны map, пока лианы не начнут дышать в такт музыке. Напиши, как выглядит!