Javascript-форум (https://javascript.ru/forum/)
-   Ваши сайты и скрипты (https://javascript.ru/forum/project/)
-   -   2 анимации с использованием Canvas (https://javascript.ru/forum/project/27492-2-animacii-s-ispolzovaniem-canvas.html)

Виктор Кон 14.04.2012 21:26

2 анимации с использованием Canvas
 
http://vikohn.narod.ru/movpic.htm -- 3D анимация картинок в космосе
В этом примере картинки двигаются из глубин космоса на зрителя по шести разным направлениям постепенно приближаясь и увеличиваясь в размерах.
http://vikohn.narod.ru/movpice.htm -- Посмотреть

http://vikohn.narod.ru/clock.htm -- Безразмерные часы на сайте
В этом примере показано как поставить часы на сайт с заданным размером и в заданном месте.
http://vikohn.narod.ru/clocke.htm -- Посмотреть

Викториан 14.04.2012 21:36

Статья про 3D понравилась, вот только нужно доработать пример, чтобы слоя правильно прорисовывались, а то бальние объекты (более маленькие) пируются поверх ближних...

T-sh 14.04.2012 21:53

если воспринимать это как готовые продукты — то однозначный минус: отсутствие поддержки в IE8.

на чистом js реализация будет кроссбраузерней.

в целом, прикольно, конечно.. но КПД = 0.

Раед 14.04.2012 21:59

Цитата:

Сообщение от T-sh
на чистом js

Стоп. А там какой?

T-sh 14.04.2012 22:01

Цитата:

Сообщение от Раед (Сообщение 169066)
Стоп. А там какой?

я имел в виду, без использования канваса :)

Виктор Кон 14.04.2012 22:57

3D анимацию без использования Canvas я в принципе знаю как сделать, тут получилось так, что один новичок прислал неработающий код именно в Канвасе и просил сделать его работающим. Я на скорую руку сделал, но поскольку практической пользы от этого не виду, то и не стал стараться. Главное -- не могу ссылку поставить на каждую картинку. Без Канваса бы поставил, а в нем не знаю как.
А вот часы без Канваса уже сложно сделать. Вероятно надо накладывать картинки на каждый час (12), каждую минуту(60) и каждую секунду (60).
Но весь фокус был в том, чтобы начать использовать Канвас. Часов на Канвасе в интернете уже много, я добавил только безразмерность.
Кстати Канвас в ИЭ-7 работает, достаточно добавить файл с excanvas. Я просто поленился.

Викториан 15.04.2012 09:13

У меня в Опере 11 сначала был просто фон со звездочками. После обновления страницы норм... Думал глюк оперы, перезапустил, но снова так же. В общем не знаю почему, но у меня сначала запускается фон, и только после перезагрузки страницы начинают "лететь" картинки...

Виктор Кон 15.04.2012 13:18

Только что запустил 3D в Опера, у меня все нормально. Версия 11.62

devote 15.04.2012 13:39

Цитата:

Сообщение от Виктор Кон
3D анимация картинок в космосе

это можно сделать и без канвы
Цитата:

Сообщение от Виктор Кон
Безразмерные часы на сайте

при желании тоже можно без канвы SVG/VML

Gozar 15.04.2012 16:34

Цитата:

Сообщение от devote
при желании

При желании можно и на картинках. 100% кроссбраузерно, просто - даже новичку. Легко можно замутить сложный дизайн.


Часовой пояс GMT +3, время: 14:00.