Гармошка

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

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

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

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

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

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

Гениально!

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

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

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

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

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

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

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

Забавно

Вадим Макеев

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

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

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

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

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

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

Не должна :-)

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

Круто!

Олег Громов

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

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

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

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

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

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

Гениально!

Популярное