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% кроссбраузерно, просто - даже новичку. Легко можно замутить сложный дизайн.

T-sh 15.04.2012 17:44

Цитата:

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

при желании можно вообще без графики, если есть свободная неделя и желание извращаться с слоями :)

только смысла в этом никакого :) цель не оправдывает средства.

имхо, всякие часы, эффекты и тому подобное — не больше, чем баловство и годятся только для тренировки/проверки своих способностей.

Викториан 15.04.2012 17:56

Блин, вы так красиво все говорите, у меня аж желание появляется, реально! =))) Сори за офтоп....

dmitriymar 15.04.2012 18:23

у меня дежавю с паранойей?
Или я вижу уже десятую тему с одними и теме же примерами и дифирамбами себе,только адреса возможно меняются...
Цитата:

Сообщение от T-sh
при желании можно вообще без графики, если есть свободная неделя и желание извращаться с слоями

Чего это неделя?Там работы час -полтора макс.
Отношение размеров на экране с размерами оригинала -вот и з индекс вышел динамичный для дивов. А если их ещё изначально задать отрицательными,то элементы з индекс когда доходят до опр. значения либо возвращаются в начало либо удаляются

T-sh 15.04.2012 18:29

Цитата:

Сообщение от dmitriymar (Сообщение 169199)
у меня дежавю с паранойей?
Или я вижу уже десятую тему с одними и теме же примерами и дифирамбами себе,только адреса возможно меняются...

да, есть такое :)))

Цитата:

Сообщение от dmitriymar (Сообщение 169199)
Чего это неделя?Там работы час -полтора макс.
Отношение размеров на экране с размерами оригинала -вот и з индекс вышел динамичный для дивов.

мы ж про часы говорим :) кроссбраузерные часы приличного вида без использования графики.

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

dmitriymar, у каждого одна и та же тема. Кому что интересно. Давайте не будем ничего писать и закроем форум.
T-sh, 99% интернета - это баловство, особенно социальные сети, но вот я реально нашел применение часам. Мне надо показывать слайды на конференциях, и дают 10-20 минут на доклад. Так вот я сделал для себя программу, которая показывает эти слайды на весь экран, а поверх часы, чтобы не отвлекаться и по сторонам не смотреть. Удобно и давно мечтал так сделать, да по другому никак. В PDF или Power Point часы не засунешь.
Я согласен что программы - мелкое дело. Просто на более крупное пока руки не доходят. Но если каким-то новичкам это послужит стимулом учить канвас, так ведь тоже неплохо.

Gozar 15.04.2012 18:36

Цитата:

Сообщение от T-sh
только смысла в этом никакого цель не оправдывает средства.

Это важная часть процесса обучения. Так что ещё как оправдывает.


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