powered by simpleCommunicator - 2.0.18     © 2024 Programmizd 02
Map
Форумы [новые:2] / Просто Трёп [закрыт для гостей] [новые:2] / В общем по теме), Поиск: Искать сообщения, созданные автором: cat2  
25 сообщений из 50, страница 2 из 2
Просто Трёп / В общем по теме)
    #675152
cat2
Скрыть профиль Поместить в игнор-лист
Участник
Гесты и игнорируемые идут по CSS
Разум вселенной  26.12.2023, 16:34
[игнорируется]
cat2  26.12.2023, 16:32
[игнорируется]
Разум вселенной  26.12.2023, 14:45
[игнорируется]
cat2  26.12.2023, 14:43
[игнорируется]
Разум вселенной  26.12.2023, 14:42
[игнорируется]
...
Если их не надо двигать - не буду
Мне кажется ты не до конца понял технологию канвас?) Или я сам не могу догнать ход твоих мыслей?!))
Ты просто плохо знаком с технологией css-анимации. Объекты не перерисовываются, а перемещаются и трансформируются.
С таким же успехом ты можешь двигать таблицы или дивы на странице)
Могу. И изображения могу двигать. А что?

Как ты собираешься, например, сделать такую сцену, как было выше на видео?
Ну хотя бы просто переместить белый квадрат по черному по фону?
Не надо кода, просто словами
...
Рейтинг: 0 / 0
Просто Трёп / В общем по теме)
    #675217
cat2
Скрыть профиль Поместить в игнор-лист
Участник
Гесты и игнорируемые идут по CSS
Разум вселенной  26.12.2023, 16:47
[игнорируется]
cat2  26.12.2023, 16:44
[игнорируется]
Как ты собираешься, например, сделать такую сцену, как было выше на видео?
Ну хотя бы просто переместить белый квадрат по черному по фону?
Не надо кода, просто словами
На каком видео? Тот ролик, что я выложил? Так это и есть канвас, один по сути холст, на котором с помощью JS функций прорисовываются объекты, статичные и двигающиеся, один холст на котором рисуется некий 3D фильм по сути.
И как они рисуются, по твоему мнению?
...
Рейтинг: 0 / 0
Просто Трёп / В общем по теме)
    #675220
cat2
Скрыть профиль Поместить в игнор-лист
Участник
Гесты и игнорируемые идут по CSS
Разум вселенной  26.12.2023, 17:11
[игнорируется]
cat2  26.12.2023, 16:44
[игнорируется]
Могу. И изображения могу двигать. А что?

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

И вот тебе понравилась картинка на заставке такого видео объекта и ты вставляешь видео на страницу в качестве картинки, двигаешь её, создаёщь из неё некие узоры, и вот у тебя на странице 5000 тысяч встроенных видео роликов и ты говоришь, что-то глючит эта картинка) А потом ещё нечайно нажал на видео и у тебя одновременно включатся 5000 выдео роликов)

Примерно такой у тебя сейчас подход)
У меня подход - не пытаться сделать лопатой то, что надо делать экскаватором. А что можно лопатой - сделаю
...
Рейтинг: 0 / 0
Просто Трёп / В общем по теме)
    #675286
cat2
Скрыть профиль Поместить в игнор-лист
Участник
Гесты и игнорируемые идут по CSS
Разум вселенной  26.12.2023, 17:41
[игнорируется]
cat2  26.12.2023, 17:28
[игнорируется]
У меня подход - не пытаться сделать лопатой то, что надо делать экскаватором. А что можно лопатой - сделаю
Открой хотяб гугл карты и посмотри принцип их работы, по твоему там для каждого объекта на карте, создают новую карту?)
Сам-то пробовал посмотреть принцип их работы?
Ну, расскажи, как это там на самом деле делается.

Я-то, по крайней мере, яндекс-картами через их API программировал.

И, главное - там нет динамики

