Главная » Javascript » Сумасшедшие эффекты Javascript

Сумасшедшие эффекты Javascript

Сумасшедшие эффекты Javascript

Не мало поскитавшись по бескрайним просторам буржуйского нета, повидал всякого. Экспериментируют товарищи на полную катушку, в плане использования , при разработке различных эффектов. Встречались разные, как не выразительные, направленные только на производительность, так и по настоящему сумасшедшие, я бы сказал, даже завораживающие. На первый взгляд может показаться, что найти применение этим эффектам довольно сложно, но поверьте, это просто красиво, а уж куда и зачем использовать вопрос не из главных.
Я выбрал 12 из них которые мне больше всего понравились и хочу поделиться с Вами.
Лучше всего смотрятся в Google , Firefox и в Opera тоже покатит.
И так, давайте посмотрим:
 

Ball Pool

 
Сумасшедшие эффекты Javascript
 
Начните просмотр, перетаскивайте большой шар. При клике на пустое место фона появятся новые шары.  Двойным нажатием экран очистится и так далее, короче можно тупо шары погонять 🙂
 


 

Starfield

 
Сумасшедшие эффекты Javascript
 
С этим все понятно, простое звездное небо, разработчики для справки выдают, что звезд 512 штук 🙂
 


 

Canopy

 
Сумасшедшие эффекты Javascript
 
Вроде как «Балдахин» по нашему. Такой фрактальный Zoom эффект в векторном стиле. Попробуйте включить Мутация и Блум , дерево будет выглядеть причудливо.
 


 

Floating cube

 
Сумасшедшие эффекты Javascript
 
Из плавающих кубов составляется надпись "Chrome Experiment "
 


 

3D-Модель Просмотр

 
Сумасшедшие эффекты Javascript
 
Возможно, для просмотра 3D-моделей (динозавра, корабль, вертолет), поворачивать их, менять цвет и прозрачность движения, добавить эффект размытия.
 

 

Many Lines / Много Линий

 
Сумасшедшие эффекты Javascript
 
Выглядит красиво, рисуете множество линий простым движением мышки. Сразу вопрос: «В чем смысл?»
 


 

Depth of Field

 
Сумасшедшие эффекты Javascript
 
300 шаров образуют плоскость, куб, маленькую вселенную, сферы, а затем исчезают.
 


 

Liquid Particles

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

 


 

Оранжевый Тунель

 
Сумасшедшие эффекты Javascript
 
С этим эффектом все понятно и без описаний. Классический тунель.
 


 

Monster

Сумасшедшие эффекты Javascript
 
Интересное преобразование 3D объекта ( в этом случае куба) в объемную фигуру якобы монстра, скорее в каракатицу.
 


 

Калейдоскоп

 
Сумасшедшие эффекты Javascript
 
Все параметры являются случайными, поэтому схема изменения каждый раз разная.
 


 
Все эти эффекты собраны на сайте Chrome Experiments где наши забугорные друзья-человеки выкладывают различные экспериментальные наработки по использованию библиотеки Javascript. Стало быть одновременно тестируют возможности браузера Chrome.
Что тут скажешь, работают ребята и уходят в отрыв.

С Уважением, Андрей .

Буду всем признателен, если поддержите проект — добавив блог в исключения AdBlock и поделитесь ссылкой на запись в своих соц-сетях:

Вы можете оставить отзыв, подписаться на обновленияОбновления блога по RSSRSS или Обновления блога на TwitterTwitter !

6 комментариев
  1. Прикольно. Только ресурсов требует больших, но красиво...

    Ответить
    • driver:

      На данный этап времени может и бесполезно, но это всего лишь эксперимент проводимый что бы показать возможности, как современных браузеров, так и новые разработки веб дизайнеров.

      Ответить
  2. Полезно тем, кто это сочиняет. Совершенствует своё мастерство программиста и дизайнера.

    Ответить
  3. Мне очень понравилось. Даже не думал. Случайно попал на ваш сайт и не пожалел — много всего интересного.

    Ответить
  4. Надо же как красиво!!! Моей дочке (случайно оказалась рядом, 5 лет) больше всего понравился эффект Liquid Particles и Ball Pool. Подумать только, на что способна Javascript и человеческая фантазия! Спасибо, приятно провела последние 10 минут жизни )))

    Ответить
Присоединяйтесь к обсуждению!

Отправляя кoммeнтapий, Вы автоматически принимаете правила кoммeнтиpoвaния на этом блоге.

Правила кoммeнтиpoвaния на блоге Dobrovoimaster:

  1. Во избежание захламления спамом, первый кoммeнтapий всегда проходит премодерацию.
  2. В поле "Ваш сайт" лучше указывать ссылку на главную страницу вашего сайта/блога. Ссылки на прочую веб-лабуду (в том числе блоги/сплоги, созданные не для людей) будут удалены.
  3. Не используйте в качестве имени комментатора слоганы/названия сайтов, рекламные фразы, ключевые и т.п. слова. В случае несоблюдения этого условия, имя изменяю на свое усмотрение. Просьба указывать нормальное имя или ник.
  4. Скорее всего, что не информативный и короткий кoммeнтapий вида "Спасибо!", "Интересная статья", будет удален. Исключение составляют знакомые автору блога комментаторы.
  5. Комментарии не по теме безжалостно удаляются.

Подписаться не комментируя

Обновления комментариев по RSS RSS комментариев к этой записи »
Рейтинг@Mail.ru