Развитие игровой вспышки
Текущее время: Сб июн 24, 2017 2:31 am

Часовой пояс: UTC + 3 часа [ Летнее время ]




Начать новую тему Ответить на тему  [ Сообщений: 10 ] 
Автор Сообщение
 Заголовок сообщения: Рисовать анимацию
СообщениеДобавлено: Пт дек 09, 2016 12:17 pm 
Не в сети
Аватар пользователя

Зарегистрирован: Ср апр 10, 2013 6:53 pm
Сообщений: 126
Доброго времени!
Подскажите, есть ли возможность рисовать покадрово графику для html5. Я имею ввиду аналог как у Flash - для работы с временной шкалой.
Цель получить такое: http://buyopt.com.ua/cr.html
Молнии рисовались покадрово, от руки, планшетом. Вот теперь вопрос как запихать такое в canvas и какой вариант самый менее затратный для железа.


Вернуться наверх
 Профиль Отправить e-mail  
 
 Заголовок сообщения: Re: Рисовать анимацию
СообщениеДобавлено: Пт дек 09, 2016 1:54 pm 
Не в сети
Аватар пользователя

Зарегистрирован: Пт фев 10, 2012 9:17 pm
Сообщений: 611
Откуда: Санкт-Петербург
Сайт: http://huindie.com/
Делается это с помощью sprite sheet. Во многих графических фреймворках он реализован, вот пример:
http://pixijs.github.io/examples/#/basi ... tesheet.js


Вернуться наверх
 Профиль  
 
 Заголовок сообщения: Re: Рисовать анимацию
СообщениеДобавлено: Пт дек 09, 2016 4:28 pm 
Не в сети
Аватар пользователя

Зарегистрирован: Вс дек 19, 2010 5:31 pm
Сообщений: 4686
Откуда: Пока не знаю
Сайт: http://gamespoweredby.com/blog/
вариантов масса. Начиная от спрайтшита и заканчивая непосредственным рисованием в сам канвас


Вернуться наверх
 Профиль Отправить e-mail  
 
 Заголовок сообщения: Re: Рисовать анимацию
СообщениеДобавлено: Вс дек 11, 2016 7:58 pm 
Не в сети
Аватар пользователя

Зарегистрирован: Ср апр 10, 2013 6:53 pm
Сообщений: 126
Спасибо. Спрайтами разобрался, вроде. По поводу анимации, нужна программа для рисования кадров от руки как в старом добром флеше. Если рисовать 1 картинка = 1 кадр то немного громоздко выходит как мне кажется.
Или рисовать в любом графическом редакторе покадрово а потом слепить в 1 большой атлас?


Вернуться наверх
 Профиль Отправить e-mail  
 
 Заголовок сообщения: Re: Рисовать анимацию
СообщениеДобавлено: Вс дек 11, 2016 8:21 pm 
Не в сети
Аватар пользователя

Зарегистрирован: Вс дек 19, 2010 5:31 pm
Сообщений: 4686
Откуда: Пока не знаю
Сайт: http://gamespoweredby.com/blog/
проще всего "как в старом добром флеше" это тебе рисовать через svg :) но ничего такого простого не существует, вприцнипе.


Вернуться наверх
 Профиль Отправить e-mail  
 
 Заголовок сообщения: Re: Рисовать анимацию
СообщениеДобавлено: Ср дек 21, 2016 4:53 pm 
Не в сети
Аватар пользователя

Зарегистрирован: Ср апр 10, 2013 6:53 pm
Сообщений: 126
Еще вопрос, что по нагрузке будет выгоднее делать: анимацию через яваскрипт - таймер или используя css?


Вернуться наверх
 Профиль Отправить e-mail  
 
 Заголовок сообщения: Re: Рисовать анимацию
СообщениеДобавлено: Ср дек 21, 2016 5:44 pm 
Не в сети
Аватар пользователя

Зарегистрирован: Вс дек 19, 2010 5:31 pm
Сообщений: 4686
Откуда: Пока не знаю
Сайт: http://gamespoweredby.com/blog/
namare писал(а):
Еще вопрос, что по нагрузке будет выгоднее делать: анимацию через яваскрипт - таймер или используя css?

анимацию чего? Ты детали давай. Я просто довольно плотно занимаюсь анимациями на js/css не под канву


Вернуться наверх
 Профиль Отправить e-mail  
 
 Заголовок сообщения: Re: Рисовать анимацию
СообщениеДобавлено: Ср дек 21, 2016 9:20 pm 
Не в сети
Аватар пользователя

Зарегистрирован: Ср апр 10, 2013 6:53 pm
Сообщений: 126
TheRabbit писал(а):
namare писал(а):
Еще вопрос, что по нагрузке будет выгоднее делать: анимацию через яваскрипт - таймер или используя css?

анимацию чего? Ты детали давай. Я просто довольно плотно занимаюсь анимациями на js/css не под канву

Ну вот яж пример загрузил: http://buyopt.com.ua/cr.html
У меня пачка таких каменей летают и по ним скачут молнии разные.
По-любому буду переделывать под htm5 , но вот как сделать грамотно под мобильный и десктопный браузер.


Вернуться наверх
 Профиль Отправить e-mail  
 
 Заголовок сообщения: Re: Рисовать анимацию
СообщениеДобавлено: Чт дек 22, 2016 1:49 am 
Не в сети
Аватар пользователя

Зарегистрирован: Вс дек 19, 2010 5:31 pm
Сообщений: 4686
Откуда: Пока не знаю
Сайт: http://gamespoweredby.com/blog/
namare писал(а):
TheRabbit писал(а):
namare писал(а):
Еще вопрос, что по нагрузке будет выгоднее делать: анимацию через яваскрипт - таймер или используя css?

анимацию чего? Ты детали давай. Я просто довольно плотно занимаюсь анимациями на js/css не под канву

Ну вот яж пример загрузил: http://buyopt.com.ua/cr.html
У меня пачка таких каменей летают и по ним скачут молнии разные.
По-любому буду переделывать под htm5 , но вот как сделать грамотно под мобильный и десктопный браузер.


CSS не катит для подобных анимаций - это раз. Два - CSS3 вообще катит только для анимирования разного говна, которое делают верстальщики. Дивку, например, подвигать. Лиса при использовании CSS3 анимаций начинает дико рассинхронизировать анимации и у нее течет память. Я это наблюдаю уже не один год и всем на это насрать :) Хром лучше. Но тоже через 5-10 минут стартует какой-то процесс, когда каждые 5 минут анимация просто начинает люто подтормаживать.

JavaScript - это не CSS. Тут можно в 100500 раз больше. Но дело в том, что ты делаешь игры. И тут нет место для CSS3.


Вернуться наверх
 Профиль Отправить e-mail  
 
 Заголовок сообщения: Re: Рисовать анимацию
СообщениеДобавлено: Чт дек 22, 2016 2:37 pm 
Не в сети
Аватар пользователя

Зарегистрирован: Ср апр 10, 2013 6:53 pm
Сообщений: 126
Суть понял, спасибо!


Вернуться наверх
 Профиль Отправить e-mail  
 
Показать сообщения за:  Сортировать по:  
Начать новую тему Ответить на тему  [ Сообщений: 10 ] 

Часовой пояс: UTC + 3 часа [ Летнее время ]


Кто сейчас на форуме

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1


Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

Найти:
Перейти:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
Русская поддержка phpBB