Гармошка

Соорудил гармошку на ЦСС и джаваскрипте.

Кроссбраузерностью не заморачивался, должно играть в современных браузерах.

Особых чудес в коде нет, но мне нравится, как умно считается градус сгиба мехов, и что аудио включается мягко, без пуков. Посмотрите сами, как там всё устроено.

Если есть идеи по развитию игрушки, добро пожаловать в репозиторий на Гитхабе. Жду пулреквестов.

Двигайте меха!

Поделиться
Отправить
Запинить
12 комментариев
Денис Талала 2012

Гениально!

Абдуллин Салават 2012

Не сразу догадался, что надо двигать за край браузера :-)

Артём Поликарпов 2012

А я никак не могу догадаться, что у вас имя, что — фамилия. В советах, при редактировании, постоянно голову ломаю. Потому что имя должно быть первым, а у вас я не уверен, что так.

Салават Абдуллин 2012

Если честно, раньше думал, что это принципиально только для иностранных языков, например, английского. Так же считал, что русскоговорящий человек без проблем сможет отличить имя от фамилии. Теперь буду в обязательном порядке ставить имя в первую очередь, чтобы не отходить от принятых норм и чтобы не возникали подобные непонятные моменты.

Илья Страйков 2012

Забавно

Вадим Макеев 2012

Забавная штука получилась, удивляет только следующее:

  1. Почему в HTML-коде только OGG вживую и нет там же подключения MP3?
  2. Почему Compass такой глупый, что рисует -o-border-radius и -o-backgrodun-size, хотя этих свойств никогда не существовало в природе.
  3. Твой HTML-цинизм (b-b-b-b-i-i-i-i).
Артём Поликарпов 2012
  1. У меня подмена в скрипте происходит. Научи, как правильно?
  2. Сделать пулреквест что ли.
  3. Ты бы какой тег выбрал?
Вадим Макеев 2012
  1. Правильно будет подключать <audio> через вложенные элементы <source> с соотв. атрибутами type. Браузер сам выберет какой файл подгрузить, скрипт для этого не нужен.
  2. Да делали уже, делали…
  3. Кнопка — это <button> (что может быть очевиднее?), структурный элемент <div>, инлайн <span>
Артур Пайкин 2012

Класс! Тоже не сразу понял, что нужно край тянуть. Развлекаемся на всю квартиру :-)

Дмитрий Дорошев 2012

А она рвется, когда на большом дисплее растягиваешь?

Артём Поликарпов 2012

Не должна :-)

Павел Моисеенко 2012

Круто!

Олег Громов 2012

Идея прикольная, но играет как-то криво. Зачем кнопки и дёргать за край браузера, если музыка всё равно по-своему звучит?

Артём Поликарпов 2012

Вообще, я думал как-то потом развить гармошку. Чтобы кнопки нажимать и возить имменно свой аккорд. Пока вот такой детский режим, назовём его «мейджик концерт».

Алексей Шургин 2012

Очень остроумно!

Алексей Табрисов 2012

Гениально!

Популярное