search

torin-asakura / dream-team

Команда IT рекрутов Dream Team
https://dream-team.tech
1 stars 0 forks source link

feat/3d-snippet #102

Closed Amiditin closed 10 months ago

Amiditin commented 1 year ago

Resolves #101

Результат:

Запись экрана от 26.12.2023 15:43:50.webm

TorinAsakura commented 1 year ago

что-то адовое со цветом и анимацией

TorinAsakura commented 1 year ago

@YuraBronsky призываю!

YuraBronsky commented 1 year ago

Я тут. Ну цвет другой да, незнаю с чем это может быть связано, врядли с тем какая она на сцене. А с анимацией что? она просто медленнее чем была на видосе который я сделал а так вроде все норм,нет?

TorinAsakura commented 1 year ago

Я тут. Ну цвет другой да, незнаю с чем это может быть связано, врядли с тем какая она на сцене. А с анимацией что? она просто медленнее чем была на видосе который я сделал а так вроде все норм,нет?

Не-а, анимация не та. Вот правильная https://github.com/torin-asakura/dream-team/issues/101#issuecomment-1745083075

YuraBronsky commented 1 year ago

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

TorinAsakura commented 1 year ago

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

тут смысл анимации, в цикличном морфинге:

  1. шар
  2. шар с рябью
  3. шар

Всё. Впрочем, как и было до этого

YuraBronsky commented 1 year ago

А, ну так у меня так и было. Значит как то это в коде решается. Потому что я так и делал -шар -> шар с рябью -> шар

Amiditin commented 1 year ago

@YuraBronsky @TorinAsakura

По анимации шар -> шар с рябью -> шар получается только что-то такое сделать:

Запись экрана от 04.10.2023 13:44:14.webm

Если такая анимация подходит, то могу ещё поработать над таймингами переходов и простоя, скоростью.

TorinAsakura commented 1 year ago

@YuraBronsky @TorinAsakura

По анимации шар -> шар с рябью -> шар получается только что-то такое сделать:

04.10.2023.13.44.14.webm

Если такая анимация подходит, то могу ещё поработать над таймингами переходов и простоя, скоростью.

Для начала надо свет нормальный вернуть, этот вообще ядерный. Ждём @YuraBronsky

YuraBronsky commented 1 year ago

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

Amiditin commented 1 year ago

Наверное где то в коде используется какой то бленд мод или что то подобное

За цвет и освещение отвечаю эти строчки

https://github.com/torin-asakura/dream-team/blob/21416762230893d391d298e5cd12ec14bead91a8/ui/sphere/src/sphere.component.tsx#L17-L22

YuraBronsky commented 1 year ago

Попробуй поставь у верхних цвета

а у нижних

Amiditin commented 1 year ago

Попробуй поставь у верхних цвета

* 8276FB

* 71A2FD

а у нижних

* FFFFFF

* 6164A1

изображение

YuraBronsky commented 1 year ago

не, так какой то флет освещение получается. Хотя цвет стал чуть лучше. Тут надо видимо со значениями играть в коде что бы получить нужное. Плюс у самого материала видимо roughness выкручена на 1, возможно надо чуть поменьше поставить,что бы было чуть больше бликов на фигуре.

Amiditin commented 11 months ago

@Nelfimov не могу победить typecheck внутри пакетов, если сильно снижать версии, то моделька уже по другому начинает выглядеть и всё равно typecheck не будет проходить. Что ещё можно сделать?

Nelfimov commented 11 months ago

Проверь через yarn why сколько версий стоит fiber и drei. Возможно кто-то из них тянет другого как зависимость и выходит в проекте несколько версий.

Amiditin commented 11 months ago

Проверь через yarn why сколько версий стоит fiber и drei. Возможно кто-то из них тянет другого как зависимость и выходит в проекте несколько версий.

@Nelfimov почему то два раза выдаёт, но версии одинаковые, это нормально?

~/React/dream-team$ yarn why @react-three/drei
├─ @ui/sphere@workspace:ui/sphere [c3055]
│  └─ @react-three/drei@npm:8.20.2 [fd4f6] (via npm:8.20.2 [fd4f6])
│
└─ @ui/sphere@workspace:ui/sphere
   └─ @react-three/drei@npm:8.20.2 [fd4f6] (via npm:8.20.2 [fd4f6])
~/React/dream-team$ yarn why @react-three/fiber
├─ @ui/sphere@workspace:ui/sphere [c3055]
│  └─ @react-three/fiber@npm:7.0.29 [fd4f6] (via npm:7.0.29 [fd4f6])
│
└─ @ui/sphere@workspace:ui/sphere
   └─ @react-three/fiber@npm:7.0.29 [fd4f6] (via npm:7.0.29 [fd4f6])
Nelfimov commented 11 months ago