https://mnt.cattus2.ru/map/route2
...
Рейтинг: 0 / 0
Просто Трёп / В общем по теме)
    #675297
cat2
Скрыть профиль Поместить в игнор-лист
Участник
Гесты и игнорируемые идут по CSS
Разум вселенной  26.12.2023, 17:37
[игнорируется]
Цель научится рисовать 1-2 розы на одном холсте, ну и ещё какую нибудь бабочку пририсовать чтобы она летала и садилась то на одну розу, потом на другую и тд.
Для начала нарисуй движение белого квадрата по черному фону, а уж потом на бабочек замахивайся.

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

Вот здесь
https://cattus2.ru/
анимация изображения для пашеграфики выполнено именно перерисовкой канвы
...
Рейтинг: 0 / 0
Просто Трёп / В общем по теме)
    #675329
cat2
Скрыть профиль Поместить в игнор-лист
Участник
Гесты и игнорируемые идут по CSS
Разум вселенной  26.12.2023, 18:02
[игнорируется]
cat2  26.12.2023, 17:56
[игнорируется]
Сам-то пробовал посмотреть принцип их работы?
Ну, расскажи, как это там на самом деле делается.

Я-то, по крайней мере, яндекс-картами через их API программировал.

И, главное - там нет динамики

https://mnt.cattus2.ru/map/route2
Там всего один канвас на всё про всё) Ну по крайней мере мне так видно. И всё так или иначе двигается и меняется.
Ты же предлагаешь 5000 канвасов.
Там меняется лишь содержимое холста, ты же предлагаешь, для каждого нового кадра покупать новый монитор)
Я не предлагаю 5000 канвасов.. Наоборот, я говорю, что для css-анимации с большим количеством объектов - это тупиковый ход, но если движущихся объектов немного, то вполне хорошее решение.

Я так понял, что про карты ты вообще ничего не знаешь.

В яндекс-картах прямым текстом указано, что они состоят из нескольких слоев, которые на странице сводятся в единую картинку. И там наверняка используется не канвас, а бинарник изображения

https://yandex.ru/dev/jsapi30/doc/ru/dg/concepts/general#layers
Цитата 
[игнорируется]
Слой
Слой — это визуальный компонент, который отвечает за отрисовку на карте каких-то объектов. Например, слой маркеров отображает точки на карте, а слой тайлов — саму географическую карту.

Карта может содержать произвольное количество слоев, API вас не ограничивает. Например, вы можете добавить слой, на котором будут отображены картинки с облаками, разместить под ним тайловый слой, а между ними добавить слой пробок.
...
Изменено: 26.12.2023, 18:22 - cat2
Рейтинг: 0 / 0
Просто Трёп / В общем по теме)
    #675358
cat2
Скрыть профиль Поместить в игнор-лист
Участник
Гесты и игнорируемые идут по CSS
Разум вселенной  26.12.2023, 18:10
[игнорируется]
Этот этап пройден)
Ну покажи, как ты это сделал. Я даже качнуть могу исходник
Разум вселенной  26.12.2023, 17:37
[игнорируется]
ты взял готовую библеотеку jQuery и решил потрясти мир)
Да взял. Потому что удобно. Важен не инструмент, а алгоритм.
Что бы изменилось, если бы я вместо
Код: JavaScript
1.
$("#anime").css({ "width": `${W}px`, "height": `${H}px`, "border": "1px solid gray" });
написал бы
Код: JavaScript
1.
2.
3.
4.
let anime = document.getElementById("anime")
anime.style.width = W + "px"
anime.style.height = H + "px"
anime.style.border = "1px solid gray"
...
Рейтинг: 0 / 0
Просто Трёп / В общем по теме)
    #675404
