[JS UI&DOM] Анимации с Canvas/SVG


12

Здравейте, колеги.

Поиграх си следобеда и направих един Супер Марио(не Марио Балотели,а оригиналния)  дето се разкарва наляво-надясно по екрана. Накратко - използвам kineticjs, за да си манипулирам човечето. Самото човече го зареждам от sprite изображение и от там вземам различните му state-ове. За фона използвам обект image като си помагам с Raphael, за да си генерирам SVG-то.

За да може генерирания canvas,т.е. човечето да е над картинката, съм задал z-index в стилизирането.

Тук  можете да намерите задачата.

ДЕМО

ПС: Понеже съм ползвал VS, ако пускатае директно html файла няма да се отвори коректно. Трябва да се изтрие ../ от пътищата до снимките и ще бачка или трябва да стане така.

Поздрави :)




Отговори



0
Как се прави човечето да няма бакграунд ?

от Boray (666 точки)


0
Трябва да използваш . png или друг формат за спрайта, който поддържа transparent за фон. Може да си махнеш фона и сам с paint.Net примерно

от mita4itu (1969 точки)

0
Ето тук има отговор: http://stackoverflow.com/questions/12945763/how-to-convert-the-background-to-transparent. Качваш изображението и избираш цвета, който да бъде направен прозрачен.

от yana_yankova (107 точки)