Comments 54
Вызов принят.
Вот почему было все со змейки: якобы сейчас каждый новый пост, это как еда для той же змейки, в итоге хабр растет с постами о играх в 30+ строк.
А началось то не со змейки
Можно ещё добавить немного для поддержки игры с клавиатуры:
jsfiddle.net/c62Pe/3/embedded/result/ (сначала айфрейму надо дать фокус)
document.body.addEventListener('keydown', press);
function press(e) {
var map = 'zsxdcvgbhnjmq2w3er5t6y7ui9o0p', key = map.indexOf(String.fromCharCode(e.which).toLowerCase());
if (key + 1) play({target: document.querySelector('div:nth-child(' + (29 + key) + ')')});}
jsfiddle.net/c62Pe/3/embedded/result/ (сначала айфрейму надо дать фокус)
А как же кривая громкости ADSR (attack-decay-sustain-release)?
Я всегда балдею, когда читаю что-то вроде «я вообще нуб в этом деле», а потом следует что-то вроде «покрывающих диапазон от A0 (Ля суб-контр-октавы, частота звучания 27.5 Гц) до C8 (До пятой октавы, частота 4186 Гц)».
Я хоть и играю на настроенной гитаре и значительно больше десятка песен, но для меня большая часть этой фразы — магия, и больше всего мне ясны слова «частота звучания» и «герц» =)
Я хоть и играю на настроенной гитаре и значительно больше десятка песен, но для меня большая часть этой фразы — магия, и больше всего мне ясны слова «частота звучания» и «герц» =)
Где же тут магия? Эти страшные слова — по сути всего лишь названия клавиш. Все что нужно знать для написания эмулятора — то, что такие клавиши есть.
Вообще суть многих страшных слов очень часто сводится к простым принципам. Взять хотя бы те же синхрофазотрон и интеграл.
Но все-таки после слов автора «моё музыкальное образование ограничивается десятком блатных песенок на расстроенной гитаре» как-то не очень ожидалось появление термина «суб-контр-октава» без пояснения, что это заклинание значит =)
Но все-таки после слов автора «моё музыкальное образование ограничивается десятком блатных песенок на расстроенной гитаре» как-то не очень ожидалось появление термина «суб-контр-октава» без пояснения, что это заклинание значит =)
Эммм. Ну я уж не знаю какой-то более базовой вещи в теории музыки.
Ну так автор и не упоминал о том, что он знаком с теорией музыки. Я как гитарист-самоучка могу определенно сказать, что для блатных песен под гитару никакие понятия о теории музыки не нужны. А для примитивной настройки гитары достаточно только понимать явление резонанса.
Еще раз процитирую автора «моё музыкальное образование ограничивается десятком блатных песенок на расстроенной гитаре».
Именно поэтому я приготовился к некоторому уровню изложения. И тут на тебе — суб-контр-октава! Да еще и Ля суб-контр-октавы! Для меня это было несколько внезапно =)
И вообще, предлагаю закончить оффтопить =) Мне кажется, я уже достаточно аргументировал свое высказывание. Оставим место для полезных комментариев =)
Еще раз процитирую автора «моё музыкальное образование ограничивается десятком блатных песенок на расстроенной гитаре».
Именно поэтому я приготовился к некоторому уровню изложения. И тут на тебе — суб-контр-октава! Да еще и Ля суб-контр-октавы! Для меня это было несколько внезапно =)
И вообще, предлагаю закончить оффтопить =) Мне кажется, я уже достаточно аргументировал свое высказывание. Оставим место для полезных комментариев =)
Не, я удивился что для вас «большая часть этой фразы — магия» при том, что «хоть и играю на настроенной гитаре и значительно больше десятка песен».
Хотя конечно прекрасно представляю как можно играть на скажем гитаре без теории этой всей. Я-то и сам музыкант-самоучка (барабаны), правда базовое сольфеджио осилил самостоятельно, даже гаммы на фортепиано поиграл пока не надоело.
Хотя конечно прекрасно представляю как можно играть на скажем гитаре без теории этой всей. Я-то и сам музыкант-самоучка (барабаны), правда базовое сольфеджио осилил самостоятельно, даже гаммы на фортепиано поиграл пока не надоело.
Да это просто мечта детства была — научиться на гитаре играть.
Потом гитара появилась, я взял самоучитель… А там чего-то втирают, втирают… А как после этого «Что такое осень» сыграть — непонятно. А вот аппликатуры аккордов и надписи С, D, Аm мне понравились. Так что теория пошла лесом, началась сугубая практика. А потом еще и гитарпро развратил =)
Поэтому когда при мне начинают говорить словами «сольфеджио», «суб-контр-октава», «сустейн», и т.п., да еще и вроде как со знанием дела, у меня к таким людям сразу уважение просыпается, потому что я это шаманство не осилил =)
Потом гитара появилась, я взял самоучитель… А там чего-то втирают, втирают… А как после этого «Что такое осень» сыграть — непонятно. А вот аппликатуры аккордов и надписи С, D, Аm мне понравились. Так что теория пошла лесом, началась сугубая практика. А потом еще и гитарпро развратил =)
Поэтому когда при мне начинают говорить словами «сольфеджио», «суб-контр-октава», «сустейн», и т.п., да еще и вроде как со знанием дела, у меня к таким людям сразу уважение просыпается, потому что я это шаманство не осилил =)
Да я это все нагуглил. Ещё вчера я бы не смог так отборно материться.
О! Моя курсовая, правда делал еще на паскале)
А зачем забивать частоты нот хардкодом? Насколько я помню, частота ноты равна 440*2^{n/12} Гц, где n — смещение ноты от ля первой октавы в полутонах.
Ну, не каждый лад выражается такой простой формулой… Если мы захотим поиграть в одном оркестре с духовыми инструментами, то придется брать рациональные отношения частот.
Хотя, с точки зрения минимальности кода, идея использовать формулу здравая.
Хотя, с точки зрения минимальности кода, идея использовать формулу здравая.
Для пианино — все клавиши описываются этой формулой. Почему бы и нет, в соревновании то на краткость? ;)
Для пианино — все клавиши звучат так, как их настроят, и формулой описываются только в том случае, если их по этой формуле и настраивали
Вообще-то уже давно принят как стандарт равномерно-темперированный строй ru.wikipedia.org/wiki/%D0%A0%D0%B0%D0%B2%D0%BD%D0%BE%D0%BC%D0%B5%D1%80%D0%BD%D0%BE_%D1%82%D0%B5%D0%BC%D0%BF%D0%B5%D1%80%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B9_%D1%81%D1%82%D1%80%D0%BE%D0%B9
есть конечно споры писал ли Бах ХТК именно под этот строй или под строй Веркмейстера но факт что с 18-го века используется именно этот строй.
есть конечно споры писал ли Бах ХТК именно под этот строй или под строй Веркмейстера но факт что с 18-го века используется именно этот строй.
На некоторых музыкальных инструментах можно извлечь только звуки натурального звукоряда, cреди них фанфара (и горн), рог (охотничий рог, альпийский рог, почтовый рожок, шофар и т.п.), натуральная труба (особенно её старинные разновидности, например, лур), натуральная валторна, так называемые обертоновые флейты (молдавская тилинка, некоторые разновидности общетюркского шогура) и другие духовые инструменты, а также варган. По отношению к этим и подобным инструментам говорят, что они звучат в «натуральном строе».И если такие инструменты нужно добавить в оркестр — то и остальные придется под них подстраивать. А так — да, равномерно-темперированный строй давно уже стандарт…
Большое спасибо. Сказывается отсутствие базовых знаний.
Что, на хабре неделя JavaScript?
Я вот уже какой пост читаю и не понимаю, честно говоря, в чём смысл. Искаверкать код не невозможности, но вместиться в N строчек?
То есть как, мне понятно, что всё это — just for fun. Но так же мне понятно, что если сжать этот с помощью ADVANCED_OPTIMIZATIONS в GCC, то вообще 4 строчки получится. И читабельность примерно такая же :). А можно ещё переносы строк убрать! :)
Тот код, который получился — он уже нечитабелен никому, кроме автора (и автору через два месяца тоже будет нечитабелен). Если это — нечто для конкурса типа js1k, то тут очевидно фиговая оптимизация, есть уже описанные здесь на хабре гораздо более прикольные техники.
То есть как, мне понятно, что всё это — just for fun. Но так же мне понятно, что если сжать этот с помощью ADVANCED_OPTIMIZATIONS в GCC, то вообще 4 строчки получится. И читабельность примерно такая же :). А можно ещё переносы строк убрать! :)
Тот код, который получился — он уже нечитабелен никому, кроме автора (и автору через два месяца тоже будет нечитабелен). Если это — нечто для конкурса типа js1k, то тут очевидно фиговая оптимизация, есть уже описанные здесь на хабре гораздо более прикольные техники.
У меня звук был на максимуме. А это пианино меня кипричом по ушам!
1. Можно ли избавиться от задержек?
2. Пусть строк будет больше, а звук поживее :)
1. Можно ли избавиться от задержек?
2. Пусть строк будет больше, а звук поживее :)
установили форму сигнала: osc.type = «square»; (по умолчанию был синусоидальный)
Почему отказались от синуса? Он вроде приятнее звучит. Да и звук пианино всё-же более близок к синусу чем к прямоугольным колебаниям.
До пианино расти и расти :( Электро-орган, и то примитивный :( Я так понимаю нормального звука в API нет?
Действительно, спонтанный конкурс лучше выдерживать не в стиле «30 строк» а 1024, 4096 и 10кб — хотя такие соревнования уже есть:
js1k.com
10k.aneventapart.com
даже с призами вроде…
js1k.com
10k.aneventapart.com
даже с призами вроде…
Вот, японцы развлекаются: www.g200kg.com/en/webaudio/
Хотя тут далеко не 30 строк, конечно
Хотя тут далеко не 30 строк, конечно
Многовато лишнего кода. Можно же и короче, и читабельнее: jsfiddle.net/c62Pe/29/ А с треугольными волнами ещё и ламповее.
Вообще красота.
а сложно сделать так что бы длительность ноты задавалась длительностью нажатия клавиши?
Или что бы вообще клавиши соответствовали обычной клавиатуре?
Или что бы вообще клавиши соответствовали обычной клавиатуре?
Сегодня буду переписывать и дописывать.
Разумеется, уже не в 30-строчных рамках, и с нормальным читабельным кодом :)
Разумеется, уже не в 30-строчных рамках, и с нормальным читабельным кодом :)
да всё равно сколько кода не мне же его писать:-) самое главное звучание и возможность сыграть на обычной клавиатуре без миди — к примеру было бы очень круто если бы клавиши
от «y» до "]" — были до ре ми фа соль ля си — первой октавы
соответственно:
«7» — до диез
«8» — ре диез
«0» — фа диез
"-" — соль диез
"=" — ля диез
ну и от «z» до «m» — до ре ми фа соль ля си малой октавы
«s» — до диез
«d» — ре диез
«g» — фа диез
«h» — соль диез
«j» — ля диез
а если ещё будет возможность задавать октавы (повышать понижать другими клавишами — то вообще жесть:-)
что-то я размечтался — захотелось сыграть что-то на обычной клавиатуре как на настоящем пианино — наверное надо самому этим занятся
от «y» до "]" — были до ре ми фа соль ля си — первой октавы
соответственно:
«7» — до диез
«8» — ре диез
«0» — фа диез
"-" — соль диез
"=" — ля диез
ну и от «z» до «m» — до ре ми фа соль ля си малой октавы
«s» — до диез
«d» — ре диез
«g» — фа диез
«h» — соль диез
«j» — ля диез
а если ещё будет возможность задавать октавы (повышать понижать другими клавишами — то вообще жесть:-)
что-то я размечтался — захотелось сыграть что-то на обычной клавиатуре как на настоящем пианино — наверное надо самому этим занятся
Кто о чём, а я о матмузчасти.
Нота «си» у пианистов (по крайней мере, у тех, кто меня учил бряцать на клавишах в музыкальной школе 15 лет тому назад) обозначается вовсе не B, как обычно пишут в табах гитаристы, а H. B — это си-бемоль, т.е. на клавиатуре фо-но соответствует A# (ля-диезу). Например, вот тут про это в двух словах сказано. И на жизнерадостной картиночке, приведённой в комментах выше, тоже везде H, если приглядеться.
Тогда уж так:
До, До-диез/Ре-бемоль, Ре, Ре-диез/Ми-бемоль, Фа, Фа-диез/Соль-бемоль, Соль, Соль-диез/Ля-бемоль, Ля, Ля-диез/Си-бемоль.
А то чего это, си-бемоль есть, а остальных бемолей нету… Непорядок!
Нота «си» у пианистов (по крайней мере, у тех, кто меня учил бряцать на клавишах в музыкальной школе 15 лет тому назад) обозначается вовсе не B, как обычно пишут в табах гитаристы, а H. B — это си-бемоль, т.е. на клавиатуре фо-но соответствует A# (ля-диезу). Например, вот тут про это в двух словах сказано. И на жизнерадостной картиночке, приведённой в комментах выше, тоже везде H, если приглядеться.
Каждая октава на клавиатуре состоит из двенадцати нот:
До, До-диез, Ре, Ре-диез, Ми, Фа, Фа-диез, Соль, Соль-диез, Ля, Ля-диез/Си-бемоль, Си
Тогда уж так:
До, До-диез/Ре-бемоль, Ре, Ре-диез/Ми-бемоль, Фа, Фа-диез/Соль-бемоль, Соль, Соль-диез/Ля-бемоль, Ля, Ля-диез/Си-бемоль.
А то чего это, си-бемоль есть, а остальных бемолей нету… Непорядок!
А оно по-разному.
В классике — где всё считается от камертонного «ля» 440 герц — и оттуда обозначается последовательными буквами алфавита (A,B,C,D...). Очень логично и последовательно. Легко запомнить! H при этом обозначает Bb или A#. Но есть и да, другой вариант. Где B и H меняются местами, и звукоряд обозначается уже A,H,C,D..., а B это Hb или A#.
Я одинаково часто сталкивался с обоими вариантами. Поэтому утверждать, что один из них более «правильный» — не стану. Просто факт в том, что есть оба!
В классике — где всё считается от камертонного «ля» 440 герц — и оттуда обозначается последовательными буквами алфавита (A,B,C,D...). Очень логично и последовательно. Легко запомнить! H при этом обозначает Bb или A#. Но есть и да, другой вариант. Где B и H меняются местами, и звукоряд обозначается уже A,H,C,D..., а B это Hb или A#.
Я одинаково часто сталкивался с обоими вариантами. Поэтому утверждать, что один из них более «правильный» — не стану. Просто факт в том, что есть оба!
Я вовсе и не утверждаю, что какой-то один вариант правильный. Просто лично мне это «B» в качестве «си» царапает глаз, потому что меня учили по-другому (хотя знакомые гитаристы и используют нотацию, как у автора, но тут речь всё же про фо-но). Я и источники своего знания привожу — это программа муз. школы (т.е. учебники по сольфеджио, которые гуглибельны) и вики. А вы где «одинаково часто сталкивались», если не секрет? :)
Да как раз в песенных сборниках. Там обычно мелодическая линия для голоса + обозначена гармония для аккомпанемента. И вот там порой полная вольность обозначений H и B. Иногда даже в пределах одного сборника! Вполне обычно, когда доминанта к E обозначается как H. А в другом произведении там же субдоминанта к F — всё та же H.
Писал похожее для конкурса JS1K. Вот демо: js1k.com/2012-love/demo/1209 Вроде даже исходник сохранился но он очень подрезанный. Надо поискать или полный исходить есть где-то… У меня там даже есть режим самопроигрывания :)
Как-то оно надоело уже. Ну и не меряется код строками.
Я попытался сделать статью информативной, а не просто «Смотрите, пацаны, чо я написал».
Если не получилось — извините, над комментами есть кнопочка со стрелочкой вниз.
И код не меряется строками если вы разрабатываете что-то для реальной жизни. В продакшн бы я в жизни ничего похожего не написал.
А это — просто развлечение, если хотите, своего рода искусство. Занятие, родственное демосцене. Тут код может меряться и строками, и байтами, и соотношением количеств букв «a» и «b» в коде.
Если не получилось — извините, над комментами есть кнопочка со стрелочкой вниз.
И код не меряется строками если вы разрабатываете что-то для реальной жизни. В продакшн бы я в жизни ничего похожего не написал.
А это — просто развлечение, если хотите, своего рода искусство. Занятие, родственное демосцене. Тут код может меряться и строками, и байтами, и соотношением количеств букв «a» и «b» в коде.
Если добавить немного кода и переписать соединение источников, будет 30 строк, но звучать будет получше благодаря непостоянной огибающей.
gainNode = context.createGain();
//<...>
osc.type = "square";
osc.connect(gainNode); //Меняем дестинейшен вот тут
//ниже - энвелоуп
gainNode.connect(context.destination);
gainNode.gain.value = 0.5;
gainNode.gain.linearRampToValueAtTime(0, context.currentTime);
gainNode.gain.setTargetAtTime(1,context.currentTime,0.1);
gainNode.gain.setTargetAtTime(0,context.currentTime+0.1,0.3);
osc.start(0);
setTimeout(function() {
osc.stop(0);
osc.disconnect(gainNode); //Меняем дестинейшен вот тут, заодно делаем звучание подлиннее
}, 5000 / 2);}
http://jsfiddle.net/MQ8Q7/3/
Вот, добавил в ваш код огибающую, можно потестить.
Вот, добавил в ваш код огибающую, можно потестить.
Не проверил уровень звука. Открыл демо. Нажал клавишу. Навалил кирпичей. Закрыл демо.
В общем, не удивляйтесь, если левая часть клавиатуры будто бы вообще не звучит.
Вы так пишите, как-будто бы маковские ноуты у всех, и все как один будут писать почему работает только половина клавы)
Sign up to leave a comment.
Пианино в 24 строки на Javascript: если играть, то музыку