Разработка сайта на three js
Бюджет
500$
/ 30000
руб
в месяц
Создан: 3 года назад
На модерации
- Описание
- Здравствуйте, нужен сайт для компании:
ТЗ
3d сайт состоящий из 2 или более страниц
3d технология three js, + другие дополнения
Сайт должен корректно работать во всех браузерах и на всех устройствах
3d модель девушка управляется с помощью кнопок и ходит по комнате выбирая меню навигации и сбивая не чайно предметы окружения, типо как тут: bruno-simon.com
Основная версия сайта которая открывается по умолчанию, на английском языке, доп версия на русском (есть кнопка смены языка)
Структура сайта:
Первая страница сайта, она же так называемая стартовая страница.
1.1. По центру экрана появляется анимированный логотип «тут будет название» (пример шрифта прикреплен в файлах ниже) который в стиле пиксельарт (но пиксельарт 3д тоесть обьемные квадратики) собирается из квадратиков, с задержкой в 1-2 секунды после загрузки страницы, и в дальнейшем постоянно немного двигается или рассыпается и собирается обратно.
1.2. Под логотипом находится кнопка start, кнопку start можно сделать немного анимированной или с какимто эффектом как тут: bruno-simon.com или тут: kings-bridge.ua
1.3. В правом верхнем углу находится кнопка выбора языка ru/eng, по умолчанию открывается eng версия сайта.
1.4. Фон страницы либо однотонный либо с элементами 3д или пиксельарт, или перелив цвета как тут: bruno-simon.com
1.5. Гдето рядом снизу или сбоку стоит наша модель 3д девушка которой можно поуправлять походить посшибать какиенебуть предметы как например тут: bruno-simon.com
1.6. Угол обзора наверно лучше сделать как тут bruno-simon.com но если есть другие варианты то мы их рассмотрим.
1.7. Кнопки управления так же как и тут: bruno-simon.com появляются кнопки управления объектом, нашей 3д девушкой.
2. Вторая страница, на нее попадают после нажатия кнопки start на первой странице.
2.1. Вторая страница это комната для стрима.
2.2. Вид на комнату наверно лучше сделать как тут: bruno-simon.com под таким же углом.
2.3. Комната большая и даже если открыть с компьютера то всю комнату всеравно не видно.
2.4. Передвижение по комнате привязано к персонажу (пример: bruno-simon.com как тут привязано к машинке)
2.5. При переходе на вторую страницу мы видим как в игровом кресле сидит девушка и смотрит в монитор, немного двигает руками и телом, немного улыбается.
2.6. У нас есть кнопки управления нашей 3д девушкой, с помощью этих кнопок мы можем ходить по комнате сбивая всякие предметы.
2.7. В комнате есть множество предметов интерьера (как на картинках ниже) их и сбивает наша модель если касается их.
2.8. Оформление комнаты должно быть примерно в том же цвете что и на примерах ниже.
2.9. В комнате есть кнопки расположенные на полу или на стенах, эти кнопки называются «о компании» «контакты» « сервис» (название кнопок вышлем чуть позже на 2 языках»
2.10. Управляем нашей 3д девушкой, подходим к кнопкам (либо девушка должна встать на кнопку либо встать рнядом) и нажимаем действие (либо если просто встать на кнопку то действие нажимать не надо оно происходит автоматически)
2.11. При срабатывании действия, когда девушка встала на кнопку или нажала на нее, нас перебрасывает на экран компьютера.
2.12. На экране компьютера написана информация на которую вела кнопка («о компании» или «контакты»)
2.13. Под текстом есть кнопка «прочитал» или «ок» нажав на которую нас вернет в комнату стримерши.
2.14. При прочтении текста на мониторе появляются кнопки для управления, этими кнопками можно управлять буквой X из логотипа «тут будет название» и этой буквой можно сбивать буквы из текста которые падают вниз и превращаются в доллары которые складываются в кучу.
2.15. При нажатии на кнопку «о компании» нас будет так же кидать в монитор но вместо текста там будет видео которое мы подготовим, пока для примера можно любое видео из ютуба вставить, в остальных кнопках будет текст как написано выше.
***Комната должна быть большой просторной а не как у некоторых стримерш позади спены сразу стена, нет, комната должна быть большой и не помещаться во весь экран пока модель не пойдет в какуюнебуть часть комнаты, как тут bruno-simon.com пока машинка не поедет в какую либо сторону.
Пример 3d сайта: bruno-simon.com угол обзора страниц и комнаты можно сделать таким же.
Еще один пример: kings-bridge.ua
Библиотека 3d моделей: threejs.org
Пример 3д комнаты: threejs-journey.xyz в первом верхнем блоке с правой стороны. Так же на этом сайте есть примеры сайтов сделанных по данной технологии.
Бесплатный тутор по three js: www.youtube.com/watch?v=Y...
- Категория
Источник: fl.ru
Похожие проекты
$33
10
0
Мне нужен бот перехватчик для программы ( taxsee driver ) чтобы брать предварительные и текущие заказы. Требования: . 1 бот перехватчик нужен для android. 2 можно писать bоt под моим аккаунтом или другие варианты. 3 функция отключения и включения бота когда он нужен или не нужен. За хорошую работу готов......
1 год назад
11
0
Нужен сайт по открытию кейсов для игры Standoff 2. Нужен самый обычный дизайн. Личный кабинет, инвентарь, авторизация через ВК. В Админке должна быть возможность создавать/удалять кейсы, редактировать шансы на выпадение какого-либо дропа, количество кейсов, устанавливать цену. В Админке должна быть возможность......
1 год назад
27
0
76
1
Ищу фрилансера для создания лендингов на Битрикс24. Занятость постоянная, 1 раз в 3 месяца....
1 год назад
138
1
Обменник криптовалют ( ТЗ во вложении)....
1 год назад
498
3
Необходимо написать небольшую серверную часть учебного сайта для запуска под виртуальной машиной Oracle VM VirtualBox Debian 6. 1 используя php7. 33 и базу MongoDB....
1 год назад
134
3
ИЩУ СПЕЦОВ – ВЫСОКОГО УРОВНЯ! 1). Уточните, какое у вас образование. 2). Обязательно предоставьте портфолио - лучшие работы. 3). Условия сотрудничества – по договоренности (сообщите ваши предварительные условия). П. все предложения, которые меня заинтересуют – либо отвечу, либо сохраню контакты в......
1 год назад
122
2
Добрый день заинтересовавшимся! У нас сайт на стадии разработки на ОС 3. Создано ТЗ. Необходимо выполнить все пункты в ТЗ. Предварительно 10 000 руб. Поднятие цены можно и обсудить....
1 год назад
89
1
Нужно будет делать видео по примеру уже готового видео. Вы подойдете если : имеете базовые-легкие знания в трейдинге,если у вас хороший микрофон, нормальная дикция, и есть программа для снятия экрана на видео. (Себя снимать не нужно,только видео экрана) Чем выше качество тем выше оплата . Оплата за среднее......
1 год назад
198
11
Ищем специалиста для работы над дизайном агенства недвижимости для англоязычной аудитории....
1 год назад
174
16
Добрый день. Мне необходимо скопировать действующий сайт с полным функционалом https://gk-grupp....
1 год назад
$1000
286
5
TALP GROUP Мы занимаемся разработкой и продвижением IT- продуктов. В нашем арсенале множество интересных кейсов, большинство из которых реализованы на нашей собственной low/no code платформе Аltrp. Мы работаем как над внутренними проектами, так и с внешними заказчиками. Среди них: разработка швейцарской......
1 год назад
109
1
Меняли хостинг сайта поэтому имена сервера слетели, надо поменять на новые и все....
1 год назад
$250
315
12
Разработка продающего лендинга, ТЗ во вложенных файлах....
2 года назад
$7
144
2
Фотографии улыбок до стоматологического лечения и после. Нужно из сопоставит а схожих ракурсах и выровнить цвет , скореекситровать детали....
2 года назад
164
4
140
1
есть форма приема заявки на тильде, необходимо проверять номер телефона заказчика перед отправкой в работу....
2 года назад
147
3
Нужно поднять сайт на базовой теме на связке Ghost + Gatsby + CDN. Саму CMS Ghost надо будет поставить и настроить на хостинге заказав необходимый по параметрам сервер. Что касается CDN думал о G Core Labs, но приму любой совет. Сайт ориентирован 100% на РФ. После того как поднимем сайт, нужно будет......
2 года назад
228
3
Необходимо доработать WordPress шаблон, настроить интеграцию с 1с, исправить незначительные баги. Технические задачи обсудим вместе с техническими директором заказчика. Условия: Стоимость работ от 14к, в случае быстрого выполнения работы будет премирование, а также предложим постоянное сотрудничество.......
2 года назад
101
1
Необходимо решить проблему с передачей UTM меток, glid, glientID, ymclid в amoCRM при начале диалога в одном из мессенджеров и входящем письме на почту....
2 года назад
160
4
Разыскивается опытный программист на WordPress. Нужно допилить торговую площадка B2B на WordPress согласно аналогу. Подробнее в личной переписке. Просьба дилетантов и не понимающих не беспокоить....
2 года назад