Простая нейросеть на JavaScript: Распознавание рисунков

Поділитися
Вставка
  • Опубліковано 21 вер 2018
  • Рассказываю и показываю как за 15-20 минут легко научить нейросеть делать что-то полезное.
    Регистрация на вебинаре: bit.ly/2xCKqRY
    Мы в Telegram: t.me/howdyho_official
    Наш паблик: howdyho_net
    🆇 Ссылки из видео 🆇
    𝟭: Brain.js: github.com/BrainJS/brain.js
    𝟮: Урок по Canvas: • Учим HTML5 Canvas за 3...
    𝟯: Исходный код: paste.ubuntu.com/p/m9N8KPvmyc/
    Сотрудничество topic-84392011_33285530
    💗 Музыка предоставлена UA-cam Audio Library.

КОМЕНТАРІ • 506

  • @gaylord5757
    @gaylord5757 5 років тому +11

    Раньше мне не нравился твой канал из-за того что я ничего не понимал. Теперь, я чуть- чуть стал умнее, что- то соображаю и понял, что ты пилишь овергодные видосики. Огромное тебе спасибо за такую информацию, считай за "спасибо") Однозначно лайкусик!

  • @denislupookov7895
    @denislupookov7895 5 років тому +1

    Хауди Хо так держать! Смотрю и наслаждаюсь!)

  • @igorzhuravkov8640
    @igorzhuravkov8640 5 років тому

    Давно ждал данное видео, спасибо )

  • @265evgenij
    @265evgenij 5 років тому +163

    "Если ничего не нарисовано - передадим единичку, а если нарисовано - это будет однерка" (с) Хауди Хо
    Забавный холст получился бы)

    • @265evgenij
      @265evgenij 5 років тому +1

      ua-cam.com/video/zTQwRe6_hCs/v-deo.htmlm07s

    • @HowdyhoNet
      @HowdyhoNet  5 років тому +20

      :facepalm

    • @roleveltv
      @roleveltv 5 років тому +14

      "единичка - это как однёрка, только единичка" (с) Хауди

    • @s_bandera
      @s_bandera 5 років тому +5

      БЛЯ, у меня у одного кровь с ушей идет от этой ОДНЁРКИ?

    • @Hacker-cp4vg
      @Hacker-cp4vg 4 роки тому +1

      Создание игр на Android Привееет.!

  • @user-vh8tg4cr2f
    @user-vh8tg4cr2f 3 роки тому +1

    Лайк за то, что уже в начале видио показываешь что будет на выходе!

  • @alexandmoskalev3107
    @alexandmoskalev3107 5 років тому

    Большое Спасибо Хауди За интересное видео !

  • @user-hu2pf5rx8q
    @user-hu2pf5rx8q 5 років тому +1

    Интересный видос, продолжай в том же духе Хауди!)

  • @haysing2.025
    @haysing2.025 3 роки тому +4

    У меня не работает библиотека. Все хорошо, на с стирает, на v запоминает, но b ничего не делает. Что делать, памагити!

  • @lehayoureaseparatist733
    @lehayoureaseparatist733 5 років тому +57

    Круууть! Больше таких видео!)

  • @spawn1411
    @spawn1411 5 років тому +1

    Ну ты крут) просто телепат. Вчера я принял решение погрузиться в нейросети и сегодня вижу твое видео)
    Спасибо 😊

  • @yulia8829
    @yulia8829 5 років тому +9

    Крутые видосы, все оч понятно, спасибо Хауди Хо за годный контент

  • @ilya7837
    @ilya7837 5 років тому +2

    Очень хотел бы и другие видео по этой теме - лайком точно поддержу!

  • @mrgrey7934
    @mrgrey7934 5 років тому +1

    Наконец что-то стоящие) Больше таких видео пускай не так часто но качественно

  • @vlad_levii
    @vlad_levii 5 років тому

    спасибо за видео! очень интересно)

  • @user-ml2fo3vj4j
    @user-ml2fo3vj4j 5 років тому +1

    нормальный ролик. Так держать.... все быстро, понятно и доступно. а придираться к словам автора- глупо... он рассказал показал как умеет. И все получилось нормально.

  • @user-mt4sc8hv8n
    @user-mt4sc8hv8n 5 років тому +67

    То что библиотека играет второстепенную роль не согласен. На ролике просто идёт скормление данных ей. Про устройство нейросетей практически ничего не было сказано к сожалению..

    • @HowdyhoNet
      @HowdyhoNet  5 років тому +8

      Это не урок про устройство нейросетей, ты ошибся адресом.

    • @HoNTMi
      @HoNTMi 5 років тому +5

      Хауди Хо™ - Просто о мире IT! Так а в чем смысл? Для бинарной классификации можно было спокойно написать свой классификатор, даже нейросеть и глубокое обучение для таких простых задач не нужно

    • @argrigorov
      @argrigorov 5 років тому +16

      Поддержу (тоже улыбнула эта фраза) - библиотека здесь как раз играет первостепенную функцию (т.к. библиотека является ядром, которое выполняет основную задачу), а вот обёртка (интерфейс, который скармливает этой библиотеке данные), написанная автором - играет второстепенную функцию )))

  • @user-fy9bt5zp9m
    @user-fy9bt5zp9m 5 років тому +2

    Можно ли сделать вывод точности совпадении рисунков в процентах?
    Например если ставишь подпись на тачскрине, система сразу выдает соответствие.

  • @lex_barker
    @lex_barker 5 років тому +228

    Го тоже самое только на Python!

    • @NicolaiFirefly
      @NicolaiFirefly 5 років тому +9

      +++

    • @sakost
      @sakost 5 років тому +15

      # На(без канваса)
      import numpy as np
      import pandas as pd
      from sklearn.neural_network import MLPClassifier
      df_train_data = pd.read_csv('path/to/trainX.csv')
      df_train_result = pd.read_csv('path/to/trainY.csv')
      df_test_data = pd.read_csv('path/to/testX.csv')
      df_test_result = pd.read_csv('path/to/testY.csv')
      model = MLPClassifier(shuffle=True, learning_rate=.1, random_state=28, activation='relu')
      model.fit(df_train_data, df_train_result)
      print(np.mean(model.predict(df_test_data) == df_test_result))

    • @sakost
      @sakost 5 років тому +1

      выведет accuracy

    • @kubanychjoldoshov5557
      @kubanychjoldoshov5557 5 років тому +3

      +++

    • @f-person
      @f-person 5 років тому +3

      +

  • @MrGromsize
    @MrGromsize 5 років тому +5

    Спасибо!Очень полезный урок!

  • @Mrblack485
    @Mrblack485 5 років тому +1

    У абрахама нету на канале плохих видеороликов (да и откуда им взяться), все видео либо просто хорошие либо очень хорошие, но даже среди очень хороших встречаются вот такие как этот, что хочется поставить лайк, еще до того как открыл само видео )

  • @lastwarrior1325
    @lastwarrior1325 3 роки тому +1

    в новом brain.js нету такого browser.min.js чё взять то?

  • @user-sd4kt5vu4l
    @user-sd4kt5vu4l 5 років тому

    Круто,как раз js начал учить)

  • @MrAirrussia
    @MrAirrussia 4 роки тому +121

    ага, ну ну, второстепенную роль играет библиотека. Без библиотеки бы у тебя вообще бы ничего не работало.

    • @wrong1677
      @wrong1677 4 роки тому +3

      Гений сука)(000

    • @nevermind.-pc
      @nevermind.-pc 4 роки тому +1

      @@wrong1677 Гений сука)(000

    • @Kharn_Betrayer
      @Kharn_Betrayer 4 роки тому +1

      Enchant Гений сука)(000

    • @nevermind.-pc
      @nevermind.-pc 4 роки тому +1

      @@Kharn_Betrayer Гений сука) (000

    • @user-fq4tq2rb4g
      @user-fq4tq2rb4g 4 роки тому +5

      Да он плагиатит судя по всему, возможно у зарубежных ребят

  • @user-kv5nc7hd4v
    @user-kv5nc7hd4v 5 років тому

    Ура, топ видео!!

  • @swartex92
    @swartex92 5 років тому +1

    Будь добр подскажи название шрифта, который у тебя в редакторе!! спасибо

  • @NoName-fe8el
    @NoName-fe8el 5 років тому +1

    Смотрю уроки М.Русакова, в браузере когда нажимаю пробел чтобы остановить а он начинается заново. Как исправить кто знает? Каком файле надо поменять код?

  • @evgeniyadidevich5397
    @evgeniyadidevich5397 5 років тому +1

    Отличное видео. Спасибо. Будут ещё подобные видео?

  • @HarvestTime
    @HarvestTime 5 років тому

    Побольше таких видео, коротко, ясно, о конкретной вещи.
    Next можео сделать анимацию для логотипа на сайт

  • @MrVanwilderism
    @MrVanwilderism 3 роки тому +2

    с исходным кодом ничего не работает, не подключена как Вы говорите второстепенная вещь сама библиотека Brain.js. Кому интересно "" этой строкой проблема решается.

  • @Penilopa24
    @Penilopa24 5 років тому

    Шикарно!

  • @muradqurbanov2761
    @muradqurbanov2761 5 років тому

    Лайк, больше таких видео

  • @nisto589
    @nisto589 5 років тому +1

    Годноту завезли

  • @drongerman536
    @drongerman536 5 років тому +1

    Хауди, только от твоих видосов проявляется мотивация к изучению программирования, спасибо тебе за такой контент, с меня царский лайк👍

  • @Ksamilion
    @Ksamilion 2 роки тому +4

    В 2021 году нет файлов нужных для скачивания)

  • @mikkaruru
    @mikkaruru 5 років тому

    Прикольный видос! Кстати, а откуда берется переменная 'canv' на третьей минуте ua-cam.com/video/zTQwRe6_hCs/v-deo.html ?

  • @user-ec5yj7bd1q
    @user-ec5yj7bd1q 5 років тому +2

    Привет. Сделай, пожалуйста, ролик о MIME-типах документов. Где они прописываются и как, зачем нужны и т.д.

  • @MaximkaZinger
    @MaximkaZinger 5 років тому

    Клёвый видос!)))

  • @sasichkamega
    @sasichkamega 5 років тому +3

    На плюсах такое запиишь? Для графики можно взять sfml или sdl, или на чистом опенгл, если ищвращенец.
    А нейросеть самому писать, не используя либы, так гораздо быстрее поймешь как оно работает

  • @skip2356
    @skip2356 5 років тому

    После просмотра твоих роликов заинтересовался программированием

  • @MrFunSpell
    @MrFunSpell 5 років тому +1

    А как потом всё то что ты вводил сохранить?Что бы можно было например залить на хостинг и люди могли там что-то распознавать?

  • @vadimdruzhinin426
    @vadimdruzhinin426 Рік тому

    Хауди, здравствуй! Принимаешь ли ты предложения совместных проектов?

  • @luvor
    @luvor 5 років тому +11

    Годнота, больше...
    ЕЩЕ ЕЩЕ

  • @ivanz9169
    @ivanz9169 5 років тому +26

    Ммм, этот пример уже несколько лет висит в интернете, но написал конечно же ты, ага. Библиотека та же самая, картинки те же самые, круто, так держать!

    • @HowdyhoNet
      @HowdyhoNet  5 років тому +2

      Не припоминаю чтобы я говорил, что являюсь автором.
      Не поделишься таймкодом?

    • @ivanz9169
      @ivanz9169 5 років тому +11

      @@HowdyhoNet 0:47, и я не понимаю, почему нельзя отмечать то, что ты не автор, чтобы хотя-бы убрать культ восхваления в комментариях как потрясающего автора этих проектов.

    • @HowdyhoNet
      @HowdyhoNet  5 років тому +2

      Уточни, автор чего именно?
      Какого проекта? Может для начала определим предмет твоей претензии.

    • @ivanz9169
      @ivanz9169 5 років тому +5

      @@HowdyhoNet Предмет претензии в том, что ты изначально это преподносишь это как сделанное тобою, а в комментариях наивные школьники после этого пишут какой-же ты крутой

    • @HowdyhoNet
      @HowdyhoNet  5 років тому +1

      Так это действительно сделанное мною, весь код показанный в уроке лично я написал походу самого урока.

  • @user-xv1ue7dy7y
    @user-xv1ue7dy7y 5 років тому

    Расскажите пожалуйста как наработать портфолио по Angular или React. Знаете ли вы какое то API доступное и большое где можно работать с различными данными

  • @user-ht7fn3ic7z
    @user-ht7fn3ic7z 3 роки тому +2

    02:03 подключаем библиотеку ... вот только такого файла - browser.min.js - по указанной ссылке brain.js - нет... Хауди хо

    • @DIAMONDRPTRILLIANT
      @DIAMONDRPTRILLIANT 3 роки тому +1

      в папке dist есть, зато другая проблема: не видит в этой библиотеке offsetY

    • @user-ht7fn3ic7z
      @user-ht7fn3ic7z 3 роки тому +1

      @@DIAMONDRPTRILLIANT JS чрезвычайно нестабильная платформа для решения серьезных задач, т.к. зависит от конкретной версии JS браузера пользователя ... баги неизбежны.

  • @DigitalPulseNews
    @DigitalPulseNews 5 років тому

    Продолжай снимать видео про нейросети)

  • @coolguy730
    @coolguy730 5 років тому

    Красавчик!!!!!!

  • @user-ql9mc9wf2j
    @user-ql9mc9wf2j 5 років тому +1

    Годно!

  • @exel001
    @exel001 5 років тому +1

    какая хотя бы конфигурация нейронки? сколько слоёв, какой у них размер и т.п.?

  • @KRUTYATSYA-DENGI
    @KRUTYATSYA-DENGI 4 роки тому +1

    Продолжай развивать примеры использования нейросетей

  • @markin8464
    @markin8464 5 років тому

    Ты просто ТОП!!!!!!

  • @AnonBird
    @AnonBird 5 років тому

    Круто. ГДе ты всю эту информация находиш

  • @user-ss1sq7yt8c
    @user-ss1sq7yt8c 4 роки тому

    привет,я в этом новичок и у меня вопрос как например сделать чтоб входные данные он брал с какой либо программы или с сайта,желательно на питоне, если сможешь помоги реализовать,зарание спасибо

  • @toichubeksultangaziev7710
    @toichubeksultangaziev7710 5 років тому

    thank you bro

  • @UCskuG319YlKsHYDdhYBGiBA
    @UCskuG319YlKsHYDdhYBGiBA 5 років тому +1

    Топчик , только решил js освоить.

  • @SuperDoctorBang
    @SuperDoctorBang 5 років тому

    Очень интересно, а есть ещё что-нибудь такое про НС? Прогнозирование?

  • @sebacolins2006
    @sebacolins2006 4 роки тому

    Народ, а где конкретно хранятся обученные данные brain.js?
    Как подключить результат обучения нейронки отдельным фалом, чтобы каждый раз ее не переобучать заново?

  • @olegletvinov
    @olegletvinov 4 роки тому

    А где файлик с данными сохраняется? Или после F5 всё удаляется?

  • @DragonsLord76
    @DragonsLord76 5 років тому +13

    11:09 "Чего, бля?!"

  • @user-rd2qz6px8w
    @user-rd2qz6px8w 3 роки тому +1

    Как с вами связаться,имеется коммерческое предложение

  • @miracle1496
    @miracle1496 5 років тому

    Можно ли этот код переделать таким образом что бы, допустим ты нарисовал домик, у тебя спросили что это(ты говоришь ему что это домик), и при следующим рисовании домика, он говорил что это домик?

  • @zaripovrobert
    @zaripovrobert Рік тому +1

    «Вот так просто создаётся нейросеть»

  • @nebulaeedoto
    @nebulaeedoto 5 років тому +2

    Что за тема у тебя на видео?

  • @mydoghasschizophrenia
    @mydoghasschizophrenia 4 роки тому +6

    Дружище, закопипастил код, скачал папку с брэйн.жс, открываю хтмл файл в браузере, рисую, а алерт не приходит. Ни в сафари, ни в хроме, ни в торе. В чём трабл?

    • @megabyte_ga
      @megabyte_ga 4 роки тому

      Такая же проблема, помогите!

    • @anastasya_naumova
      @anastasya_naumova 3 роки тому

      скорее всего проблема с подключением к библиотеке, я взяла вот эту, всё работает:

    • @mydoghasschizophrenia
      @mydoghasschizophrenia 3 роки тому +1

      @@anastasya_naumova уже неактуально, но спасибо за ответ ;)

  • @user-rx5sg4iz6q
    @user-rx5sg4iz6q 4 роки тому

    Возможно этот файл загрузить на андроид и обучать нейронную сеть по фото. Что там изображено?

  • @dmsg4064
    @dmsg4064 5 років тому +3

    Топчик!) Жаль что нет видео с ИИ на Python ((

    • @user-pt3yg5xg9w
      @user-pt3yg5xg9w 3 місяці тому

      Забавно, ведь именно питон хорошо прижился в этом направлении😅

  • @akazafaraka4635
    @akazafaraka4635 4 роки тому

    КЛАСС!!!

  • @user-ud4cs5zd3q
    @user-ud4cs5zd3q 4 роки тому

    Благодарю

  • @murakami1258
    @murakami1258 2 роки тому

    Как подключить библиотеку? В нынешней её версии нет файла brain.js...

  • @deleted1219
    @deleted1219 5 років тому

    привет у меня браузер Microsoft edge у меня почемута постоянно спрашывает positive? все время делаю также само ааа 0:05 0:06 ты чтобы стереть нажемаеш кнопку C ????

  • @mister_robot01
    @mister_robot01 5 років тому

    Еще про нейросеть, пожалуйста!

  • @icecat4511
    @icecat4511 5 років тому +2

    Что за тема в sublime text можеж скинуть плиз

  • @Pr1ncess_Kenny
    @Pr1ncess_Kenny 8 місяців тому

    Uncaught ReferenceError: brain is not defined
    at HTMLDocument. (index.html:193:5)
    Как исправить ошибку?

  • @aykaramba5226
    @aykaramba5226 4 роки тому +2

    Хауди хо, скопировал твой код, все работает, нажимаю v- сохранилось, c - стёрлось, b ничего неговорит. Что делать?

    • @haysing2.025
      @haysing2.025 3 роки тому

      У меня тоже самое, помогити!

  • @Virbox
    @Virbox 5 років тому

    круто)

  • @alipbaeva.aliya24
    @alipbaeva.aliya24 2 роки тому

    А есть ли это программа на пайтоне?

  • @TheBorninmotion
    @TheBorninmotion 4 роки тому

    Все же между однеркой и единицей есть разница, спасибо за видео !

  • @raymover673
    @raymover673 5 років тому

    а можно ли программировать на телефоне ?

  • @knitfox
    @knitfox 5 років тому

    Интересно, как работает сама Неиросеть. Сам процесс сравнивания...

  • @zhuk
    @zhuk 5 років тому

    класс, интересное видео, чтобы там не писали хейтеры. Но вот одно очень важное замечание: то что ты в конце видео называешь "мозгами" нейросети, на самом деле, является обучающими данными и они нужны один раз - во время обучения, после чего нужно просто сохранить обученную нейросеть и только ее без обучающих данных.

  • @Berry-rc8fk
    @Berry-rc8fk 5 років тому +10

    Советую пилить больше видео по JS!

    • @91serii
      @91serii 5 років тому

      soglasen...

  • @user-ip6gd3mr8b
    @user-ip6gd3mr8b 5 років тому

    Что за тема в sublime text?

  • @zloy_tushkanchik
    @zloy_tushkanchik 5 років тому +2

    Хочу музыку из видео. Как называется?

    • @dimap6793
      @dimap6793 5 років тому

      ua-cam.com/video/Ch00H2aaA3s/v-deo.html

  • @ATtiny13a-PU
    @ATtiny13a-PU 5 років тому +11

    22:50 - всего-то? а вот теперь напиши нейронную сеть без неё. Особо строк не прибавится. Разве что придётся попотеть над обратным распространением.

    • @Maxutka13
      @Maxutka13 Рік тому

      Та это не тяжело

    • @ATtiny13a-PU
      @ATtiny13a-PU Рік тому

      @@Maxutka13, ну когда ты понял, что абсолютно любую нейросеть можно описать парой операций умножения матриц, то да. Сейчас я могу обучить любого писать нейросети на С++ в 10 строк кода)
      Реализовывал и обычные прямого распространения, и свёрточные, и RNN, и LSTM, и тьюринг, и произвольные, и т.д. нейросети, все описываются набором слоёв, весов и функций над слоями (поэлементными и общими).

    • @Maxutka13
      @Maxutka13 Рік тому

      @@ATtiny13a-PU после одной книги и пару статей в гугле

    • @Maxutka13
      @Maxutka13 Рік тому

      @@ATtiny13a-PU ну естественно я говорю про то что автор показал в видео

  • @user-rz2qd8fk8z
    @user-rz2qd8fk8z 4 роки тому

    Бомба видос

  • @user-fp4ro4ih9f
    @user-fp4ro4ih9f 5 років тому +1

    Годно

  • @dfkthbq99
    @dfkthbq99 5 років тому

    Маладес!

  • @ownstereo
    @ownstereo 5 років тому +1

    Годно)

  • @Leonlite1
    @Leonlite1 5 років тому

    а алгоритм распознавания капчи сможешь сделать ?

  • @sergiurosca9394
    @sergiurosca9394 5 років тому

    круто, насколько такая нейросеть уступает по возможностям своим конкурентам на С++ и PHP? Может есть ограничения?

  • @ekaterinabraid8434
    @ekaterinabraid8434 5 років тому +5

    Я одна слушала звуки клавиш, и наслаждалась?))Стало атмосферно и тепло. Найс.А видео интересное и полезное))Захотелось написать тоже такую штуку))

  • @user-vv3on8iu4y
    @user-vv3on8iu4y 5 років тому

    В какой проге пишешь.
    Мне 11 лет и я учу кумир что бы потом легче было изучать с++ или лучше сразу с++ учить? А вот меня от программирования не надо отгаваривать я решился и буду продолжать Xb

  • @max_mgtow
    @max_mgtow 5 років тому +11

    Хауди Хо друг 👍 Ну ты даёшь, новичок и уже гений в нейросетях 👏

    • @user-eb7yp4og8w
      @user-eb7yp4og8w 5 років тому +3

      он не гений в нейросетях , идиот

    • @max_mgtow
      @max_mgtow 5 років тому +2

      @@user-eb7yp4og8w ты кто такой? Давай до свидания! 👋

    • @user-eb7yp4og8w
      @user-eb7yp4og8w 5 років тому +1

      Я - друг комментатора. Разве не написано ?

    • @nurlanmamedov1812
      @nurlanmamedov1812 5 років тому

      Настоящий ксакер

  • @user-mj5bn1lm2b
    @user-mj5bn1lm2b 3 роки тому

    кто нибудь подскажите а как делать текстовый документ с соблайм текст?

  • @_-s.narekhovoyiexpayr-_3794
    @_-s.narekhovoyiexpayr-_3794 5 років тому +1

    Как ты сделал такой круглый градиент в видео? А можно так в Ubuntu?

    • @sirynka
      @sirynka 5 років тому

      да, можно поскольку JavaScript'y все равно на какой платформе компилироваться нужно только чтобы у тебя браузер был, а градиент можно либо через css _background: radial-gradient(color1, clolor2);_ либо картинку на задний фон поставить.

  • @61DANTE
    @61DANTE 5 років тому

    как ты написал `this.calculate = function(draw = false){...}`? в JS же нет оператора по умолчанию(но есть в TS)... или в новом стандарте добавился или это бабель(и новый стандарт) или...?

  • @watershishishi
    @watershishishi 4 роки тому

    а можно тоже самое но на python?

  • @mrynoplanetashka8988
    @mrynoplanetashka8988 5 років тому

    А разве не 4:50 на 57 строке, когда ты берёшь значение высоты и ширины холста не желательно указать
    >>Number(getComputedStyle("canv").width.substring(0, getComputedStyle("canv").width - 1));?

  • @dulchk
    @dulchk 5 років тому +1

    Ничего не понял, но очень интересно