Three.js на Tilda! Как вставить 3D сцену в Zero Block
HTML-код
- Опубликовано: 4 окт 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
![KSI - Thick Of It (feat. Trippie Redd) [Official Music Video]](http://i.ytimg.com/vi/At8v_Yc044Y/mqdefault.jpg)
Курс по three js был бы очень интересен)
Ждем курс по 3js !!!!! =)
Супер тют! Жду курс по 3js 🔥
Только что нашла ваш канал и столько нового для себя узнала! Оказывается, в Тильде куда больше возможностей, чем я думала. Спасибо вам огромное за ваши качественные видео!
Я искренне рад, что мой контент полезен)
Наткнулся на канал совершенно случайно, а тут такой контент. Я искал одно время как это сделать, как свое знание блендера приложить к тильде, но было ноль информации. Было бы полезно весь курс.
И голос и подача приятные.
Спасибо, я рад, что мой контент полезен)
Ты просто гений!!! Спасибо тебе за такие золотые фишечки)
Спасибо, приятно слышать :D
@@design_scripts бро у меня не работает прога easy3dscan пишет ошибка рендера, все перепробовал есть ли альтернатива?
Хочу курс по three.js!!! Ты красава!! Супер! Все просто и очень понятно!
Станислав, всё на высшем уровне, спасибо за твои труды!
А тебе спасибо, что смотришь и комментируешь)
@@design_scripts Здравствуйте, столкнулся с такой проблемой что при выполенении таких же действий при загрзуке сайта с вашей сценой не загружается сцена ждал около 10 минут, остаеться чёрный екран, если делаю свою сцену, то быстрый чёрный екран и потом серый.
Спасибо! Очень круто! Курс по three js на тильде был бы очень интересен.
Спасибо за видео. Как всегда суперский видос по тильде)
Нужен курс. Я - дизайнер, которому нужны быстрые решения, НО! Я бы с удовольствием изучила эту тему
Комментарий в поддержку курса Three.js на Tilda!
Просто супер мне так понравился, курс был очень полезным!!
огромнейшее спасибо!! ребята, давайте поддержим канал и будем ставить лайки, колокольчики и т.д. автору нужен буст за столь полезный и нужный контент!!!
Было бы просто замечательно :D
Пожаааалуйста выставляй видео чаще! Фишечки - бомбовые. Очень круто. Жду курс!
Спасибо😌
Хочу выйти на 2 стабильных видео в неделю)
Молодец. Очень креативные вещи. Приятно смотреть твой материал. Давно не встречал такого материала касаемо тильды.
Наконец то канал, про продвинутые фишки Тильда, очень круто, продолжай!
Спасибо, обязательно, дальше только круче)
Я за курс!! по 3.js, по gsap и в целом использованию фреймворков js и css для тильды!!!!
СТАС. подписываюсь под словами каждого комментатора. канал максимально годный
Очень интересно больше про Three.js
Рад, что понравилось. Не обещаю, что до щепок разберу three js, но хорошего контента накидаю, определенно)
Добрый день! Повторил все точно так же, но черный экран не заменяется анимацией. Ничего не погружается.. Какая может быть причина?
Я бы посмотрел курс)) Анимации, взаимодействия объектов, переходы
Спасибо, круто! Очень ждем курс.
Просто нереально! Братец, ты суперкрут! Жду скорее видео!!! Спасибо
Спасибо за поддержку)
Супер контент! Но у меня возникла проблема при интеграции своего файла. Передо мной просто серый экран
Просто блеск ! Спа-си-бо!
Просыпалась, а тут видос опубликован с утра по раньше) крутое видео!
Приятного утра ☕️
Чел, ты мега крут!
Я бы курс купил однозначно. Мне как раз интересна тема того, как можно совместить щеб и 3Д, тем более я сам 3Д график и по совместительству работаю с тильдой
Ты крут! Ждём курс 🌞 тут ребята дизайнеры-разработчики:)))
Огромное спасибо!! Чудесный урок! Давно хотелось three js, но было страшно..А теперь иду по урокам (следам)..
Спасибо, очень интересно!
Но столкнулась с той же проблемой, о которой тут уже писали. Если брать код с оригинальной ссылкой - просто черный экран, если вставлять свою модел с гитхаба - просто серый.
Вроде бы в комментариях так и не решили ее.
Решил как-то?
Курс по 3джи эс прям теперь ппц как жду))
Ждем курс ))) Спасибо за конетент ))
ой как ты хорош!! спасибо за продвижение проф функционала на тильде))
Стараюсь)
Спасибо, что смотришь
Здравствуйте, столкнулся с такой проблемой что при выполенении таких же действий при загрзуке сайта с вашей сценой не загружается сцена ждал около 10 минут, остаеться чёрный екран, если делаю свою сцену, то быстрый чёрный екран и потом серый.
ты такой красавчик. Крутые темы освещаешь
Стараюсь)
Спасибо за комментарий
Суперский контент, жду ещё видео по three js на тильда
давай курс по 3js :)
Спасибо за видосы - очень помогают.
Вопрос: Сделал все аналогично, но когда меняю ссылку на свою, у меня серый фон. Как исправить? Уже несколько раз перепробовал разные анимации. Скачал планету и по итогу нахожусь внутри неё. И она изначально не такая какая должна быть. Вот ссылка на загруз: raw.githubusercontent.com/alex18049696/Planet-2/main/scene.gltf
Решил проблему?
Класс. Я как раз собираюсь делать сайт с 3д элементами (отрисую в синеме4д). Возможно, с помощью ваших видео смогу собственные 3д фигуры оживить на сайте не только с помощью триггерной анимации. Надо только не за завтраком смотреть 😂 Спасибо!
Тоже хочу изучить синему
Руслан Мамиев я все учила на ютубе. Уроков - вагон, даже на русском, базу изучить очень легко
@@Sheniara Попросил бы поделится каналами, но это будет не красиво по отношению к данному автору канала рекламировать здесь других ребят ( пусть даже и по смежной тематике) Но спасибо вам Кэйт )
Как я люблю коммьюнити Тильды
Спасибо за вежливость в комментариях)
Кэйт, если есть годные каналы, скидывай. Мне тоже, может, будет интересно)
Руслан Мамиев начните с мини-курса «синема4д для новичков» от videosmile. Там 7 уроков, максимально разжёванных и понятных. Прям базовая база, знакомство с инструментом и сразу практика. А потом просто «уроки синема4д» в поисковик - и набивать руку.
tree js - в путь! Очень круто объясняешь
Очень интересно было бы посмотреть курс
Курс в свет! Мы хотим развиваться))
Привет.
Процветания и побольше фолловеров)))
Супер контент
Спасибо за приятные слова)
И правда годнота, подписался!
Курс по three js!!! :) очень нужен!
БЛин Стасян !!!!!Ващеееееееее!годнота!
Важный вопрос: как эта 3д выглядит на мобильных, с которых 80% трафика? Не очередные ли это дизайнерские понты для стационарных компов?
Не работает, чёрный экран. С исходной сценой и со своей
Что-то я делаю всё, как на видео, но у меня не открывается при публикации даже твоя изначальная модель, когда ещё ничего не изменено в коде. Просто чёрный экран. Сколько ни жди, ничего не происходит(((
Может быть это потому, что у меня студенческий аккаунт? Помню до этого я пробовала и всё получалось
Очень интересно!
Я вот в самом деле веб дизайнер и дальше фигмы с фотошопом не заходил, и мне страшно при виде всех этих кодов, с этим конечно надо бороться... В этом ты мне поможешь своим отменным курсом по Three JS
А*уеть, божественный контент!
Неподдельные эмоции)
Я рад, что понравилось
tree js тема очень интересна.
Подскажите, пожалуйста!)) У меня своя 3д модель. Я её загрузил на sketchfab и у меня нет кнопки Download 3D model. Попробовал просто загрузить её на github, но он мне пишет "(Sorry about that, but we can’t show files that are this big right now.)". Как мне быть?))
ждем курс по 3js)
Ещё бы про Vfx и CGI)
Спасибо вам большое!
И тебе спасибо, что смотришь и комментируешь)
круто!!!! Спасибо )))
Просто ВАУ!
Здравствуйте, спасибо за урок! Часто смотрю ваши ролики тк они всегда очень познавательны + помогает в развитии как дизайнера. Хотел задать вопрос, данный ролик еще актуален на 2022 год? Сделал все по вашей инструкции, но к сожалению, получаю только черный экран (с кодом на ваш тестовый файл), а если добавляю свою модель, экран меняет цвет на серый, но ничего кроме этого не меняется. Модели словно не подгружаются на сайт. В чем может быть проблема? Менял и камеру и сайзинги, ничего не выходит. Заранее спасибо!
Same here
Same here
@@PavPetukhov в коде нужно найти эту строчку:
scene.background = new THREE.Color(0xffffff)
и изменить значение "color" на тот цвет который нужен (белый -это 0xffffff) ставь свой)
жги🔥🔥🔥🔥
Вввооооооууууу, давай ещё штук 10 уроков по three js
Супер!
Прикольно, нужно только придумать для чего это может пригодиться))
Эти ребята придумали)
activetheory.net/home
Было бы круто курс 3js на тильде!
Спасибо огромное за труды, но у меня только Ваша модель работает, сколько загружал, постоянно после чёрного экрана, сразу серый и всё. Что-то не так делаю :)
это освещение. Тоже столкнулся. Параметры для своих моделей нужно покрутить (знал бы какие - сказал, но свет я вообще до 15 сбавил)
крутой контент пилишь)), когда новый видос? жду очень
ПРОСТО БОМБА!! ВОТ стоит задача спрятать надпись внутри 3Д объекта, как это сделать??
Напиши, пожалуйста, в вк или инстаграм :)
курсы в студию!
Просто огонь
Спасибо)
+к Three.js!
Класс! Огромнейшее спасибо. Не плохо было бы узнать как из кодепен вообще на тильду вставлять, а то методом тыка не всегда получается.
Спасибо)
Видос про кодпен уже давно б записал. Останавливает только то, что это не совсем в тематику изи_код (скопировал, вставил, и все работает :D). Тут уже нужно хотя бы базово знать html/css/js/jquery.
Ролик по кодпен, скорее всего, выпущу через видео)
Ну, и если что-то с кодпен не получается - пиши в соцсети)
Если что-то легкое - помогу просто так.
Ежели что-то посложнее, то там уже договоримся
Спасибо! Продолжай пожалуйста!
Обязательно)
Да, конечно) херачь, ученье - свет, особенно про игры интересно, выглядело фантастически то портфолио
Upd: с камерой и правда надо много возиться, возможно это уже будет чересчур, но было бы круто, если бы как сайте с курсором была бы фишка по настройке камеры и дальнейшим копированием кода, а то по итогу раз 50 опубликовал страницу предпросмотр же на код не действует :(
Upd2: кстати, не подскажешь где найти скрипт на импорт данных в tilda, что-то вроде загрузки графика и значений из гугл документа, или это как-то через гитхаб делают, экспорт есть, а на импорт один код нашёл, но не рабочий
Сделай пожалуйста курс по 3js. Как можно разработчику создать свои модели?может есть конструкторы?не изучать же блендер
Рахмеет👍👍👍
А можно просто курс про three.js без тильды?))
Супер крутое и полезное видео!
комментарий для продвижения этого полезного канала [1]
комментарий для продвижения этого полезного канала [2]
комментарий для продвижения этого полезного канала [3]
. Кто со мной?
Спасибо, за поддержку и приятные слова)
Как сделать заголовок чтоб он собирался типо из кристалла!
Доброго времени)
Спасибо
Спасибо !!!!
я уже неделю ищу, как сделать такой эффект!! Спасибо огромное!!! только у меня проблема, у меня зеро блок очень длинный, вставила туда эту анимацию, и она растянулась и стала совсем не красивой, есть вариант как сделать, что бы она встала по всему перимеру блока нормально?
Круто!
Спасибо)
Спасибо за ролик. Подскажи - многие файлы весят больше 25мб ,а гитхаб разрешает только 25. И где можно смотреть сколько весят 3d модели? Надеюсь поймешь вопрос
крутое видео!!! Подскажи как настроить анимацию обьекта и убрать вращение при движении мышки
можно курс по js плиз
А если черный экран и внизу страницы только Made on Tilda ?
у меня также
Добрый день. Это возможно на платном аккаунте . На каком именно, персональный или корпоративный?
я бы тоже курс прикупил
тильда почему- то показывает просто пустое пространство ...чутьб чуть подожду может подтянет, надеюсь заработает
+ фалловеров! Канал просто топчик! Этот а как добавить ваниллу ? Я хотел добавить жидкие анимации текстов и фоток, такое можно реализовать в тильде?
Конечно, можно. Скинь в вк или инсту примеры этих анимаций, пожалуйста
Конэчно лайк
Спасибо)
Прикольно. Меня интересует вопрос, как мне совместить два скрипта, twentytwenty, или по простому до и после, и paper.js, пытаюсь разобраться с кодом, ну очень хочу победить его, чтобы поставить на сайт, он весит мало, но эффект просто потрясный.
Напиши в вк и скинь скрипты, пожалуйста)
А ссылка на ВК на канале есть, я просто не смотрел, на ссылки, видосы сами реально понравились
Глянь в описании ролика. Вроде, оставлял
Нашёл
Бро, а можно ссылочку на файл обновить? Не работает ссылка. А без неё инструкция бесполезна)
14/05/22 Код не работает ((
Хочу сделать тоже самое, но со своей сценой из c4d)
Где лучше делать сами модели?
ээй бро!! Ты там живой вообще после выпуска про фигма+тильда за 1 минуту? Или в деньгах от подписок купаешься:D Хоть просто пилотный выпуск сделай. Чем сам занимался всё это время к примру)
А как текст поверх добавлять?
Просто поверх html элемента