cat2
Скрыть профиль Поместить в игнор-лист
Участник
Гесты и игнорируемые идут по CSS
Разум вселенной  26.12.2023, 18:33
[игнорируется]
5000 объектов за раз никто не будет изучать в деталях)
Ошибаешься. Именно верность изображения деталей и создает красоту. Да, глаз человека хуже видит то, что не прямо перед глазами. Но на экране все должно быть максимально прорисовано, что бь когда человек посмотрел в угол монитора, он видел бы четкую картинку, а не что-то размытое.

Скриншот игры Transport Fever
Картинка
...
Рейтинг: 0 / 0
Просто Трёп / В общем по теме)
    #675735
cat2
Скрыть профиль Поместить в игнор-лист
Участник
Гесты и игнорируемые идут по CSS
Разум вселенной  26.12.2023, 19:08
[игнорируется]
Это всё зависит от конкретной сцены игры
Не путай игру с реалом. В реале горизонтальный обзор человека около 180 градусов и предметы на периферии видны плохо, а монитор мы видим примерно под углом 60. В реале для рассмотрения края обзора надо повернуть голову, а за монитором достаточно повести глазами
...
Рейтинг: 0 / 0
Просто Трёп / В общем по теме)
    #675785
cat2
Скрыть профиль Поместить в игнор-лист
Участник
Гесты и игнорируемые идут по CSS
Разум вселенной  26.12.2023, 19:48
[игнорируется]
В общем сейчас конкретно, я думаю над вопросом движения вперёд, с панорамай 3D более менее всё ясно, но вот начать движение в даль, тут возникают некоторые вопросы)
Если круговую панорамму можно спроектировать один раз и крутиться по ней, это реализовать не так и сложно.
Но вот начать движение вперёд от определённой точки. То есть проработанная карта остаётся позади и нужно переходить к следующему плану, вот в этом на мой взгляд заключается вопрос, если ограничиваться одним городом, то да, как бы с выcоты птичьего полёта можно так или иначе охватить всё поле действия, но вот движение вперёд, как его рисовать?
Можно конечно сделать плавный переход кадров, но тогда не будет эффекта движения, хотелось бы чтобы скорость прорисовки новых планов была быстрой, то есть движение в глубь должно быть быстрее чем движение по панораме.
Я же давал ссылку

https://rekovalev.site/3d-camera-basics/

Там рассматриваются основы управления камерой и ничего более простого не существует. Нет серебряной пули

Приближение и удаление камеры - это масштабирование.

Я для веба этот инструмент не использовал. На C# писал, но там есть отличная библиотека для работы с изображениями через матрицы преобразования.
Наверняка какой-нибудь добрый человек написал и для JS.
...
Рейтинг: 0 / 0
Просто Трёп / В общем по теме)
    #676258
cat2
Скрыть профиль Поместить в игнор-лист
Участник
Гесты и игнорируемые идут по CSS
Разум вселенной  27.12.2023, 00:00
[игнорируется]
cat2  26.12.2023, 23:05
[игнорируется]
Я же давал ссылку

https://rekovalev.site/3d-camera-basics/

Там рассматриваются основы управления камерой и ничего более простого не существует. Нет серебряной пули
Приближение и удаление камеры - это масштабирование.
Хорошо. И как ты себе представляешь движение вперёд? Просто некую линию горизонта и снизу пробегающие линии дорожной разметки?)
Движение вперед - это масштабирование и сдвиг.
================
К сожалению быстро не нашел у себя подходящих фото с высоким разрешением, так что при движении вперед качество получилось несколько хреновое.

https://cattus2.ru/catssoft/move.html
...
Рейтинг: 0 / 0
Просто Трёп / В общем по теме)
    #676978
cat2
Скрыть профиль Поместить в игнор-лист
Участник
Гесты и игнорируемые идут по CSS
Разум вселенной  27.12.2023, 14:50
[игнорируется]
cat2  27.12.2023, 12:05
[игнорируется]
Движение вперед - это масштабирование и сдвиг.
================
К сожалению быстро не нашел у себя подходящих фото с высоким разрешением, так что при движении вперед качество получилось несколько хреновое.

