Учим HTML5 Canvas за 30 минут!

  Рет қаралды 213,378

Хауди Хо™ - Просто о мире IT!

Хауди Хо™ - Просто о мире IT!

Күн бұрын

Пікірлер: 318
@ArtikMan1994
@ArtikMan1994 6 жыл бұрын
Блин, как же я хотел этого видео и тут БАЦ, канвас за 30 минут=) Спасибо Хауди!=)
@HowdyhoNet
@HowdyhoNet 6 жыл бұрын
Рад помочь!)
@ogurchek9366
@ogurchek9366 4 жыл бұрын
@@HowdyhoNet а как сдєлать штоб круг рисовался при простом нажатиє? линия вєдьотс а круг сам не рисуется. Я не руский. Извините за не грамотность
@ilnev3738
@ilnev3738 4 жыл бұрын
@@ogurchek9366 он показывал в видео
@vivettanors
@vivettanors 3 жыл бұрын
Хорошая подача урока, сжато и четко. Для понимания вектора развития очень подойдет. Однозначно лайк.
@MegaDragon1112
@MegaDragon1112 6 жыл бұрын
Спасибо за то, что делаешь такие познавательные уроки. Благодаря твоим видео, у меня появляется мотивация на изучение языка. Спасибо!
@HowdyhoNet
@HowdyhoNet 6 жыл бұрын
Рад помочь
@MegaDragon1112
@MegaDragon1112 4 жыл бұрын
@@synthesisone2787 Да, прошелся по HTML/CSS/JavaScript/PHP/Mysql, сейчас всё закрепляю практикой параллельно изучая WordPress
@swokko88
@swokko88 4 жыл бұрын
@@MegaDragon1112 а Python?)
@ВладиславБирюков-ш5э
@ВладиславБирюков-ш5э 4 жыл бұрын
@@swokko88 зачем, если он php выучил, я вообще буду node js учить, хотя он не легкий, но я чисто по js иду
@swokko88
@swokko88 4 жыл бұрын
@@ВладиславБирюков-ш5э я рофлю И NodeJS легче обычного JS
@riwkus
@riwkus Жыл бұрын
Жаль что нельзя поставить несколько лайков. Урок гораздо лучше чем многие аналоги на Ютубе. Спасибо!
@i2ri2k13
@i2ri2k13 4 жыл бұрын
Я прям почувствовал как Хауди чувствует себя в js. Как масло в сыре!
@vitaliypogoretsky3199
@vitaliypogoretsky3199 6 жыл бұрын
Спасибки! Это были продуктивные полутора часа просмотра и практики =)
@faust374
@faust374 6 жыл бұрын
Хауди, спасибо тебе большое за твою работу.. Очень мотивируешь и просто в кайф смотреть твои видео)
@HowdyhoNet
@HowdyhoNet 6 жыл бұрын
Стараемс
@ilikemycat9444
@ilikemycat9444 4 жыл бұрын
Посмотрел....Теперь играю не в игры а в HTML
@ruslanundefined2242
@ruslanundefined2242 2 жыл бұрын
Хаха лучший
@СардорИргашев-е6м
@СардорИргашев-е6м 5 жыл бұрын
Ты очень крутой программист, я уже давно смотрю тебя и многому научился, по больше таких поучительных видео только порадует твоих подписчиков. 👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👏👏👏👏👏👏👏👏👏👏👏👏🏼👏🏼👏🏼👏🏼
@oskarrimjan4520
@oskarrimjan4520 4 жыл бұрын
Как же у меня горит жопа!! Это очень классная обучалка и вообще я люблю этот канал, тк здесь приятная подача материала, но нельзя так быстро объяснять! Я смотрел этот видос часа 2 и за это время я посмотрел только 20 минут! Надо делать всё медленнее, чтобы человек, который пытается что-то выучить успевал за тобой😁
@БьорнСтрауструп
@БьорнСтрауструп 4 жыл бұрын
0.75 мужик, 0.75...
@NikolajSafarov
@NikolajSafarov Жыл бұрын
@@БьорнСтрауструп ?
@teslafeo1614
@teslafeo1614 6 жыл бұрын
куча положительных эмоций! спасибо!))
@holdongang6262
@holdongang6262 6 жыл бұрын
Если кому-то лень писать ручками, а похвастаться хочется то вот: Painter 1.0 Sorry, U mad bro.. var canv = document.getElementById('canvas'), ctx = canv.getContext('2d'), isMouseDown = false, coords = []; canv.width = window.innerWidth; canv.height = window.innerHeight; // Code canv.addEventListener('mousedown', function(){ isMouseDown = true; }); canv.addEventListener('mouseup', function(){ isMouseDown = false; ctx.beginPath(); coords.push('mouseup'); }); ctx.lineWidth = 10 * 2; canv.addEventListener('mousemove', function (e){ if( isMouseDown ) { coords.push([e.clientX, e.clientY]); ctx.lineTo(e.clientX, e.clientY); ctx.stroke(); ctx.beginPath(); ctx.arc(e.clientX, e.clientY, 10, 0, Math.PI * 2); ctx.fill(); ctx.beginPath(); ctx.moveTo(e.clientX, e.clientY); } }); function save (){ localStorage.setItem('coords', JSON.stringify(coords)); } function clear (){ ctx.fillStyle = 'white'; ctx.fillRect(0, 0, canv.width, canv.height); ctx.beginPath(); ctx.fillStyle = '#000'; } function replay (){ var timer = setInterval(function (){ if( !coords.length ) { clearInterval(timer); ctx.beginPath(); return; } var crd = coords.shift(), e = { clientX: crd["0"], clientY: crd["1"] }; ctx.lineTo(e.clientX, e.clientY); ctx.stroke(); ctx.beginPath(); ctx.arc(e.clientX, e.clientY, 10, 0, Math.PI * 2); ctx.fill(); ctx.beginPath(); ctx.moveTo(e.clientX, e.clientY); }, 20); } document.addEventListener('keydown', function(e){ if( e.keyCode == 83) { // save save(); console.log('Saved'); } if( e.keyCode == 82) { // replay console.log('Replaying...'); coords = JSON.parse(localStorage.getItem('coords')); clear(); replay(); } if( e.keyCode == 67) { // clear clear(); console.log('Cleared'); } }); :-)
@salievb1598
@salievb1598 6 жыл бұрын
Спс
@cosmicbeetle382
@cosmicbeetle382 6 жыл бұрын
Спасибо!!!
@НадеждаКудряшова-п1г
@НадеждаКудряшова-п1г Жыл бұрын
спасибо, ваше видео мне помогло в изучении html!!!
@lubbutel_porrjaty172
@lubbutel_porrjaty172 3 жыл бұрын
Всё просто и понятно, спасибо Хауди
@Kot_off
@Kot_off 6 жыл бұрын
Как всегда видео на высшем уровне)
@rsdpalinokov1771
@rsdpalinokov1771 6 жыл бұрын
Очень крутое и полезное видео от Хауди-хо!!!!!!!! Ставлю лайк!!!!!!
@lime1453
@lime1453 3 жыл бұрын
Ты за 11 минут рассказал больше чем я за пол года уча java script
@777Vasya77
@777Vasya77 6 жыл бұрын
Годнота! Спасибо)
@lsoka8928
@lsoka8928 6 жыл бұрын
*классный урок, а те кто хотят по серьёзнее освоить канвас, и вообще js, то советую прочитать книгу - javascript для самых маленьких, очень интересная книга, не пожалеете потраченного времени;) Хауди, ставь лайк, если читал эту книгу :)))*
@Max-kr4ie
@Max-kr4ie 5 жыл бұрын
Спасибо ушел читать) надеюсь ты жив здоров.
@dzundzanify
@dzundzanify 6 жыл бұрын
Ты просто БОГ!
@fartuh
@fartuh 6 жыл бұрын
Так вот как эта штука работает, спасибо, хауди!
@javascript7543
@javascript7543 3 жыл бұрын
ты мой кумир🎈
@yeshyeshli
@yeshyeshli 3 жыл бұрын
Спасибо большое за урок!
@HoshiramaSensei
@HoshiramaSensei 4 жыл бұрын
Спасибо, очень полезное видео!
@EvilGazz
@EvilGazz 4 жыл бұрын
Огромное спасибо за урок!
@ktoto3292
@ktoto3292 6 жыл бұрын
божественное произношение англ...
@МаркСтепанов-х8м
@МаркСтепанов-х8м 6 жыл бұрын
а все это можнл реализовать на Jquery? Или ванильный js оптимален для canvas?за видео лайк
@dede6834
@dede6834 5 жыл бұрын
Нихуя не понял, но очень интересно P.S Ну понял немного, но только из знаний в англиском языке.
@АнимаТОР-б1л
@АнимаТОР-б1л 4 жыл бұрын
Dede +
@artifice47
@artifice47 4 жыл бұрын
HTML, CSS и JavaScript Надо знать
@H336-p1v
@H336-p1v 6 жыл бұрын
У меня есть такое правило: если дело касается видео *Хауди ХО*- тогда вначале ЛАЙК, а потом просмотр 😏
@sarxanabdullayev6440
@sarxanabdullayev6440 Жыл бұрын
спасибо за урок!
@vigilit-video1765
@vigilit-video1765 6 жыл бұрын
Отличное видео! Спасибо!
@HowdyhoNet
@HowdyhoNet 6 жыл бұрын
Рад помочь
@Vimble
@Vimble 6 жыл бұрын
Спасибо!Очень позгавателен ,пасиб)
@EMWYPX67
@EMWYPX67 5 жыл бұрын
*ты каждый день мати вируешь меня спасибо огромное XD **#Хауди*
@xenonist4502
@xenonist4502 5 жыл бұрын
За видео спасибо, давно пытался и бросил писать "Paint", т.к. не нашёл самостоятельно решения как избавиться от этих gap'ов. Есть вопрос: в чём разница на что вешать обработчик событий клавиатуры: на document или window?
@Evgeny..
@Evgeny.. 2 жыл бұрын
Ого, реклама Ивана Петреченко, я у него когда то учился, теперь работаю))
@ВладимирБорисовский-к4ю
@ВладимирБорисовский-к4ю 6 жыл бұрын
Очень крутой и полезный видос. Спасибо!
@huyna_polnaya
@huyna_polnaya 6 жыл бұрын
Пожалуйста сделай урок по Bootstrap 4🙏
@MrAmir991
@MrAmir991 6 жыл бұрын
У WebDesign Master есть урок
@user-xtkjdtr16
@user-xtkjdtr16 5 жыл бұрын
У Гоши Дударя есть такой урок.
@newview8925
@newview8925 4 жыл бұрын
У it doctor есть хорошие уроки
@Aidar__
@Aidar__ 2 жыл бұрын
За песню из мема кот носок лайк)
@__Minecraft_Poseidon__
@__Minecraft_Poseidon__ 6 жыл бұрын
очищать экран лучше так ctx.clearRect(0,0,w,h) вместо ctx.fillStyle = 'white' ctx.fillRect(0,0,w,h)
@bogdan_ov
@bogdan_ov 5 жыл бұрын
Конечно! Кого он учит!!?
@jamesflanders994
@jamesflanders994 5 жыл бұрын
@@bogdan_ov Людей. По крайней мере с виду.
@somnum1531
@somnum1531 6 жыл бұрын
Спасибо за труд
@jyxaz1782
@jyxaz1782 6 жыл бұрын
Привет, Хауди! Спасибо тебе за полезный контент :) Не думал ли ты снять видео о XML, XSL и т.п. языках?
@HowdyhoNet
@HowdyhoNet 6 жыл бұрын
Нет, пока в планах нет таких уроков.
@neonneon2091
@neonneon2091 4 жыл бұрын
Очень круто!
@kukusikibabasikitv
@kukusikibabasikitv 4 жыл бұрын
Большое спасибо!!!
@user-tx3wc5pl5c
@user-tx3wc5pl5c 6 жыл бұрын
лутчший урок по canvas, что видел!!!
@doublebon135
@doublebon135 6 жыл бұрын
Хауди, привет! Есть в планах продолжать уроки по kivy Python? Или пока вдохновения для питона нет ?)
@bipiwnik
@bipiwnik 6 жыл бұрын
Вишенка на торте хайпа
@SC-eg3dv
@SC-eg3dv 6 жыл бұрын
На 18-й секунде эффектно
@Михаил-е8я7ю
@Михаил-е8я7ю 6 жыл бұрын
Привет, Хауди! Будет ли серия уроков во JS DOM? Есть на англиском, но на русском ничего адекватного не нашел. Ты - лучший прогграмист на рутубе!)
@sergiynimerovsky1917
@sergiynimerovsky1917 6 жыл бұрын
learn.javascript.ru, только здесь можно отлично выучить язык! (Хауди рекомендует)
@ВИКА-г3о9р
@ВИКА-г3о9р 4 жыл бұрын
вопросик, а зачем 27:00 вообще нужно функция clear, если при клике на KeyS можно написать => ctx.clearRect(0, 0, canv.width, canv.height), все так же работает у меня
@nan-simon
@nan-simon 2 жыл бұрын
Отличный урок! Но есть вопрос, который мучает меня, как это работает на 31:12 ? у меня с crd не работает, переписал так var e = { clientX: coords.shift(), clientY: coords.shift() }; и все заработало. Не знаю может это какое-то глобальное обновление в JS 😕
@drewkarchev
@drewkarchev 6 жыл бұрын
Интересно. А относительно какой точки треугольник повернулся?
@icruciall
@icruciall 3 жыл бұрын
Наверно на пересечении серединных перпендикуляров
@uzproger9525
@uzproger9525 6 жыл бұрын
Сможешь сделать видео про grid layout
@tobe459
@tobe459 6 жыл бұрын
Хорошо учишь по делу! у меня есть вопрос:для мобильных сайтов критичны ru com net? или можно выбрать более бесплатные? q?m?
@HowdyhoNet
@HowdyhoNet 6 жыл бұрын
Это вопрос больше по SEO. Насколько я знаю - доменная зона не влияет на продвижение, если это не домен второго уровня (co.uk) и если это не труднодоступная доменная зона (de,fr и тд). Но, могу в чём-то ошибаться.
@IldarFreeLancer
@IldarFreeLancer Жыл бұрын
спасибо!
@Sempai-ui9gd
@Sempai-ui9gd 6 жыл бұрын
отличный канал, всё информативно, простыми словами, и какие-либо вопросы остаются достаточно редко. только 19.43 насчет градиента правильно ли я всё понял: в заливке "hello world" виден переход с magenta на blue, но никакого red. - это из-за того, что у нас в определении grad в функцию createLinearGradient третьим аргументом поступает 500? то есть, мы бы увидели красный цвет в тексте, если бы он был подлиннее (или если бы вместо 500 было число поменьше), верно ?
@HowdyhoNet
@HowdyhoNet 6 жыл бұрын
Верно
@max_mgtow
@max_mgtow 6 жыл бұрын
Спасибо Абрахам!) Ты меня надоумил воспользоваться сеопультом) Дали 500руб. даже не используя код "хо" 👍
@HowdyhoNet
@HowdyhoNet 6 жыл бұрын
=)
@max_mgtow
@max_mgtow 6 жыл бұрын
Хауди а через какое время запрос ВЧ будет в топе? Через 2 месяца или полгода? И не кинет ли Google в бан за ссылки?)
@HowdyhoNet
@HowdyhoNet 6 жыл бұрын
Надо пользоваться аккуратно, я где-то говорил, что больше 5-10% бюджета на ссылки лучше не отдавать. Когда он окажется в топе тебе могут сказать в поддержке SeoPult. Главное пользуйся осторожно.
@Рамиль-я7ю9к
@Рамиль-я7ю9к 6 жыл бұрын
Хм... Гоша Дударь... Хауди Хо... Гоша Хо...? Хауди Дударь...?
@Liventer
@Liventer 6 жыл бұрын
Хм... Ивангай... Марьяна Ро... Иван Ро...? Марьгай...?
@GameChannelOfficial
@GameChannelOfficial 5 жыл бұрын
ару
@ИванКА-ъ9р
@ИванКА-ъ9р 4 жыл бұрын
Рамиль у тебя на автарке ТЫ, после написания коммента.
@i2ri2k13
@i2ri2k13 4 жыл бұрын
@@Liventer Хм... Хауди Хо... Гоша Дударь... Марьяна Ро... Ивангай... Хауди Ро. Гоша гай. Марьяна Дударь. Иван Хо!
@xaosit8974
@xaosit8974 3 жыл бұрын
Гошауди, Хаоша
@ЛёняВасильев-у2б
@ЛёняВасильев-у2б 6 жыл бұрын
Я выучил за 30 минут ! Спасибо ! Мне всего лишь пришлось изучить много чего(опустим подробности), потом я стал опытным разработчиком через 15 лет я стал профи, после изобрели машину времени, доллар обесценился, биткоин развалился, путина избрали на 17 срок, после заморозки медведева. Теперь я вернулся из будущего Сеньором и выгнал себя который сейчас в прошлое что бы изобрести Эпл, если чего пишите помогу советом, я же теперь миллиардер и мне ничего не надо делать, у меня много свободного времени.
@michaelqi6985
@michaelqi6985 6 жыл бұрын
Что сделать, что бы через час у меня было 1000$?
@ЛёняВасильев-у2б
@ЛёняВасильев-у2б 6 жыл бұрын
Значит можно взять кредит.
@UserSashko
@UserSashko 6 жыл бұрын
что ты куришь?
@_dyats
@_dyats 6 жыл бұрын
Эээээ, чё ты врешь людям Путин был только 13 сроков(и то это уже его "двойники", потому что первый умер 2 года после первого срока), ты походу был в паралельной реальности-_-, смотри мне тут, как бы временно-просторовый континиум не взорвался, ато тогда всем жопа
@ЛёняВасильев-у2б
@ЛёняВасильев-у2б 6 жыл бұрын
Курю сигареты Treasurer
@ЕвгенийОбанин
@ЕвгенийОбанин 4 жыл бұрын
Спасибо за уроки Если сможете подскажите в коде ниже где косяк? Не выводит текст ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ Привет​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ Not is work ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ var canv = document.getElementById("canvas"); ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ var ctx = canv.getContext("2d"); ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ canv.width = window.innerWidth; ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ canv.height = window.innerHeight; ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ //Code ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ grad = ctx.createLinearGradient(0,0,500,0); ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ grad.addColorStop('0','black'); ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ grad.addColorStop('.50','blue'); ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ grad.addColorStop('1','red'); ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ctx.fillStyle = grad; ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ctx.textAlign = "center"; ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ctx.font = "30px Georgia"; ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ctx.fillText= ("Hellodsfsdfsdf", 50,​ 70); ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​
@wn4ik489
@wn4ik489 4 жыл бұрын
Что обозначают скобки { } , после того, как ты написал function replay() ?
@ВИКА-г3о9р
@ВИКА-г3о9р 4 жыл бұрын
ору, я надеюсь за 4 месяца ты хоть что то изучил, я так просто ору, зачем идти учить canvas, если ты даже не понимаешь где пишется логика у функции
@ВИКА-г3о9р
@ВИКА-г3о9р 4 жыл бұрын
@@mathiaswei8715 зачем ты мне это пишиш, я уже знаю html препроцессор kit, css препроцессор sass на синтаксисе scss, git github знаю , именно работу с консольной, js более чем основы, вот учу react и иногда node, вообще это глупо, зачем ему canvas, если он не знает что такое function, уму не постижимо, таким людям не нужно подсказывать , он должен идти основы учить, да и мы же программисты, должны сами искать ответы на свои вопросы, это важный скилл
@Rostyslav-sg2il
@Rostyslav-sg2il 4 жыл бұрын
А будет видео по созданию диаграмм JS или SVG?
@Afalinj
@Afalinj 6 жыл бұрын
Продолжение !)
@TailwindCSS
@TailwindCSS 6 жыл бұрын
Спасибо )
@gensis5426
@gensis5426 6 жыл бұрын
180 - like ; 0 - dislike
@arturmavlyuchenko7647
@arturmavlyuchenko7647 6 жыл бұрын
Продолжение будет по Kivy?
@rokaka_4576
@rokaka_4576 4 жыл бұрын
здравствуй хауди хо у меня при работе с скриптом replaying выходит ошибка(html5.html:56 Uncaught TypeError: Cannot read property 'length' of null at html5.html:56) помоги пожалуйста
@KirillKlimov_lds
@KirillKlimov_lds 6 жыл бұрын
Круто!
@ЮрийПатрикеев-д4д
@ЮрийПатрикеев-д4д Жыл бұрын
хоть я ни бум бум в программировании, но было очень интересно! что здесь является языком программирования: канвас или джаваскрипт?
@HowdyhoNet
@HowdyhoNet Жыл бұрын
Второе.
@toy_by_toy
@toy_by_toy 6 жыл бұрын
19:46 не отрисовался красный в градиенте, потому что ширина 500?
@HowdyhoNet
@HowdyhoNet 6 жыл бұрын
Верно
@Avonavi232
@Avonavi232 6 жыл бұрын
Хауди, привет! Рисовалка на канве, это конечно хорошо.. но что, если дело касается взаимодействия с нарисованными элементами?) Как ловить на них события мыши? Есть библиотека Kanva кажется, там есть такой функционал, можно создавать layers и ловить на них события. А если без библиотеки? Если использовать svg, то это выходит проще.
@HowdyhoNet
@HowdyhoNet 6 жыл бұрын
Простые расчеты от e.offsetX, как и в любых граф. приложениях.
@jamoliddinqodirov9866
@jamoliddinqodirov9866 2 жыл бұрын
ClearRect() тоже пойдет?
@Dima-x4p
@Dima-x4p 2 жыл бұрын
14:53
@egorlaptev257
@egorlaptev257 3 жыл бұрын
*Спустя наверное год решил переписать свой старый paint :)* P.S: _Код пришлось сильно ужать и изуродовать т.к. он не помещался в рамках моего статуса на_ *CodePen* codepen.io/KOSAKURA59a56cfaf4/project/editor/ZmpeVj
@phitrow
@phitrow 3 жыл бұрын
0:40 старый ... эксплорер версии 9.. ХА!!! я еще IE 5.5 помню.. и Милениум
@stasstas1137
@stasstas1137 4 жыл бұрын
помогите пожалуйста у меня на 22:40 рисуется только на четверть экрана что мне делать.
@ВладимирПанов-з5н
@ВладимирПанов-з5н 6 жыл бұрын
Спасибо
@LeanaMigdal
@LeanaMigdal 4 жыл бұрын
Cпасибо! Вопрос: как мне сделать изменять background-image на файл, выбранный юзером?
@singlebw4065
@singlebw4065 4 жыл бұрын
Я чё то маленько потерялся. corse.push() - добавили тупо любой текст, в итоге при очередном вырезании shift получает этот текст, закидывает в объект на один элемент clientX: crd[ 0 ] второй clientY: crd[ 1 ] пустой остаётся и дальнейшие действия не прокатывают из-за несуразицы кода поэтому и не дорисовывает линии. Я так понимаю? Или я упустил глубокий смысл текста в push
@Music-rd4ee
@Music-rd4ee 6 жыл бұрын
Хей Хауди Хо ты какои тип прогромирования учил или ещё учиши?
@eblavoltom
@eblavoltom 5 жыл бұрын
Хауди, почему забросил такие уроки??? обидно....
@Бойправ-ж8ы
@Бойправ-ж8ы 3 жыл бұрын
Как картинки загружать канвасом? Не одну, а несколько, для создания коллажа?
@singlebw4065
@singlebw4065 4 жыл бұрын
Эти промежутки между шарами появляются если частота опроса мыши маленькая. При 1000 почти нормально рисуется. на 125 большие промежутки.
@xeupbekxeupbekovich7932
@xeupbekxeupbekovich7932 6 жыл бұрын
Интересный урок. А есть возможность этот рисунок сохранить в видео?
@akish4628
@akish4628 5 жыл бұрын
В теории, - да, а на практике это довольно сложно.
@ymarkin3482
@ymarkin3482 Жыл бұрын
что за музыка 2:13-3:48??
@xxx4088
@xxx4088 6 жыл бұрын
Привет автор, ответь пожалуйста, реально ли с помощью канваса рисовать картинку на компе и отправлять на сервер и она будет уникальной, то есть индентифицировать пользователя?
@НикитаСипратов-в8я
@НикитаСипратов-в8я 5 жыл бұрын
Сделал все как показано в видео, но фигура не рисуется
@iglstivens
@iglstivens 4 жыл бұрын
Спасибо за видео! Встала задача поворачивать треугольник по оси Y, как это можно сделать? Обычно все видео о том как повернуть ту или иную фигуру по часовой стрелке, а как ее поворачивать в другой плоскости нет(
@nikoghosyann
@nikoghosyann 4 жыл бұрын
просто пиши - в начале цифры!
@PhotoshopArt8ua
@PhotoshopArt8ua 6 жыл бұрын
a gde uroki po python kivy?((
@КириллСердюков-м7щ
@КириллСердюков-м7щ 5 жыл бұрын
Интересно. По простому хочу сказать что пытаюсь сделать - хочу сделать холст, на который можно перетаскиванием размещать предметы. Как понимаю можно фото превратить в объекты и двигать их на холсте. А вот еще хочу спросить - как задать масштаб и сетку-линейку есть ли такие инструменты?
@nerusnotfound
@nerusnotfound 3 жыл бұрын
Круто
@ЯрославПарамонов-ц2к
@ЯрославПарамонов-ц2к 2 жыл бұрын
Почему используется манипуляция с fillRect() и белым цветом, вместо того, чтобы сделать clearRect(0,0,canv.width,canv.height)?
@npc6110
@npc6110 6 жыл бұрын
Хорошая видео
@soucandcreative9108
@soucandcreative9108 6 жыл бұрын
Хауди делай больше видеуроков по языкам,но за час
@nadd5386
@nadd5386 6 жыл бұрын
Зачем нам Иван Петриченко, когда у нас есть ты?)
@СлавикКраморенко
@СлавикКраморенко 6 жыл бұрын
Было бы шик делать текстовые версии на сайте. Читать как то удобнее
@powerrampage
@powerrampage 2 жыл бұрын
what is the SUBLIME COLOR SCHEME name ?
@АнисаКаримова-ф4э
@АнисаКаримова-ф4э 2 жыл бұрын
Пожалуйста скажите как сделать так чтобы твоём калькуляторе использовался один input и чтобы твоя программа невыводила то что ты написал умения работает только с двумя input
@protasov-by
@protasov-by 6 жыл бұрын
нарисовал канву как сделать чтобы она отображалась вместо background который дублирует текстуру (repeating), на этом эелементе в виде альфа наложения (частицы) хотелось бы вывести в конву и смешивать, а всё остальное поверх (элементы сайта), а то у меня канва рисуется поверх всего... или замещает bacground или если мудрить тормозит, т.к. все тело сайта с полупрозрачностями :)
@inkorcoder7551
@inkorcoder7551 6 жыл бұрын
юРиЭл )) неплохо я так угорел) Если по сути, то громковатый заголовок, у канваса намного более широкое апи чем автор обрисовал, и сказать что ты именно выучил за 30 минут - это несерьезно. Объясни про фильтры и смешивание, про это можно бесконечно говорить, возможности безрганичны почти. webgl тоже рендерится в канвасе, не знаю, можно ли это считать канвасом, по сути это совсем отдельное апи. Но "юРиЭл" это топ
@HowdyhoNet
@HowdyhoNet 6 жыл бұрын
Урок не является исчерпывающим, это лишь введение, о чём было сказано в самом уроке. А для расширенного изучения фильтров, теней и всего остального - в описании есть ссылка.
@itsollustrifugate6955
@itsollustrifugate6955 5 жыл бұрын
В хроме не работает ctx.drawWindow
DevTools за 30 минут! (новичкам в HTML/CSS)
31:08
Хауди Хо™ - Просто о мире IT!
Рет қаралды 127 М.
JavaScript Canvas 1. Основы canvas
14:20
WebDev с нуля. Канал Алекса Лущенко
Рет қаралды 103 М.
From Small To Giant 0%🍫 VS 100%🍫 #katebrush #shorts #gummy
00:19
How Many Balloons To Make A Store Fly?
00:22
MrBeast
Рет қаралды 174 МЛН
One day.. 🙌
00:33
Celine Dept
Рет қаралды 67 МЛН
Учим HTML за 1 час! #От Профессионала | HD Remake
1:04:45
Хауди Хо™ - Просто о мире IT!
Рет қаралды 1,5 МЛН
HTML5 canvas: изучаем основные свойства, рисуем графики | HTML, CSS, JS
21:23
Елена Литвинова — Искусство Веб-разработки 🛸
Рет қаралды 17 М.
Learn HTML5 Canvas By Creating A Drawing App | HTML Canvas Tutorial
19:43
Путин ответил на угрозы Трампа
7:21
Diplomatrutube
Рет қаралды 1,4 МЛН
HTML5 Canvas CRASH COURSE for Beginners
51:26
Franks laboratory
Рет қаралды 222 М.
Учим Python за 1 час! #От Профессионала
59:01
Хауди Хо™ - Просто о мире IT!
Рет қаралды 10 МЛН
From Small To Giant 0%🍫 VS 100%🍫 #katebrush #shorts #gummy
00:19