Ну быстрая клавиша же будет для переключения в Expose, а там или какая-нибудь навигация, или сразу поиск. Может хоткей для переглючения групп тоже прикрутят. Это вроде как полностью решит проблемы? )
В Fx переключение табов у меня в порядке использования по Ctrl+Tab (видимо, TabMixPlus), а по Ctrl+PgDn — в порядке на панели. Совмещение поведений очень удобно.
В Опере же я нашёл просто галочку «в порядке использования/расположения на панели», без интуитивного, присутствующего везде Ctrl+PgUp/PgDn. И как включить такое поведение я не нашёл. Подскажите, позязя.
Что такое видимый сектор? О какой правильности смещения можно говорить, когда в одном предложении игрушка калейдоскоп и компьютерная мышь? ;) По правильному у нас должно быть несколько геометрических примитивов, которые будут перемешиваться при встряске калейдоскопа)
У меня относительный поворот калейдоскопа относительно вашего — 15 градусов. Если я сделаю смещение относительно медианы, то не будет прямой интуитивной связи движений мышки и движений рисунка, т.е. мышка будет как зерно в генераторах случайных чисел (хотя на самом деле я за такое поведение ;) ). У меня сделана привязка координат рисунка одного сектора к системе координат вьюпорта (как и у вас) — это соответствует физике этого мира :) В настоящем калейдоскопе незеркальный сектор обычно определить было невозможно, и «ортогональным» сектором может быть любой.
Здесь нужно смещение относительно общего контейнера (неясно — зачем). В вашем случае с вертикалью совпадала медиана первого сектора, в моём — его вертикальная сторона. Т.е. если будете водить мышью по первому сектору (справа от вертикали внизу), то паттерн будет двигаться ровно за мышкой, как и у вас.
Я кусок для ие вообще убрал… Там нужно перемножить матрицы, которые есть сейчас, на матрицу, которую я указал выше (первые две строки только, конечно), причём я постоянно путаю, в какой последовательности, надо оба варианта испробовать. В общем, просто было лениво:)
1. Забыл для всех браузеров циферки поменять, теперь работать должно.
2. Это калейдоскоп, там картинки перемешиваются! Смещение будет очевидно только при mousemove в первом секторе. Но я всё равно поправил, теперь поведение совсем как у вас было.
Эм, о чём мы вообще говорим? Под каким углом? У нас все сектора под углом. И два блока правда не нужны :)
Я таки сделал рабочий пример: quaint.su/for/habrahabr/kaleidoscope/
И там сделано зеркальное отражение, выглядит круто! Правда, тут виден плюс общего контейнера для сектора — матрицу можно было бы задать в одном месте для первого повёрнутого прямоугольника через .sc:nth-child(even) .rl{...}
Но этили лучше всё равно прописывать на js, так что без разницы.
С background-attachment проблемка — Fx не перерисовывает блоки с css-transform при изменении позиции, так что дальше ковырять не стал.
эм, не думаю, что это так критично, на цветочном орнаменте смотрится так же нормально)
а лучше вообще прямоугольники поворачивать на 0 и 30 градусов, тогда обрезается повёрнутым прямоугольником, а фон остаётся в нормально спозиционированном.
Сразу отвечу на комментарий ниже повтором — четвертый блок не нужен совсем :)
нет, он нужен, потому что иначе прийдется рассчитывать углы индивидуально для каждого повернутого блока, что будет полной лажей.
внутренние блоки поворачиваются относительно родителя? если да, то нумерованные классы можно проставить одному из наклонных блоков (внешнему), опять же — оставив всего два контейнера.
что приведет к еще большим нагрузкам на браузер
да, избавляюсь от лишних блоков, а тут ступил… не нужно, ок :)
Сектор можно сделать из двух блоков, на схеме это два наклонённых прямоугольника — в одном фон, второй отрезает нужный кусочек. Ну и можно оставить контейнер, если он действительно нужен, но не думаю, что он незаменим.
Вращение можно попробовать сделать вкладывая один сектор в другой, задавая относительное вращение каждого в 30 градусов.
Как уже выше сказали, изображение отражается от граней, стоит хотя бы сделать зеркальную картинку для нечётных граней. На деле там всё ещё сложнее, что и даёт замечательные эффекты :)
Ещё можно попробовать сделать перемешивание без js, с помощью background-attachment; при этом для перемешивания калейдоскопа его в прямом смысле надо будет трясти в стороны :)
Ну с ней либо с близорукостью, как я, либо с повышенным dpi, что, правда, не во всех программах помогать будет.
Вообще такое dpi очень эффектно смотрится :)
Потому что как сложение оно никогда не интерпретируется. Если первый аргумент — не число, то он приводится к строке, и "+" рассматривается как конкатенация.
В Fx переключение табов у меня в порядке использования по Ctrl+Tab (видимо, TabMixPlus), а по Ctrl+PgDn — в порядке на панели. Совмещение поведений очень удобно.
В Опере же я нашёл просто галочку «в порядке использования/расположения на панели», без интуитивного, присутствующего везде Ctrl+PgUp/PgDn. И как включить такое поведение я не нашёл. Подскажите, позязя.
У меня относительный поворот калейдоскопа относительно вашего — 15 градусов. Если я сделаю смещение относительно медианы, то не будет прямой интуитивной связи движений мышки и движений рисунка, т.е. мышка будет как зерно в генераторах случайных чисел (хотя на самом деле я за такое поведение ;) ). У меня сделана привязка координат рисунка одного сектора к системе координат вьюпорта (как и у вас) — это соответствует физике этого мира :) В настоящем калейдоскопе незеркальный сектор обычно определить было невозможно, и «ортогональным» сектором может быть любой.
2. Это калейдоскоп, там картинки перемешиваются! Смещение будет очевидно только при mousemove в первом секторе. Но я всё равно поправил, теперь поведение совсем как у вас было.
Я таки сделал рабочий пример: quaint.su/for/habrahabr/kaleidoscope/
И там сделано зеркальное отражение, выглядит круто! Правда, тут виден плюс общего контейнера для сектора — матрицу можно было бы задать в одном месте для первого повёрнутого прямоугольника через .sc:nth-child(even) .rl{...}
Но этили лучше всё равно прописывать на js, так что без разницы.
С background-attachment проблемка — Fx не перерисовывает блоки с css-transform при изменении позиции, так что дальше ковырять не стал.
а лучше вообще прямоугольники поворачивать на 0 и 30 градусов, тогда обрезается повёрнутым прямоугольником, а фон остаётся в нормально спозиционированном.
Сразу отвечу на комментарий ниже повтором — четвертый блок не нужен совсем :)
внутренние блоки поворачиваются относительно родителя? если да, то нумерованные классы можно проставить одному из наклонных блоков (внешнему), опять же — оставив всего два контейнера.
да, избавляюсь от лишних блоков, а тут ступил… не нужно, ок :)
Вращение можно попробовать сделать вкладывая один сектор в другой, задавая относительное вращение каждого в 30 градусов.
Как уже выше сказали, изображение отражается от граней, стоит хотя бы сделать зеркальную картинку для нечётных граней. На деле там всё ещё сложнее, что и даёт замечательные эффекты :)
Ещё можно попробовать сделать перемешивание без js, с помощью background-attachment; при этом для перемешивания калейдоскопа его в прямом смысле надо будет трясти в стороны :)
extensions.tabmix.mouseDownSelect: false;
Вообще такое dpi очень эффектно смотрится :)