https://cattus2.ru/catssoft/move.html
Точняк! А откуда ты это всё знаешь? И чё игры не клепаешь?) Знаний вон вагон и маленькая тележка или застенчивый и не готов к всеобщей славе в качестве гуру 3D мира?)
p.s Я думал на вопрос как ты ускоряешся, ты ответишь что-то в стиле, как-как, до первого столба, потом буль буль и здравствуй солнышко доброе утро)
Я писал игры в те времена, когда "640 килобайт оперативной памяти хватало для любой задачи".
Сейчас у одиночки нет никаких шансов выиграть у коллектива.
Поговорил с разработчиками 3d моделей для игры Transport Fever. На одну модель транспорта требуется 20-30 часов рабочего времени.
Там 305 моделей транспорта. Это примерно 900 рабочих дней. А там еще есть и модели зданий и сооружений, людей и животных, растительность. Одной травы 5 видов
Вот скриншот с травой
Картинка
Нужен музыкант-композитор, что бы не нарваться на нарушение чьих-то авторских прав.
Я рисовать не умею вообще. Нужен художник.
Нужен актер для чтения текста. Я тут попробовал свои ролики озвучить - такое гавно получилось, что синтезатор речи сделал это гораздо лучше меня.
И всей этой шобле надо платить. Никто бесплатно работать не будет. То есть нужен инвестор. Где его взять?

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

Если бы мне было лет 30, я может быть что-то и делал в этом направлении, но в моем возрасте глупо начинать проекты, рассчитанные на годы
...
Рейтинг: 0 / 0
Просто Трёп / В общем по теме)
    #678912
cat2
Скрыть профиль Поместить в игнор-лист
Участник
Гесты и игнорируемые идут по CSS
Разум вселенной  28.12.2023, 00:40
[игнорируется]
В общем дело начинает подвисать) Немогу добится особого реализма, добавляя мелкие функции, особо ничего не меняется..
Может дело не в этом?)

YouTube Video
pasted_image.png
...
Рейтинг: 0 / 0
Просто Трёп / В общем по теме)
    #678935
cat2
Скрыть профиль Поместить в игнор-лист
Участник
Гесты и игнорируемые идут по CSS
Разум вселенной  27.12.2023, 18:22
[игнорируется]
В общем меня сейчас 2-3 вещи интересуют, работа с пикселями
Если речь про канвас, то с пикселями можно работать через getImageData-data
Код: JavaScript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
let input = context.getImageData(0, 0, canvasdom.width, canvasdom.height);  //Вся картинка сохраняется в объект input
let inputData = input.data;  //Все пиксели грузятся в одномерный массив. Один пиксел кодируется четырьмя последовательными битами R, G, B, Alpha.

let w = input.width, h = input.height;
let wh4 = w*h*4; // длина одномерного массива

...

//можно загрузить массив в канву
context.putImageData(maydata, 0, 0);
...
Рейтинг: 0 / 0
Просто Трёп / В общем по теме)
    #680928
cat2
Скрыть профиль Поместить в игнор-лист
Участник
Гесты и игнорируемые идут по CSS
Разум вселенной [игнорируется] 

css-анимация, которую я показывал, для игры не подойдет, так как она предназначена для мультиков, где все движения заранее определены.
Что бы ты не придумывал, но все равно придешь к матрицам трансформации, а css-анимация - просто удобный полигон, что бы освоить все способы трансформации.

В реальных программах обычно применяется следующий прием — одна сцена показывается, а за время ее показа подготавливается следующая. Потом они меняются местами. Тут нужна многопоточность, которой в JS нет.

Вот здесь иммитация такого подхода. Две канвы поочередно становятся видимыми.

https://cattus2.ru/catssoft/cinema.html

