Skip to content
This repository has been archived by the owner on Sep 11, 2024. It is now read-only.

refactor/sphere-model #121

Merged
merged 9 commits into from
Apr 19, 2024
Merged

refactor/sphere-model #121

merged 9 commits into from
Apr 19, 2024

Conversation

Amiditin
Copy link
Contributor

Resolves #120

Видео
14.02.2024.11.25.10.webm

@Amiditin Amiditin added the enhancement New feature or request label Feb 14, 2024
@Amiditin Amiditin requested a review from Nelfimov February 14, 2024 08:27
@Amiditin Amiditin self-assigned this Feb 14, 2024
@Amiditin Amiditin linked an issue Feb 14, 2024 that may be closed by this pull request
2 tasks
Copy link
Contributor

@Nelfimov Nelfimov left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  1. файлы с моделью 500Мб, такое будет долго лететь до клиента
  2. используй threejs для анимации шейдеров https://threejs.org/docs/#examples/en/loaders/GLTFLoader

Материалы:

@Amiditin
Copy link
Contributor Author

2. используй threejs для анимации шейдеров https://threejs.org/docs/#examples/en/loaders/GLTFLoader

@Nelfimov ранешь пытался делать шейдерную анимацию через threejs, максимум получалось что-то такое #102 (comment). Если @pussypistolss сможет скинуть анимацию текущей сферы в фомате .glsl, то можно будет попробовать подключить её через threejs.

@Nelfimov
Copy link
Contributor

Если @pussypistolss сможет скинуть анимацию текущей сферы в фомате .glsl, то можно будет попробовать подключить её через threejs.

Скооперируйтесь пожалуйста с @pussypistolss.

@pussypistolss
Copy link

Если @pussypistolss сможет скинуть анимацию текущей сферы в фомате .glsl, то можно будет попробовать подключить её через threejs.

У меня не шейдерная анимация, я ее через модификаторы делала. Я изучу еще эту тему, но вряд ли получится сделать так.

@TorinAsakura
Copy link
Member

Если @pussypistolss сможет скинуть анимацию текущей сферы в фомате .glsl, то можно будет попробовать подключить её через threejs.

У меня не шейдерная анимация, я ее через модификаторы делала. Я изучу еще эту тему, но вряд ли получится сделать так.

если у других получилось - то и у нас должно

@pussypistolss
Copy link

Если @pussypistolss сможет скинуть анимацию текущей сферы в фомате .glsl, то можно будет попробовать подключить её через threejs.

Я сделала еще одну сферу, где используется почти такая же шейдерная анимация, но так и не нашла способа как получить этот glsl файл из блендера.

image

@pussypistolss
Copy link

ранеше пытался делать шейдерную анимацию через threejs, максимум получалось что-то такое #102 (comment). Если @pussypistolss сможет скинуть анимацию текущей сферы в фомате .glsl, то можно будет попробовать подключить её через threejs.

@Amiditin

IMG_8569-3.MP4

Отредактировала сделанную шейдерную анимацию.
Я делала ее ориентируясь на видео, по которому был сделан гайд на который ты ориентировался, когда делал шейдерную анимацию через threejs.
Я не нашла способа импортировать готовую анимацию в код. У тебя есть та сфера, которую ты пытался сделать, мне кажется тебе в ручную нужно будет ее отредактировать и сделать похожей на ту, что сделала я сейчас.

@TorinAsakura
Copy link
Member

ранеше пытался делать шейдерную анимацию через threejs, максимум получалось что-то такое #102 (comment). Если @pussypistolss сможет скинуть анимацию текущей сферы в фомате .glsl, то можно будет попробовать подключить её через threejs.

@Amiditin

IMG_8569-3.MP4

Отредактировала сделанную шейдерную анимацию. Я делала ее ориентируясь на видео, по которому был сделан гайд на который ты ориентировался, когда делал шейдерную анимацию через threejs. Я не нашла способа импортировать готовую анимацию в код. У тебя есть та сфера, которую ты пытался сделать, мне кажется тебе в ручную нужно будет ее отредактировать и сделать похожей на ту, что сделала я сейчас.

