Тёмный

Что такое HTML5 Canvas и как им пользоваться? 

Гоша Дударь
Подписаться 883 тыс.
Просмотров 63 тыс.
50% 1

Grizzly Pro: grizzly-pro.ru/ru/
В этом видео я расскажу вам что такое HTML5 Canvas и как им можно пользоваться. HTML5 Canvas отлично подходит для работы с анимацией, градиентом или же для просто помещения какого-либо JavaScript кода в него.
Сайты с анимацией:
1) codepen.io/towc/pen/VYbYvQ
2) codepen.io/natewiley/pen/jEmWYP
3) codepen.io/tmrDevelops/pen/qEmZdJ
4) codepen.io/jackrugile/pen/ohFbx
5) codepen.io/trhino/pen/JFmiK
6) codepen.io/jackrugile/pen/fxqKJ
✔ Основной сайт: itproger.com/
✔ -------------
Группа Вк - prog_life
Группа FaceBook - goo.gl/XW0aaP
Instagram: / gosha_dudar
Я в Google+ - goo.gl/Tqt9W0
Страничка Twitter - / goshadudar
Страничка Вк - codi999
✔ Начните зарабатывать на RU-vid - join.air.io/money_air
✔ Видео по заработку на RU-vid - goo.gl/RLPXV8
Помощь в развитии канала.
* Яндекс Деньги: 410014343706921
* Кошельки WebMoney:
- Доллар: Z331064341236
- Гривна: U386388718252
- Рубль: R214610220703

Опубликовано:

 

