forum.boolean.name - Видеоурок создания 2D платформера на HTML5. Вдруг пригодится.

forum.boolean.name (http://forum.boolean.name/index.php)

- JavaScript / HTML (http://forum.boolean.name/forumdisplay.php?f=136)

Видеоурок создания 2D платформера на HTML5. Вдруг пригодится.

В уроке разрабатывается прототип игры - 2D платформера. Может кому пригодится в работе.

Ответ: Видеоурок создания 2D платформера на HTML5. Вдруг пригодится.

Молодец парень.

Но у него ужасный стиль программирования, очень плохой пример показывает.
По сути "как не нужно писать на JS".

Ответ: Видеоурок создания 2D платформера на HTML5. Вдруг пригодится.

Цитата:

Сообщение от moka (Сообщение 299317)

Молодец парень.

ТС и есть автор.

Ответ: Видеоурок создания 2D платформера на HTML5. Вдруг пригодится.

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

Ответ: Видеоурок создания 2D платформера на HTML5. Вдруг пригодится.

Цитата:

Сообщение от Nikich (Сообщение 299324)

Автор, пожалуйста, не используй свой "движок"

Объективнее пожалуйста.

Ответ: Видеоурок создания 2D платформера на HTML5. Вдруг пригодится.

А еще можно вообще без движка, с использованием canvas2d - так даже лучше.
Серия туториалов, по рендеру уровня, создание камеры, управление персонажем, коллизия.

При этом на ванильном JS с Canvas2D это будет очень полезно и обучающе. Код выкладывай на github'е, и прилагай ссылкой и аннотациями на линии кода в видео, чтобы можно было когда ты говоришь о куске кода, нажав на аннотацию посмотреть исходники этих строк.

Отличное место старта: http://www.html5canvastutorials.com/

По стилю кода, нужно серьезно все пересмотреть.
Начинай от сюда: https://google.github.io/styleguide/javascriptguide.xml
И вот распространенный стиль тоже: https://github.com/playcanvas/engine...ter/CONTRIB.md

Цитата:

Сообщение от Nikich (Сообщение 299324)

Автор, пожалуйста, не используй свой "движок"

Этот фреймворк - лишь набор команд для работы с Canvas, разрабатываелся так же в режиме онлайн, так что все подписчики в курсе что это и могут спокойно каждую функцию движка заменить обычным кодом на JS =)

По поводу стиля, разве не каждый пишет так, как ему удобно? Я понимаю про общие стандарты, читабельность и т.д., но по сути это влияет только на внешний вид. Я больше 5 лет работал с С++ в разных его вариациях... JS на него и похож и не похож одновременно, но все же больше не похож.
Стараюсь избавиться от этого стиля)

Тем более J2ds по функционалу сравним с SMFL для C++

Меня вообще за 'use strict' упрекнули, мол, его использование "плохой тон".

Ответ: Видеоурок создания 2D платформера на HTML5. Вдруг пригодится.

Стиль кода это наименьшая проблема. Полное отсутствие абстракций, паттернов, какое-то сборище глобальных переменных и функций. Уровень архитектуры просто нулевой.

Ответ: Видеоурок создания 2D платформера на HTML5. Вдруг пригодится.

Цитата:

Сообщение от moka (Сообщение 299326)

И вот распространенный стиль тоже: https://github.com/playcanvas/engine...ter/CONTRIB.md

Цитата:

Сообщение от Namespace with a class

PHP код:




var namespace = function () {
    var Class = function () {
            var _private = "private";
            this.accessor = function () {
                return _private;
            };
        }
    };
    Class = pc.inherits(Class, Base);

    pc.extends(Class.prototype, {
        derivedFn: function () {
        }
    });

    return {
        Class: Class
    };
}();

Это что это такое? Чтож такие сложности то?
Чем отличается напрмер extends от inherits?
Нет, такого ООП нам не надо.

Хотя может ты сможешь объяснить почему такая конструкция необходима?

Ответ: Видеоурок создания 2D платформера на HTML5. Вдруг пригодится.

Почему такого ООП вам не надо? Лично мне такой код абсолютно понятен и кажется красивым, как, думаю, и другим JS программистам.
Касательно объяснений:
Функция namespace используется для сокрытия класса от глобального скоупа. Функция Class должна быть очевидна. inherits напрямую наследует один класс от другого. extends добавляет в класс новые методы и поля. Это все можно делать руками оперирую прототипами объектов, но через такие хелперы это быстрее и красивее.
В ES6, кстати, добавили синтаксический сахар для классов.

Ответ: Видеоурок создания 2D платформера на HTML5. Вдруг пригодится.

Цитата:

Сообщение от Randomize (Сообщение 299344)

Это что это такое? Чтож такие сложности то?
Чем отличается напрмер extends от inherits?
Нет, такого ООП нам не надо.

Честно сказать, я абсолютно не фанат такого ООП тоже.
inherits - наследует прототип.
extends - расширяет прототип.

Цитата:

Сообщение от Randomize (Сообщение 299344)

Хотя может ты сможешь объяснить почему такая конструкция необходима?

Нужно было пометить выше чтоб на этот как раз кусочек не смотрели.
Я сторонник ванильного prototype. А это "продукт" когда-то выдуманный playcanvas изначальными кодерами. После работы с двигом привык и стало удобно. Но я не рекомендую такой подход, особенно учитывая того что inherits делает на самом деле внутри (создается дополнительный мелкий класс по середине, что очень-очень не хорошо).

Nikich, тоже прав с одной стороны.

Я раньше делал тоже себе хэлперы для наследований и т.п.
Но потом обратно вернулся к ванильному prototype, ибо он мне роднее.
Вот отличное видео и ниже визуализатор, очень-очень помогает понять суть prototype. http://www.objectplayground.com/

Те кто недооценивает важность стиля кода, либо одиночки, либо не работали в командах где разработчики уважают друг-друга.
Также как UX и консистенция в дизайне UI важны. Также и стиль и структура кода важна для воспринятия его другими разработчиками.
Если вы пишите все одним файлом да и в С стиле, то это как минимум выглядит не серьёзно.
В гите такие проекты вообще никем не уважаются, т.к. это читать не удобно, напрягается мозг больше.

Это как на вашем привычном рабочем столе все перемешать, а в любимом IDE поставить не mono-space шрифт Comic Sans.