Three.js на Tilda! Как вставить 3D сцену в Zero Block
ฝัง
- เผยแพร่เมื่อ 20 ส.ค. 2024
- Three js на Tilda! Как вставить 3D сцену в Zero Block
Сегодня я покажу, как с помощью Three.js на тильде вставить 3d сцену в tilda zero block. Готовый код three.js на tilda для зеро блока я оставил ниже.
🦜Поддержать автора копейкой: www.donational...
Скетчфаб: sketchfab.com
Ссылка на код Three js: yadi.sk/d/6D4u...
___________________________________________
✅Поделись видео с друзьями: • Three.js на Tilda! Как...
✅Подпишись на канал и поставь🔔: / @design_scripts
Three js на Tilda! Как вставить 3D сцену в Zero Block
___________________________________________
ВК: id11717...
Instagram: / bistricky_stanislav
Email: rootdesign.help@gmail.com
___________________________________________
теги:
#tilda, #тильда, #дизайн, #вебдизайн, #design, #тильдошная, #motilda, #zeroblock, #зероблок, #скрипт, #скриптынатильда, #tildaws, #тильдасайт, #tildazeroblock, #тильдаzeroblock
Курс по three js был бы очень интересен)
Ждем курс по 3js !!!!! =)
Супер тют! Жду курс по 3js 🔥
Только что нашла ваш канал и столько нового для себя узнала! Оказывается, в Тильде куда больше возможностей, чем я думала. Спасибо вам огромное за ваши качественные видео!
Я искренне рад, что мой контент полезен)
Наткнулся на канал совершенно случайно, а тут такой контент. Я искал одно время как это сделать, как свое знание блендера приложить к тильде, но было ноль информации. Было бы полезно весь курс.
И голос и подача приятные.
Спасибо, я рад, что мой контент полезен)
Ты просто гений!!! Спасибо тебе за такие золотые фишечки)
Спасибо, приятно слышать :D
@@design_scripts бро у меня не работает прога easy3dscan пишет ошибка рендера, все перепробовал есть ли альтернатива?
Хочу курс по three.js!!! Ты красава!! Супер! Все просто и очень понятно!
Станислав, всё на высшем уровне, спасибо за твои труды!
А тебе спасибо, что смотришь и комментируешь)
@@design_scripts Здравствуйте, столкнулся с такой проблемой что при выполенении таких же действий при загрзуке сайта с вашей сценой не загружается сцена ждал около 10 минут, остаеться чёрный екран, если делаю свою сцену, то быстрый чёрный екран и потом серый.
Спасибо! Очень круто! Курс по three js на тильде был бы очень интересен.
Спасибо за видео. Как всегда суперский видос по тильде)
огромнейшее спасибо!! ребята, давайте поддержим канал и будем ставить лайки, колокольчики и т.д. автору нужен буст за столь полезный и нужный контент!!!
Было бы просто замечательно :D
Спасибо, очень интересно!
Но столкнулась с той же проблемой, о которой тут уже писали. Если брать код с оригинальной ссылкой - просто черный экран, если вставлять свою модел с гитхаба - просто серый.
Вроде бы в комментариях так и не решили ее.
Решил как-то?
Пожаааалуйста выставляй видео чаще! Фишечки - бомбовые. Очень круто. Жду курс!
Спасибо😌
Хочу выйти на 2 стабильных видео в неделю)
Комментарий в поддержку курса Three.js на Tilda!
Наконец то канал, про продвинутые фишки Тильда, очень круто, продолжай!
Спасибо, обязательно, дальше только круче)
Просто супер мне так понравился, курс был очень полезным!!
Нужен курс. Я - дизайнер, которому нужны быстрые решения, НО! Я бы с удовольствием изучила эту тему
Супер контент! Но у меня возникла проблема при интеграции своего файла. Передо мной просто серый экран
Молодец. Очень креативные вещи. Приятно смотреть твой материал. Давно не встречал такого материала касаемо тильды.
Добрый день! Повторил все точно так же, но черный экран не заменяется анимацией. Ничего не погружается.. Какая может быть причина?
СТАС. подписываюсь под словами каждого комментатора. канал максимально годный
Я бы курс купил однозначно. Мне как раз интересна тема того, как можно совместить щеб и 3Д, тем более я сам 3Д график и по совместительству работаю с тильдой
Огромное спасибо!! Чудесный урок! Давно хотелось three js, но было страшно..А теперь иду по урокам (следам)..
Я бы посмотрел курс)) Анимации, взаимодействия объектов, переходы
Спасибо, круто! Очень ждем курс.
Просыпалась, а тут видос опубликован с утра по раньше) крутое видео!
Приятного утра ☕️
Очень интересно больше про Three.js
Рад, что понравилось. Не обещаю, что до щепок разберу three js, но хорошего контента накидаю, определенно)
Просто нереально! Братец, ты суперкрут! Жду скорее видео!!! Спасибо
Спасибо за поддержку)
Ждем курс ))) Спасибо за конетент ))
Здравствуйте, столкнулся с такой проблемой что при выполенении таких же действий при загрзуке сайта с вашей сценой не загружается сцена ждал около 10 минут, остаеться чёрный екран, если делаю свою сцену, то быстрый чёрный екран и потом серый.
Ты крут! Ждём курс 🌞 тут ребята дизайнеры-разработчики:)))
ой как ты хорош!! спасибо за продвижение проф функционала на тильде))
Стараюсь)
Спасибо, что смотришь
давай курс по 3js :)
Спасибо за видосы - очень помогают.
Курс по 3джи эс прям теперь ппц как жду))
Вопрос: Сделал все аналогично, но когда меняю ссылку на свою, у меня серый фон. Как исправить? Уже несколько раз перепробовал разные анимации. Скачал планету и по итогу нахожусь внутри неё. И она изначально не такая какая должна быть. Вот ссылка на загруз: raw.githubusercontent.com/alex18049696/Planet-2/main/scene.gltf
Решил проблему?
Чел, ты мега крут!
Я за курс!! по 3.js, по gsap и в целом использованию фреймворков js и css для тильды!!!!
Не работает, чёрный экран. С исходной сценой и со своей
Просто блеск ! Спа-си-бо!
ты такой красавчик. Крутые темы освещаешь
Стараюсь)
Спасибо за комментарий
Я вот в самом деле веб дизайнер и дальше фигмы с фотошопом не заходил, и мне страшно при виде всех этих кодов, с этим конечно надо бороться... В этом ты мне поможешь своим отменным курсом по Three JS
Что-то я делаю всё, как на видео, но у меня не открывается при публикации даже твоя изначальная модель, когда ещё ничего не изменено в коде. Просто чёрный экран. Сколько ни жди, ничего не происходит(((
Может быть это потому, что у меня студенческий аккаунт? Помню до этого я пробовала и всё получалось
Суперский контент, жду ещё видео по three js на тильда
Класс. Я как раз собираюсь делать сайт с 3д элементами (отрисую в синеме4д). Возможно, с помощью ваших видео смогу собственные 3д фигуры оживить на сайте не только с помощью триггерной анимации. Надо только не за завтраком смотреть 😂 Спасибо!
Тоже хочу изучить синему
Руслан Мамиев я все учила на ютубе. Уроков - вагон, даже на русском, базу изучить очень легко
@@Sheniara Попросил бы поделится каналами, но это будет не красиво по отношению к данному автору канала рекламировать здесь других ребят ( пусть даже и по смежной тематике) Но спасибо вам Кэйт )
Как я люблю коммьюнити Тильды
Спасибо за вежливость в комментариях)
Кэйт, если есть годные каналы, скидывай. Мне тоже, может, будет интересно)
Руслан Мамиев начните с мини-курса «синема4д для новичков» от videosmile. Там 7 уроков, максимально разжёванных и понятных. Прям базовая база, знакомство с инструментом и сразу практика. А потом просто «уроки синема4д» в поисковик - и набивать руку.
И правда годнота, подписался!
БЛин Стасян !!!!!Ващеееееееее!годнота!
Очень интересно было бы посмотреть курс
Курс в свет! Мы хотим развиваться))
tree js - в путь! Очень круто объясняешь
Очень интересно!
Курс по three js!!! :) очень нужен!
Спасибо огромное за труды, но у меня только Ваша модель работает, сколько загружал, постоянно после чёрного экрана, сразу серый и всё. Что-то не так делаю :)
это освещение. Тоже столкнулся. Параметры для своих моделей нужно покрутить (знал бы какие - сказал, но свет я вообще до 15 сбавил)
Привет.
Процветания и побольше фолловеров)))
Супер контент
Спасибо за приятные слова)
Подскажите, пожалуйста!)) У меня своя 3д модель. Я её загрузил на sketchfab и у меня нет кнопки Download 3D model. Попробовал просто загрузить её на github, но он мне пишет "(Sorry about that, but we can’t show files that are this big right now.)". Как мне быть?))
Важный вопрос: как эта 3д выглядит на мобильных, с которых 80% трафика? Не очередные ли это дизайнерские понты для стационарных компов?
А*уеть, божественный контент!
Неподдельные эмоции)
Я рад, что понравилось
круто!!!! Спасибо )))
Ещё бы про Vfx и CGI)
Спасибо вам большое!
И тебе спасибо, что смотришь и комментируешь)
Было бы круто курс 3js на тильде!
А если черный экран и внизу страницы только Made on Tilda ?
у меня также
ПРОСТО БОМБА!! ВОТ стоит задача спрятать надпись внутри 3Д объекта, как это сделать??
Напиши, пожалуйста, в вк или инстаграм :)
Просто ВАУ!
Здравствуйте, спасибо за урок! Часто смотрю ваши ролики тк они всегда очень познавательны + помогает в развитии как дизайнера. Хотел задать вопрос, данный ролик еще актуален на 2022 год? Сделал все по вашей инструкции, но к сожалению, получаю только черный экран (с кодом на ваш тестовый файл), а если добавляю свою модель, экран меняет цвет на серый, но ничего кроме этого не меняется. Модели словно не подгружаются на сайт. В чем может быть проблема? Менял и камеру и сайзинги, ничего не выходит. Заранее спасибо!
Same here
Same here
@@PavPetukhov в коде нужно найти эту строчку:
scene.background = new THREE.Color(0xffffff)
и изменить значение "color" на тот цвет который нужен (белый -это 0xffffff) ставь свой)
крутой контент пилишь)), когда новый видос? жду очень
tree js тема очень интересна.
Как сделать заголовок чтоб он собирался типо из кристалла!
Доброго времени)
Спасибо
Вввооооооууууу, давай ещё штук 10 уроков по three js
тильда почему- то показывает просто пустое пространство ...чутьб чуть подожду может подтянет, надеюсь заработает
ждем курс по 3js)
можно курс по js плиз
Сделай пожалуйста курс по 3js. Как можно разработчику создать свои модели?может есть конструкторы?не изучать же блендер
Прикольно, нужно только придумать для чего это может пригодиться))
Эти ребята придумали)
activetheory.net/home
курсы в студию!
Просто огонь
Спасибо)
Супер!
14/05/22 Код не работает ((
Класс! Огромнейшее спасибо. Не плохо было бы узнать как из кодепен вообще на тильду вставлять, а то методом тыка не всегда получается.
Спасибо)
Видос про кодпен уже давно б записал. Останавливает только то, что это не совсем в тематику изи_код (скопировал, вставил, и все работает :D). Тут уже нужно хотя бы базово знать html/css/js/jquery.
Ролик по кодпен, скорее всего, выпущу через видео)
Ну, и если что-то с кодпен не получается - пиши в соцсети)
Если что-то легкое - помогу просто так.
Ежели что-то посложнее, то там уже договоримся
Да, конечно) херачь, ученье - свет, особенно про игры интересно, выглядело фантастически то портфолио
Upd: с камерой и правда надо много возиться, возможно это уже будет чересчур, но было бы круто, если бы как сайте с курсором была бы фишка по настройке камеры и дальнейшим копированием кода, а то по итогу раз 50 опубликовал страницу предпросмотр же на код не действует :(
Upd2: кстати, не подскажешь где найти скрипт на импорт данных в tilda, что-то вроде загрузки графика и значений из гугл документа, или это как-то через гитхаб делают, экспорт есть, а на импорт один код нашёл, но не рабочий
я уже неделю ищу, как сделать такой эффект!! Спасибо огромное!!! только у меня проблема, у меня зеро блок очень длинный, вставила туда эту анимацию, и она растянулась и стала совсем не красивой, есть вариант как сделать, что бы она встала по всему перимеру блока нормально?
Супер крутое и полезное видео!
комментарий для продвижения этого полезного канала [1]
комментарий для продвижения этого полезного канала [2]
комментарий для продвижения этого полезного канала [3]
. Кто со мной?
Спасибо, за поддержку и приятные слова)
А можно просто курс про three.js без тильды?))
жги🔥🔥🔥🔥
Спасибо !!!!
Спасибо! Продолжай пожалуйста!
Обязательно)
Рахмеет👍👍👍
крутое видео!!! Подскажи как настроить анимацию обьекта и убрать вращение при движении мышки
Круто!
Спасибо)
А как текст поверх добавлять?
Просто поверх html элемента
Конэчно лайк
Спасибо)
я бы тоже курс прикупил
реально так проделать с файлом 3ds max?
Хочу сделать тоже самое, но со своей сценой из c4d)
Спасибо за ролик. Подскажи - многие файлы весят больше 25мб ,а гитхаб разрешает только 25. И где можно смотреть сколько весят 3d модели? Надеюсь поймешь вопрос
+ фалловеров! Канал просто топчик! Этот а как добавить ваниллу ? Я хотел добавить жидкие анимации текстов и фоток, такое можно реализовать в тильде?
Конечно, можно. Скинь в вк или инсту примеры этих анимаций, пожалуйста
Где лучше делать сами модели?
хотим курс!
Бро, а можно ссылочку на файл обновить? Не работает ссылка. А без неё инструкция бесполезна)
Добрый день. Это возможно на платном аккаунте . На каком именно, персональный или корпоративный?
А что делать если файл больше 25 мб?