Да, это норм.

Попробуй skipLibCheck в тсконфиге

Amiditin commented 11 months ago

Да, это норм.

Попробуй skipLibCheck в тсконфиге

Не помогло :/

Nelfimov commented 11 months ago

Тогда либо yarn patch либо проверит что билд подходит без ошибок.

Amiditin commented 11 months ago

@Nelfimov что ему может не нравится после yarn patch? локально yarn install новые файлы не создаёт и отрабатывает без ошибок.

Nelfimov commented 11 months ago

ошибка будто ты подменил хэш сумму у пакета. Ты ведь делал yarn patch а затем yarn patch-commit?

Amiditin commented 11 months ago

ошибка будто ты подменил хэш сумму у пакета. Ты ведь делал yarn patch а затем yarn patch-commit?

Да, так и сделал.

Nelfimov commented 11 months ago

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

Amiditin commented 11 months ago

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

Я делал yarn patch для версий @react-three/drei 8.20.2 и three-stdlib 2.28.9, они как раз последние среди своих мажорных.

Nelfimov commented 11 months ago

тайпчек исправил пересборкой yarn.lock

Amiditin commented 11 months ago

@Nelfimov почему в ошибке релиза он не видит @types/react?

Nelfimov commented 11 months ago

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

Amiditin commented 10 months ago

@pussypistolss обновил ветку и модельку, можешь зайти проверить

pussypistolss commented 10 months ago

Resolves #101

Результат:

26.12.2023.15.43.50.webm

Ты не ставил конкретно источники света? У тебя стоит основной свет, а других цветных источников нет. image На прошлой сфере, на которую мы ориентируемся 3 источника света. слева фиолетовый, справа голубой и еще один основной, который создает тень над выпуклостями сферы. Ты выставил основной, можно его не трогать. И нужно выставить еще 2, фиолетовый ниже, голубой выше.

![1111](https://github.com/torin-asakura/dream-team/assets/147274591/ee10298d-a939-4e15-9dd5-e67baa54b8f8) https://github.com/torin-asakura/dream-team/assets/147274591/10d4d2e7-07d0-4f9e-b419-cff2d7c59483 Еще можешь ориентироваться на это видео, но тут два дополнительных источника света располагаются сверху,
Amiditin commented 10 months ago

Ты не ставил конкретно источники света? У тебя стоит основной свет, а других цветных источников нет.

На это ориентировался:

На счет настройки света. Оставь все стандартные параметры, поменяй только значение environment на None. Я не вижу смысла что-то координально менять, если ты вручную освещение поставишь.

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

Можешь сказать конкретные цвета, и если не сложно координаты? в коде настройки сцены в этом месте: https://github.com/torin-asakura/dream-team/blob/df93036eff21e3c8ca0da8f33cf1d62a9d18b2ac/ui/sphere/src/sphere.component.tsx#L11-L13

pussypistolss commented 10 months ago

Можешь сказать конкретные цвета, и если не сложно координаты? в коде настройки сцены в этом месте:

Я выставила камеру на x оси в значении 10, края сферы у меня обрезаны, а у тебя она нормально стоит. Наверно у нас разный размер сфер. Я могу предположить только на глаз какая она у тебя, вроде бы я уменьшила ее достаточно в своем редакторе. Но возможно тебе не подойдут мои координаты, но попробуй поставить.

Координаты голубого света:

image

Координаты розового:

image

Не знаю есть ли в three js разные типы источников света, я ставила свет по площади, силу поставила на 300w. А у тебя видимо она измеряется в других значениях. Честно не могу предположить какая интенсивность подойдет. Наверно лучше оставить стандартную, а потом уже посмотрим. На счет цветов можем попробовать E261FF для розового и 3AC4FF для голубого, если будут смотреться не так как в блендере, поменяем. Как видишь мне сложно дать тебе точную инфу по координатам и цвету. Я все еще настаиваю на созвоне, когда у тебя будет время и мне кажется так будет легче решить какие параметры выставить.

https://github.com/torin-asakura/dream-team/assets/147274591/c51bb773-8529-40b4-a095-5dccb3ec2ff6 +- освещение должно выглядеть как-то так, но светлее
Amiditin commented 10 months ago

@pussypistolss

Поставил 3 света, вот что получилось:

[Запись экрана от 27.12.2023 22:11:06.webm](https://github.com/torin-asakura/dream-team/assets/80476878/6c978fd1-6480-483c-8049-e42fbdbe2343)

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

Окей давай, можно даже сейчас, тегнишь в тг, я зайду в дс.

Amiditin commented 10 months ago

Обновленное освещение:

[Запись экрана от 27.12.2023 23:01:38.webm](https://github.com/torin-asakura/dream-team/assets/80476878/77e661de-5818-4352-b6b0-7b3f8d566ccd)