JavaScript Canvas 8. Игра 'Жизнь'

👇 Разверни для полной информации

Создаем основу для популярной игры "Жизнь" с помощью JavaScript и Canvas.

[ВеленаДенисова]

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

[MrNoblz]

Спасибо вам большое! Дай бог вам здоровья!!! Все очень доступно и понятно объясняете.

[ViGvo]

Всего пару коротких if надо было добавить, чтобы правила были такими, как Конвэй придумал. И еще кнопку Стоп прикрутить, чтобы таймер останавливать и прекращать это безобразие. И еще интересно, на каком размере поля современная техника начнет тормозить. У Конвэя было задумано бесконечное поле, а у вас - тороидальное получается.

[ivanadamowi]

Я:*смортю превью
Мой мозг:МЫ ПРСТО ИГРАЕМ В ЖИЗНЬ...

[yippeeki-yey]

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

[razzo]

Спасибо за уроки, обязательно посмотрю весь Ваш курс по канвасу...
Продолжайте дальше учить на Ванильном JS... Это круто!!!!
А для идей и предложений, можно сделать Trello аккаунт и в него запихивать все идеи по видео, а заинтересованный народ сам туда подтянется и будет подсказывать ;)
Это только предложение...
Еще раз благодарю за уроки!

[EvgeshaFromUa]

А я не понимаю проверку. 16:46 Мы же получается бегаем по всему ряду, а должны бегать левый, средний и правый сосед. Или я как то не понимаю эту проверку? Буду рад ответу

[mrgoodpeople]

делал такое на канвасе, правда сама "жизнь" не очень интересна, но путём модификаций удалось получить красивый эффект тлеющей бумаги =). весьма красиво, только точки нужно делать 1 на 1 пиксель.

[xmutaborx]

Если у Вас Chrome, то оставив в index.html размеры канваса 800 * 800 и изменив их в CSS на 300*300, будут проблемы с распознаванием координат мыши и будет непонятная хрень. Ставьте сразу правильные размеры в тэге canvas

[TeaAndCoffe]

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

[gfgddtr]

строка 55 .ошибка .mas==0, наверно mas=0 присваиваем же

[mihalev]

Спасибо за Ваши уроки , А почему при повторных нажатиях на кнопку старт скорость циклов увеличивается?

[bogdan_ov]

Я так и не понимаю обязательно нужно ставить в массивах i и j ?

[dezmuldo]

блээээд, мозг начинает кипеть просто !!!

[NotBlogGer_]

что делать если ошибка var ctx = canvas.getContext('2d'); TypeError: Cannot read properties of null (reading 'getContext')

[VB-lxsr]

Есть возможность проиграть, если нарисовать прямую посередине поля)

[oleksatoon]

Очень интересный урок!
Можете обьяснить действия с mas[i]=[ ] и mas[i] [j] = 0 ?

[spanev]

Вот что это за "итэ" и "джитэ" ? почему переменную "ай" называет "итэ" ?

[noitaukkokronk]

Не очень приятно, когда человек кушает, причмокивает и говорит одновременно.