3D своими руками. Часть 1: пиксели и линии

[@maisvendoo]

КПДВ — думал мем про гнома уже давно и прочно забыт

[@johnfound]

Это не тру гном, а фейк. У гнома, бутылочка с йадом спрятана в сумочке. И сама бутылочка намного совершеннее:

Заголовок спойлера

[@maxyc_webber]

ни разу не жс кодер, но позвольте спросить
drawPixel(x, y, r, g, b) {

возможно стоит вынести аргументы в DTO ?

[@gavrashenko]

Да, конечно, можно и так. Я в примерах стараюсь соблюдать баланс между быстродействием и легкостью понимания кода. Причем второму отдаю больший приоритет.

[@shaman4d]

Отлично, спасибо! продолжайте пожалуйста!

[@LibrarianOok]

Было бы интересно в рамках курса ознакомиться с отрисовкой в канвасе кубических, равноугольных и прочих панорам средствами js, без всяких фреймворков, WebGL, и трюков с CSS.

[@vvs013]

Так как это 1-я часть. Я не художник (и не стремлюсь), но когда хотел для себя понять что такое современный «рендер», мне помогла вот эта табличка
docs.microsoft.com/ru-ru/windows/win32/direct3d11/overviews-direct3d-11-graphics-pipeline
Ну, естественно, это для общего развития совсем уж новичков. :)

[@ARechitsky]

Для того чтобы рисовать отрезок прямой не нужно <гипотенуза> пикселей! Достаточно max(dx,dy). Почти наверняка у вас пиксели перерисовываются по несколько раз.

На вики наглядная гифка.

[@gavrashenko]

Все верно, правильно «найбольший катет» пикселей, спасибо. Постараюсь учесть этот момент во второй части. Некоторые расчеты приходиться делать заведомо неточными и не быстрыми, ради простоты понимания, а где-то попросту ошибаюсь.

[@Akavi]

Большое спасибо за статью — написано просто и понятно.
Дал почитать ребенку (11 лет, он как раз спрашивал про графику, а это не мой профиль :( ) — так он все понял и решил написать примеры на Паскале, который сейчас изучает.

Может быть что-то посоветуете по основам JS, написанное так же понятно?

[@LibrarianOok]

Немного не про основы js, но про графику (хотя js там тоже есть): thebookofshaders.com/?lan=ru