Dobrovoi Master
сделано с душой
В состоянии постоянного подключения...

Сумасшедшие эффекты 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 и поделитесь ссылкой на запись в своих соц-сетях:

Всего комментариев: 7

  • Michael de`Oz: 14 мая, 2010 в 12:17

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

    Ответить
    • driver: 14 мая, 2010 в 14:41

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

      Ответить
  • Michael de`Oz: 14 мая, 2010 в 18:20

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

    Ответить
  • Евгений: 5 октября, 2012 в 14:10

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

    Ответить
  • Ольга: 17 ноября, 2012 в 23:53

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

    Ответить
    • driver: 18 ноября, 2012 в 00:05

      Ольга.
      Спасибо вам за внимание к статье и за отзыв.

      Ответить
  • Michael: 3 февраля, 2019 в 10:51

    3 штуки не работают

    Ответить

Оставить комментарий

Ваш email не будет опубликован.

Вы можете использовать следующие HTML тэги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>