а откуда ты пытаешься экспортировать шейдеры в код?

@pussypistolss
Copy link

а откуда ты пытаешься экспортировать шейдеры в код?

Из блендера

@Amiditin
Copy link
Contributor Author

Отредактировала сделанную шейдерную анимацию.

@pussypistolss размер сферы прежний?

У тебя есть #102 (comment), которую ты пытался сделать, мне кажется тебе в ручную нужно будет ее отредактировать и сделать похожей на ту, что сделала я сейчас.

Те шейдеры для threejs я брал из открытых источников и редактировал только предоставляемые начальные переменные (амплитуды, скороcть, тайминги анимаций), поэтому как воссоздать анимацию как на видео я сейчас не знаю. Вариант с видео точно проигрышный? мы не можем попробовать разные форматы видео, или сделать gif с прозрачным фоном?

@TorinAsakura
Copy link
Member

Отредактировала сделанную шейдерную анимацию.

@pussypistolss размер сферы прежний?

У тебя есть #102 (comment), которую ты пытался сделать, мне кажется тебе в ручную нужно будет ее отредактировать и сделать похожей на ту, что сделала я сейчас.

Те шейдеры для threejs я брал из открытых источников и редактировал только предоставляемые начальные переменные (амплитуды, скороcть, тайминги анимаций), поэтому как воссоздать анимацию как на видео я сейчас не знаю. Вариант с видео точно проигрышный? мы не можем попробовать разные форматы видео, или сделать gif с прозрачным фоном?

видео контейнер с анимацией всегда будет весить сотни, к сожалению

поэтому вариант с шейдерной анимацией единственный возможный

вопрос с блендером и трижс я уже разбирал когда-то, надо посидеть, отпишусь

@TorinAsakura
Copy link
Member

а откуда ты пытаешься экспортировать шейдеры в код?

Из блендера

https://www.google.com/search?client=safari&rls=en&q=blender+three.js&ie=UTF-8&oe=UTF-8 - топ 10 из гугла, включая офф доку. Как ты могла "не найти"?

@pussypistolss
Copy link

https://www.google.com/search?client=safari&rls=en&q=blender+three.js&ie=UTF-8&oe=UTF-8 - топ 10 из гугла, включая офф доку. Как ты могла "не найти"?

Cкинь ссылки, пожалуйста

@TorinAsakura
Copy link
Member

https://www.google.com/search?client=safari&rls=en&q=blender+three.js&ie=UTF-8&oe=UTF-8 - топ 10 из гугла, включая офф доку. Как ты могла "не найти"?

Cкинь ссылки, пожалуйста

я тебе скинул поисковую выдачу. Мне за тебя ещё ссылки подобрать?

@TorinAsakura
Copy link
Member

Снимок экрана 2024-02-27 в 17 53 59

@pussypistolss
Copy link

pussypistolss commented Feb 27, 2024

я тебе скинул поисковую выдачу. Мне за тебя ещё ссылки подобрать?

Так я не вижу никакой информации про шейдеры, в документации про GLTF формат написано, он не поддерживает шейдеры

@TorinAsakura
Copy link
Member

я тебе скинул поисковую выдачу. Мне за тебя ещё ссылки подобрать?

Так я не вижу никакой информации про шейдеры, в документации про GLTF формат написано, он не поддерживает шейдеры

у тебя был вопрос про выгрузку моделей в threejs - я тебе дал её
принцип там везде один и тот же, по этой причине ты не смогла найти доку по выгрузке конкретно анимации, так как эту задачу покрывает дока по выгрузке моделей

@pussypistolss
Copy link

pussypistolss commented Feb 27, 2024

@TorinAsakura
Могу попробовать в синема 4д сделать такую же сферу (без шейдеров), в блендере я эту анимацию кое-как экспортировала в glb формат через аддон, может в с4д выйдет файл меньше по весу

