const std = @import("std"); const mach = @import("mach"); const sysaudio = mach.sysaudio; const js = mach.sysjs; pub const App = @This(); audio: sysaudio, device: sysaudio.Device, tone_engine: ToneEngine = .{}, pub fn init(app: *App, _: *mach.Core) !void { const audio = try sysaudio.init(); errdefer audio.deinit(); const device = try audio.requestDevice(.{ .mode = .output, .channels = 1 }); errdefer device.deinit(); device.setCallback(callback, app); device.start(); app.audio = audio; app.device = device; } fn callback(_: *sysaudio.Device, user_data: ?*anyopaque, buffer: []u8) void { // TODO(sysaudio): should make user_data pointer type-safe const app: *App = @ptrCast(*App, @alignCast(@alignOf(App), user_data)); // Where the magic happens: fill our audio buffer with PCM dat. app.tone_engine.render(buffer); } pub fn deinit(app: *App, _: *mach.Core) void { app.device.deinit(); app.audio.deinit(); } pub fn update(app: *App, engine: *mach.Core) !void { while (engine.pollEvent()) |event| { switch (event) { .key_press => |ev| { app.device.start(); app.tone_engine.play(ToneEngine.keyToFrequency(ev.key)); }, else => {}, } } app.audio.waitEvents(); } // A simple tone engine. // // It renders 2048 tones simultaneously, each with their own frequency and duration. // // `keyToFrequency` can be used to convert a keyboard key to a frequency, so that the // keys asdfghj on your QWERTY keyboard will map to the notes C/D/E/F/G/A/B[4], the // keys above qwertyu will map to C5 and the keys below zxcvbnm will map to C3. // // The duration is hard-coded to 1.5s. To prevent clicking, tones are faded in linearly over // the first 1/64th duration of the tone. To provide a cool sustained effect, tones are faded // out using 1-log10(x*10) (google it to see how it looks, it's strong for most of the duration of // the note then fades out slowly.) pub const ToneEngine = struct { playing: [2048]Tone = std.mem.zeroes([2048]Tone), const Tone = struct { frequency: f32, sample_counter: usize, duration: usize, }; pub fn render(engine: *ToneEngine, buffer: []u8) void { // TODO(sysaudio): demonstrate how to properly handle format of the buffer here. // Right now we blindly assume f32 format, which is wrong (but always right in WASM.) // // TODO(sysaudio): get sample rate from callback, don't hard-code it here. const sample_rate = 44100.0; const buf = @ptrCast([*]f32, @alignCast(@alignOf(f32), buffer.ptr))[0 .. buffer.len / @sizeOf(f32)]; for (buf) |_, i| { var sample: f32 = 0; for (engine.playing) |*tone| { if (tone.sample_counter >= tone.duration) { continue; } tone.sample_counter += 1; const sample_counter = @intToFloat(f32, tone.sample_counter); const duration = @intToFloat(f32, tone.duration); // The sine wave that plays the frequency. const sine_wave = std.math.sin(tone.frequency * 2.0 * std.math.pi * sample_counter / sample_rate); // A number ranging from 0.0 to 1.0 in the first 1/64th of the duration of the tone. const fade_in = std.math.min(sample_counter / (duration / 64.0), 1.0); // A number ranging from 1.0 to 0.0 over half the duration of the tone. const progression = sample_counter / duration; // 0.0 (tone start) to 1.0 (tone end) const fade_out = 1.0 - std.math.clamp(std.math.log10(progression * 10.0), 0.0, 1.0); // Mix this tone into the sample we'll actually play on e.g. the speakers, reducing // sine wave intensity if we're fading in or out over the entire duration of the // tone. sample += sine_wave * fade_in * fade_out; } buf[i] = sample; } } pub fn play(engine: *ToneEngine, frequency: f32) void { const sample_rate = 44100.0; for (engine.playing) |*tone| { if (tone.sample_counter >= tone.duration) { tone.* = Tone{ .frequency = frequency, .sample_counter = 0, .duration = 1.5 * sample_rate, // play the tone for 1.5s }; return; } } } pub fn keyToFrequency(key: mach.Key) f32 { // The frequencies here just come from a piano frequencies chart. You can google for them. return switch (key) { // First row of piano keys, the highest. .q => 523.25, // C5 .w => 587.33, // D5 .e => 659.26, // E5 .r => 698.46, // F5 .t => 783.99, // G5 .y => 880.0, // A5 .u => 987.77, // B5 .i => 1046.5, // C6 .o => 1174.7, // D6 .p => 1318.5, // E6 .left_bracket => 1396.9, // F6 .right_bracket => 1568.0, // G6 // Second row of piano keys, the middle. .a => 261.63, // C4 .s => 293.67, // D4 .d => 329.63, // E4 .f => 349.23, // F4 .g => 392.0, // G4 .h => 440.0, // A4 .j => 493.88, // B4 .k => 523.25, // C5 .l => 587.33, // D5 .semicolon => 659.26, // E5 .apostrophe => 698.46, // F5 // Third row of piano keys, the lowest. .z => 130.81, // C3 .x => 146.83, // D3 .c => 164.81, // E3 .v => 174.61, // F3 .b => 196.00, // G3 .n => 220.0, // A3 .m => 246.94, // B3 .comma => 261.63, // C4 .period => 293.67, // D4 .slash => 329.63, // E5 else => 0.0, }; } };