Дергание начинается около 3000 объектов, в то время как на css-анимации начиналось уже с 2000.
Демонстрация
https://cattus2.ru/catssoft/perl.html
...
Рейтинг: 0 / 0
Просто Трёп / В общем по теме)
    #681892
cat2
Скрыть профиль Поместить в игнор-лист
Участник
Гесты и игнорируемые идут по CSS
W 
[игнорируется]
бугога нахой. расскажи это разрабам GTA
Ты лично участвовал в разработке? Поделись знаниями. Я всегда рад изучить что-то новое
...
Рейтинг: 0 / 0
Просто Трёп / В общем по теме)
    #688779
cat2
Скрыть профиль Поместить в игнор-лист
Участник
Гесты и игнорируемые идут по CSS
Разум вселенной [игнорируется] 

Полно всяких готовых редакторов на любой чих. Зачем самому делать гаечные ключи?
...
Рейтинг: 0 / 0
Просто Трёп / В общем по теме)
    #689604
cat2
Скрыть профиль Поместить в игнор-лист
Участник
Гесты и игнорируемые идут по CSS
Разум вселенной [игнорируется] 

Идти надо от простого к сложному, а ты пытаешься наоборот.

Для начала хотя бы двухмерную "змейку" сделай.
...
Рейтинг: 0 / 0
Просто Трёп / В общем по теме)
    #689654
cat2
Скрыть профиль Поместить в игнор-лист
Участник
Гесты и игнорируемые идут по CSS
Разум вселенной  04.01.2024, 21:35
[игнорируется]
cat2  04.01.2024, 21:26
[игнорируется]
Разум вселенной [игнорируется] 

Идти надо от простого к сложному, а ты пытаешься наоборот.

Для начала хотя бы двухмерную "змейку" сделай.
Сперва змейку, потом тетрис, потом покер, потом пинг-понг, потом онлан гадания на картах?)
Цель уже поставлена, технология выбрана, базовый набор функций уже определён, остаётся только собрать это всё в один пучёк.
А ты наоборот предлагаешь заново рассыпать уже почти собранный букет и начать собирать его по новому?) Зачем?
Задача не в том, чтобы научится рисовать двигающийся квадратик или два, а чтобы это была игра, не змейка и не паучёк) А что-то реалестичное)
Из букв Х, У, Й слово "солнышко" не соберешь
...
Рейтинг: 0 / 0
Просто Трёп / В общем по теме)
    #689662
cat2
Скрыть профиль Поместить в игнор-лист
Участник
Гесты и игнорируемые идут по CSS
Ничего реалистичного без 3д-моделей не сделать. Будешь писать свой редактор 3д-моделей?
...
Рейтинг: 0 / 0
Просто Трёп / В общем по теме)
    #689680
cat2
Скрыть профиль Поместить в игнор-лист
Участник
Гесты и игнорируемые идут по CSS
Разум вселенной  04.01.2024, 21:50
[игнорируется]
cat2  04.01.2024, 21:46
[игнорируется]
Из букв Х, У, Й слово "солнышко" не соберешь
Если ты не писатель, то тебе хоть все буквы всех алфавитов дай в руки, то ты и из них слово солнышко не соберешь.
Дело не в том, что у тебя в руках, а в том, как ты это используешь.
Дай обезьяне весь алфавит, она всё равно вряд ли соберёт из него какое нибудь осмысленное слово, ну может за 100-200 лет и выложит пару слов, чисто в рендомном порядке) Так и тут.
Технология открыта, бери и делай) Но одни могут, другие нет)
Ты же не считаешь себя обезьяной? Вот тебе и нужен весь алфавит, да еще и знаки препинания. И синтаксис, и орфографию надо знать. И текстовой редактор в наше время.

А ты каменным рубилом по скале долбишь
...
Рейтинг: 0 / 0
Просто Трёп / В общем по теме)
    #689731