@TorinAsakura
Copy link
Member

@TorinAsakura Могу попробовать в синема 4д сделать такую же сферу (без шейдеров), в блендере я эту анимацию кое-как экспортировала в glb формат через аддон, может в с4д выйдет файл меньше по весу

сомнительно, но, о-к-эй

Для нас лучший вариант - это управление анимацией на стороне ядра, а не на стороне 3д контейнера.

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

@pussypistolss
Copy link

Для нас лучший вариант - это управление анимацией на стороне ядра, а не на стороне 3д контейнера.

Та же самая проблема и в с4д, анимация не экспортируется.

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

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

@TorinAsakura
Copy link
Member

Для нас лучший вариант - это управление анимацией на стороне ядра, а не на стороне 3д контейнера.

Та же самая проблема и в с4д, анимация не экспортируется.

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

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

https://www.youtube.com/watch?v=e2ntx-fyXaE

@Amiditin @pussypistolss

@Amiditin
Copy link
Contributor Author

Amiditin commented Feb 28, 2024

https://www.youtube.com/watch?v=e2ntx-fyXaE

@Amiditin @pussypistolss

Способ, которым автор видео добавляет шейдеры я уже использовал тут, проблема в том, что шейдеры из открытых источников, которые я брал, нам не подходят. С ними получалось делать такие анимации: пример 1, пример 2. Чтобы сделать способом как на видео, мне нужна шейдерная анимация нашей текущей сферы в формате .glsl

@pussypistolss
Copy link

сделать способом как на видео, мне нужна шейдерная анимация нашей текущей сферы в формате .glsl

Так как мне ее тебе дать? Экспорт в такие форматы не поддерживается

@TorinAsakura
Copy link
Member

@Amiditin @pussypistolss научитесь уже гуглить https://www.reddit.com/r/blender/comments/lj93z8/recreating_blender_shaders_in_glsl/?rdt=53638

Я все эти вещи нахожу за пару-тройку минут. Мы тут переписываемся больше

@pussypistolss
Copy link

@Amiditin

В гиф формате не очень красиво будет смотреться, появляется рябь такая
Сегодня в афтер эффектсе покопаюсь, сделаю видео с прозрачным альфа каналом в одном из этих форматов:
Видео формат AVI, OGG или Quick time c кодеком HuffUV
Видео формат WebM c кодеком WEBM/VP9
Видео формат Quick time с кодеком QT RLE

image

0001-0240.mov

@TorinAsakura
Copy link
Member

@Amiditin

В гиф формате не очень красиво будет смотреться, появляется рябь такая Сегодня в афтер эффектсе покопаюсь, сделаю видео с прозрачным альфа каналом в одном из этих форматов: Видео формат AVI, OGG или Quick time c кодеком HuffUV Видео формат WebM c кодеком WEBM/VP9 Видео формат Quick time с кодеком QT RLE

всё это безусловно очень занятно, что вы решили сделать тупо видео с прозрачным фоном, однако вы упускаете вопрос адаптивности. Что будет с вашим видео-объектом на айпэде? Или айфоне? А уж про пользователей андройда у которых одним только моделей с разными разрешениями по тысячу я и говорить не стану.

@pussypistolss
Copy link

@Amiditin видео закинула сюда

@TorinAsakura
Copy link
Member

status?

@Amiditin
Copy link
Contributor Author

Amiditin commented Apr 6, 2024

status?

В очереди, приступлю после delta-doc и vanilla/extract

@TorinAsakura
Copy link
Member

status?

В очереди, приступлю после delta-doc и vanilla/extract

после дельты, но, пред ванилой

@Amiditin Amiditin requested a review from Nelfimov April 19, 2024 14:34
@Nelfimov Nelfimov merged commit d424935 into master Apr 19, 2024
8 checks passed
@Nelfimov Nelfimov deleted the refactor/sphere-model branch April 19, 2024 15:38
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Заменить 3D сферу на новую
4 participants