canvas #9 - анимация спрайтов

Май 2, 2016

В этом уроке мы рассмотрим популярную задачу, для создания игр.

57 0

2,955 просмотров

comments powered by Disqus

7:14

canvas #10 - обработка событий

В этом уроке мы рассмотрим обработку событий объектов в канвас.

33 0

1,259 просмотров

19:29

[Canvas] Как сделать классную анимацию для фона в Canvas

В етом видео я расскажу, обьясню и покажу как сделать прикольную анимацю для фона сайта или чего либо с помощью канваса на JavaScript. Все для вас =)
Надеюсь тебе пригодится ; )

ССЫЛКИ:
Код урока:
1) https://github.com/Godje/pdt/tree/master/canvas-animation__1
2) http://codepen.io/Godje/pen/ZOpWEq
Начинал тут:
1) http://codepen.io/towc/post/introduction-to-html5-canvas
2) http://codepen.io/towc/post/canvas-animations-how-i-like-them

==========================

Я ИСПОЛЬЗУЮ

Редактор: Atom (http://www.atom.io)
Компилятор: Prepros (http://www.prepros.io)

==========================

Саундтреки:
Color K — With
https://soundcloud.com/color-k/with

==========================

Так же:
Codepen: http://codepen.io/Godje/

348 12

14,798 просмотров

7:13

Автоматическое создание спрайта в sass с помощью gulp.

Это продолжение урока про создании автоматических спрайтов. В прошлом уроке я рассказывал как это можно легко и быстро сделать с помощью compass.Недостатком того способа – compass не генерирует высоту и ширину в scss.
В этом уроке я покажу как можно генерировать спрайты в gulp и это намного удобнее, так как gulp подставляет ширину и высоту сам.

Полезные ссылки:

http://loftblog.ru/2014/08/18/gulp-js-rabotaem-s-css-concat-minify-rename-notify-watch-dest/ — Gulp.js #01 — работаем с CSS: concat, minify, rename, notify, watch, dest.

http://loftblog.ru/2014/09/02/gulp-js-autoprefixer-livereload-gulp-connect — Gulp.js #02 – autoprefixer, livereload, gulp-connect.

http://loftblog.ru/2014/12/15/gulp-js-03-gulp-sass-gulp-uncss/ — Gulp.js #03 – gulp-sass, gulp-uncss.

http://loftblog.ru/2014/12/16/boremsya-s-keshirovaniem-ili-revizii-podklyuchaemyx-fajlov/ — Gulp.js #04 — Боремся с кэшированием или ревизии подключаемых файлов.

http://loftblog.ru/2015/02/26/videourok-gulp-js-05-struktura-proekta-wiredep-bower/ — Gulp.js #05 – структура проекта, wiredep, bower.

http://loftblog.ru/2015/03/09/videourok-gulp-js-06-sborka-i-deploj-proekta-gulp-useref-gulp-sftp/ — Gulp.js #06 – сборка и деплой проекта, gulp-useref, gulp-sftp.

Портал видеоуроков http://loftblog.ru/
Фильтр новостей в мире web разработки: http://vk.com/loftblog
Также в facebook: http://www.facebook.com/loftblog
И, конечно, twitter: http://twitter.com/loft_blog
—————————————————————————————————————————-
Не забываем, что самый лучший способ сказать "спасибо" — нажать кнопку "нравится" и скинуть ссылку на урок друзьям. Ничто другое так сильно не мотивирует автора продолжать работу :)

218 7

12,237 просмотров

22:17

Spriter pro Урок 1 анимация

Анимация персонажа в программе Spriter pro, аналог Spine 2d, Уроки анимации 2d персонажа, 2d анимация в Spriter pro, вступайте в группу https://vk.com/spriterpro2d

349 24

20,717 просмотров

7:9

Уроки по CSS/CSS3. Часть 11. Спрайты

Результат: http://db.tt/LbXZOpef

Группа ВК: http://vk.com/soraxcss
Я ВК: http://vk.com/art.sorax
Я на FB: http://www.fb.com/art.sorax
Я на Formspring: http://www.formspring.me/artsorax

1665 28

99,573 просмотров