22 мар 2017

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 85   
@diverseER
@diverseER 6 лет назад
Как же приятно когда человек быстро и без пауз излагает материал...не нужно х2 ставить =) Спасибо за инфо.
@TViTklg
@TViTklg 6 лет назад
Познавательно спасибо. Какой оффлайн справочник посоветуешь по свойствам функциям методам javascript?
@AlexYakubuk
@AlexYakubuk 5 лет назад
Спасибо, что хотел , то и узнал
@sergeykushnarev3421
@sergeykushnarev3421 6 лет назад
потрясные уроки! спасибо!11
@vladimirsergeevich1269
@vladimirsergeevich1269 7 лет назад
круть!) Спасибо
@user-pz7mo3xi3u
@user-pz7mo3xi3u 7 лет назад
Как называется музыка на рекламе grizzly pro
@WhiteBear141981
@WhiteBear141981 3 года назад
Добрый день! Почему-то не отрабатывает ctx.strokeStyle = "blue"; Не подскажите, с чем может быть проблема?
@BaradaFreeman
@BaradaFreeman 7 лет назад
Спасибо.
@makhmudk
@makhmudk 4 года назад
Георгий ты очень крутой!!! Твои уроки класс!)
@user-yi9zv6ek7o
@user-yi9zv6ek7o 7 лет назад
молний и тот преобразуещий куб шедевральны!
@maxedits7064
@maxedits7064 4 года назад
молнии это высшее мастерство ... я, будучи программистом, не понял как его сделали .....
@tyafizi
@tyafizi 3 года назад
@@maxedits7064 может я чего-то не понимаю, но мне, наоборот, самым простым показалось. Это же как линии рисовать, только сделать псевдорандом с изгибами, разве нет?
@webad8770
@webad8770 3 года назад
@@tyafizi разве ДА!)
@denkyiv2722
@denkyiv2722 2 года назад
@@webad8770 скажите "триста".
@amanturbakytov1707
@amanturbakytov1707 3 года назад
Не хотел учить java script теперь есть повод значит есть и желание ))
@samborsky_pro
@samborsky_pro 2 года назад
Суть понял, опять спасибо тебе Гош
@Alex-dq9yk
@Alex-dq9yk 7 лет назад
Гоша, привет! Вот начал смотреть твои видео по С# и все просто отлично! Но вот у меня вопрос... Поскольку я еще несовершеннолетний, я выбираю себе профессию и остановился на программировании, знаю паскаль, вот смотрю твои уроки по C#, и хотелось бы спросить у тебя как у программиста, сложно ли на него учиться? А как по работе? Ну в смысле после института много ли принимают и ищут на работу без стажа? Я бы спросил у кого ни будь, но к сожалению друзей программистов никого нету, надеюсь ты ответишь.
@abandoned7501
@abandoned7501 7 лет назад
RedAlex
@ivansafronov3359
@ivansafronov3359 5 лет назад
Я программист со стажем, такой же как и Гоша, если тебя интересует мой комментарий- можешь почитать! Так вот: на программиста я учился и продолжаю учится 2 года, изучал вёрстку, js, php, c++ и тд. Поступил в институт на "информационные технологии", сейчас учусь на третьем курсе и в конце второго пошел на фирму айтишником с теми знаниями, что приобрел именно в детстве! Зарплата хорошая, работа радует, так что- все в твоих руках! А теперь ответь мне на вопрос, сложно ли учить c# и подскажи хорошие источники, кроме Гоши... И скажи для чего в этом языке include в начале кода?
@ivansafronov3359
@ivansafronov3359 5 лет назад
@Qlink Brin и к чему это?
@ivansafronov3359
@ivansafronov3359 5 лет назад
@Qlink Brin так там особо не густо...
@jekaterinastef7665
@jekaterinastef7665 3 года назад
Я совсем зеленая. Почему вместо канвас нельзя использовать обычный div? Разве нельзя скрипт рисовальный подцепить к обычному диву? В чем принципиальное различие?
@pavlostrembitskyi282
@pavlostrembitskyi282 7 лет назад
Добрейший вечерочек
@antonmaurer8734
@antonmaurer8734 7 лет назад
Pavlo Str фирамиры подъехали
@DerAleksey
@DerAleksey 11 месяцев назад
блин кайфовые анимашки приложены... когда же я уже начну такое творить? 8-F
@vadimp4669
@vadimp4669 7 лет назад
Будут новые уроки по хтмл?
@user-py7xz6sc4l
@user-py7xz6sc4l 3 года назад
Спасибо
@ujhljcnm
@ujhljcnm 7 лет назад
👍
@nikdanik
@nikdanik 7 лет назад
Решил попробовать вставить молнии, вылазит такая ошибка: Uncaught TypeError: a.indexOf is not a function at r.fn.init.r.fn.load (jquery-3.2.0.min.js:4) В чем проблема ? Все скопировал правильно
@antonmaurer8734
@antonmaurer8734 7 лет назад
E1EMENT всё просто
@nikdanik
@nikdanik 7 лет назад
?
@TinTaBraSS777
@TinTaBraSS777 5 лет назад
Тут програмисты интересуются будет ли новый урок по HTML 5 )
@stan1slav995
@stan1slav995 7 лет назад
Градиент можно и через CSS сделать. Так, на заметку.
@andriiyurchuk3299
@andriiyurchuk3299 4 года назад
в натуре background: linear-gradient (43deg, black, white); И готово)
@zoodogood
@zoodogood 4 года назад
Если бы канвас был только для этого...
@webad8770
@webad8770 3 года назад
в канвасе? ты профан?
@lolipop7361
@lolipop7361 7 лет назад
Круто!! А не подскажешь ты программист или веб-разработчик
@Skreepan
@Skreepan 5 лет назад
Ни тот, ни другой!) дилетант он!
@zaxaso2269
@zaxaso2269 5 лет назад
ПОЧЕМУ ЕСЛИ У МЕНЯ ОТДЕЛЬНЫЙ ФАЙЛ JS,ТО У МЕНЯ НЕ ЧЕГО НЕ РАБОТАЕТ,А ЕСЛИ В СКРИПТ ВСЁ ПИСАТЬ ТО РАБОТАЕТ...??
@Djoni139
@Djoni139 6 лет назад
Анимации по ссылкам под видео используют библиотеку jQuery, без нее не работают
@user-sz4uu1pg5y
@user-sz4uu1pg5y 7 лет назад
годнота подъехала
@Auron_Gaming
@Auron_Gaming 3 года назад
не расказал как подключить атом к канвусту
@weeexkek9271
@weeexkek9271 7 лет назад
пж сделай видео как сделать движок😄
@user-ud4jt3dy7l
@user-ud4jt3dy7l 7 лет назад
какой движок тебе надо?
@weeexkek9271
@weeexkek9271 7 лет назад
на c++
@pangutovskiy1659
@pangutovskiy1659 4 года назад
@@user-ud4jt3dy7l - На чем пишешь антивирус? - Да
@mathematics8070
@mathematics8070 7 лет назад
Гоша ати робиш в IT-компании
@l3v1t8
@l3v1t8 7 лет назад
Опять это дерьмо ютуб в рекомендации кидает. забрел на этот канал в поисках курса по js, посмотрел 2 ролика, и когда он не смог подключить скрипт, и сказал что оно и не должно выводить 4 раза hello world, хотя ОНО ДОЛЖНО, я не понял откуда здесь 100к. Этот видос до невозможности поверхностный, сам анимацию сделать? не не, покажу вам чужой код, ведь в той брошюре где я вычитал этот курс такого нет. P.S. если сейчас набегут "сначаладобейся", я умею подключать скрипты
@amanturbakytov1707
@amanturbakytov1707 3 года назад
А канвас не будет занимать много ресурсов
@user-br7iu9bv4q
@user-br7iu9bv4q 7 лет назад
для чего это вообще? Где применить это рисованиеюТак поиграться
@TinTaBraSS777
@TinTaBraSS777 5 лет назад
Евгений Степанюк можно сделать некий график или диаграмму или что то наподобии ) можно ещё что либо придумать
@TinTaBraSS777
@TinTaBraSS777 5 лет назад
Qlink Brin если нужна статичная картинка то да джава скрипт не нужен )
@developerarchitect7523
@developerarchitect7523 7 лет назад
было? или у меня ощущение что было?
@gallantes
@gallantes 7 лет назад
А можно хотя бы разнообразить рекламу? :(
@alexpro4851
@alexpro4851 5 лет назад
Реклама прям как у overbafer1
@kiraw3188
@kiraw3188 5 лет назад
это тот лох который рассказывает про даркнет руководясь кулсториями с пабликов в вк?
@user-vs7ek1sv5g
@user-vs7ek1sv5g 6 лет назад
Стараешься даже излишне наверное) Чуть поспокойнее говори)
@Dvoini
@Dvoini 3 года назад
включи замедление, наоборот очень круто, что очень быстро и без долбаных пауз
@bringmebacklights
@bringmebacklights 7 лет назад
Если ты не математик, шансы у вас равны 0.00001
@zany527
@zany527 7 лет назад
бред
@dforexzero00xcf35
@dforexzero00xcf35 7 лет назад
bringmebacklights нет математика ни причем ну иди учи нам пофиг а ты иди трать время
@Skreepan
@Skreepan 5 лет назад
Что Хауди, что Дударь - одно и тоже, бесполезная информация) На одном канале была очень хорошая шутка про этих ребят... Пробубнил себе под нос, быстро что-то написал и попрощался! Если хотите узнать что такое HTML5 Canvas, то на вики проще и быстрее прочитать. Хотите уроков по JS? Учим JS по книгам, желательно полное руководство и пару книг со сборниками рецептов. Хотите писать такие красивые визуальные эффекты (анимацию)? Без математики никак! Ни один видеоролик вам не поможет в обучении, ваш лучший друг - это книга!
@ivansafronov3359
@ivansafronov3359 5 лет назад
Какие книги посоветуешь для изучения js, желательно с нуля...
@Skreepan
@Skreepan 5 лет назад
"javascript подробное руководство" - в этой книге основы. Ну гугл у тебя под рукой, напиши в поиске "Подборка книг по JavaScript для начинающих" и вперед с песней!)
@ivansafronov3359
@ivansafronov3359 5 лет назад
@@Skreepan а по канвасу есть что-то, а то я его искал и ничего
@Skreepan
@Skreepan 5 лет назад
Ты точно издеваешься) Рафаэлло Чекко "Графика на JavaScript" Я за 5 секунд нашел тонну вариантов книг по графике! С таким подходом ты долго будешь изучать JS)
@ivansafronov3359
@ivansafronov3359 5 лет назад
@@Skreepan а что в поиске вбивал? Я канвас искал, но нифига...
@TrueGelius
@TrueGelius 7 лет назад
Хорошая попытка, но это мы узнаем на нормальных каналах.
@rain3owstarDG
@rain3owstarDG 7 лет назад
TrueGelius ?
@user-yx3uz9hf8x
@user-yx3uz9hf8x 7 лет назад
TrueGelius +. Наши мысли совпадают.
@qweqweewqewq6912
@qweqweewqewq6912 6 лет назад
Ребят подскажите что тут не так, раньше умел писать самый простенький сайтик теперь вылазит какая-то неведомая ошибка, на сайте страницы отображается head и html теги я даже bady не ввожу
@birdthelittle7352
@birdthelittle7352 6 лет назад
Если ты пишешь "body" через A, то лучше закрой это видео и иди играть в копатель
@qweqweewqewq6912
@qweqweewqewq6912 6 лет назад
Нет не писал, дело было в том что я ставил \ вместо /, уже освоил html и css, и спс за поддержку, твой коммент очень помог, я знал что мир не без добрых людей
Далее