cat2
Скрыть профиль Поместить в игнор-лист
Участник
Гесты и игнорируемые идут по CSS
Разум вселенной [игнорируется] 

Да ничего. Просто помрешь раньше, чем рассказ напишешь
...
Рейтинг: 0 / 0
Просто Трёп / В общем по теме)
    #690034
cat2
Скрыть профиль Поместить в игнор-лист
Участник
Гесты и игнорируемые идут по CSS
Разум вселенной [игнорируется] 

Жизнь твоя. Хочешь делать - делай. Я просто пытаюсь предостеречь от напрасно потраченного времени
...
Рейтинг: 0 / 0
Просто Трёп / В общем по теме)
    #693193
cat2
Скрыть профиль Поместить в игнор-лист
Участник
Гесты и игнорируемые идут по CSS
Разум вселенной  05.01.2024, 09:37
[игнорируется]
У меня есть подозрения, что полноценной 3D игры в браузере не выйдет.
Об этом я почти сначала и пытаюсь тебе сказать
Разум вселенной  05.01.2024, 00:44
[игнорируется]
Просто сравни мой труд и свой, ты вот тут сидишь без дела, раздаёшь советы всем, мол вот так хорошо, вот так, туда сюда, ок это тоже не совсем плохо и наверно кому-то и нужно) Но еслиб ты это время потратил бы на реальное дело, то есть не говорил бы что зелёное, это зелёное, а как нибудь научно доказал бы, показал бы примеры, привёл бы какие нибудь факты,
Я а данном топике показал тебе, что стандартная анимация не подходит для создания игр. С примерами
Я привел пример, что использование смены двух экранов лучше, чем использование API-анимации через CSS/
Я привел пример использования матриц трансформации.

Реальное дело, говоришь?
Я на пенсии, но веду свой сайт про памятники Петрозаводска.

https://mnt.cattus2.ru/

Я бесплатно занимаюсь технической поддержкой конкурса на лучший скриншот по игре Transport Fever 2. Мне это просто интересно.
https://vk.com/transportfever

Кусок админки
pasted_image.jpg
Страница победителей конкурса.

https://cattus2.ru/tf/busers/
Разум вселенной  05.01.2024, 09:37
[игнорируется]
Говоришь с JS не работал,
Кто тебе это сказал?
Я начал работать с JS тогда, когда единственным средством отладки был alert()

В средние века многие неглупые люди пытались найти "философский" камень, который превращал был бы камень в золото.
На мой взгляд ты занимаешься примерно тем же самым и в этом я тебе помочь не могу, да и не хочу.
...
Рейтинг: 0 / 0
Просто Трёп / В общем по теме)
    #699919
cat2
Скрыть профиль Поместить в игнор-лист
Участник
Гесты и игнорируемые идут по CSS
Разум вселенной  09.01.2024, 15:52
[игнорируется]
чем красивее игра и навороченнее, тем она больше жрёт ресурсов
Ценное наблюдение.
--------------------------
Есть множество стратегий, где меняется только начальная карта, а алгоритмы одни и теже
...
Изменено: 10.01.2024, 22:35 - cat2
Рейтинг: 0 / 0
25 сообщений из 50, страница 2 из 2
Форумы [новые:2] / Просто Трёп [закрыт для гостей] [новые:2] / В общем по теме), Поиск: Искать сообщения, созданные автором: cat2  
Читали тему (1): Анонимы (1)
Игнорируют тему (2): Гарыныч, ZаЛупина
Читали форум (14): Анонимы (9), Королева Жезлов, С чистого листа, NSFuimus 1 мин., Просто Трёп 2 мин., Брюквенные годы 6 мин.
Пользователи онлайн (22): Анонимы (13), Королева Жезлов, Просто Трёп, С чистого листа, Yandex Bot, Горбатый ёж, Bing Bot 1 мин., NSFuimus 1 мин., Брюквенные годы 6 мин., жЫвоглот 8 мин.
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]