Разработка сайта на three js
Бюджет
500$
/ 30000
руб
в месяц
Создан: 1 год назад
На модерации
- Описание
- Здравствуйте, нужен сайт для компании:
ТЗ
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
Похожие проекты
$500
0
2
Мы ищем fullstack разработчика, который может сделать сайт под ключ. Есть детальное ТЗ, обязатедбное к ознакомлению и наработки по дизайну в виде макета Figma....
3 недели назад
$120
0
2
Должно быть у исполнителя готовое и грамотно сделанное портфолио....
1 месяц назад
11
1
Нужен сайт по открытию кейсов для игры Standoff 2. Нужен самый обычный дизайн. Личный кабинет, инвентарь, авторизация через ВК. В Админке должна быть возможность создавать/удалять кейсы, редактировать шансы на выпадение какого-либо дропа, количество кейсов, устанавливать цену. В Админке должна быть возможность......
2 месяца назад
0
5
Требуется веб дизайнер для 2х проектов:. Оптимизации существующего сайта (лендинг) по танцевальному фитнесу на wix. com. Создание онлайн магазина био добавок и его оптимизация. Ищем профессионального дизайнера, который готов на долгосрочное сотрудничество....
2 месяца назад
0
2
Нужно сделать сайт просчет оффера. Верстка страницы с Figma....
2 месяца назад
$33
10
1
Мне нужен бот перехватчик для программы ( taxsee driver ) чтобы брать предварительные и текущие заказы. Требования: . 1 бот перехватчик нужен для android. 2 можно писать bоt под моим аккаунтом или другие варианты. 3 функция отключения и включения бота когда он нужен или не нужен. За хорошую работу готов......
2 месяца назад
$22
27
2
76
1
Ищу фрилансера для создания лендингов на Битрикс24. Занятость постоянная, 1 раз в 3 месяца....
2 месяца назад
138
2
Обменник криптовалют ( ТЗ во вложении)....
2 месяца назад
498
5
Необходимо написать небольшую серверную часть учебного сайта для запуска под виртуальной машиной Oracle VM VirtualBox Debian 6. 1 используя php7. 33 и базу MongoDB....
2 месяца назад
134
6
ИЩУ СПЕЦОВ – ВЫСОКОГО УРОВНЯ! 1). Уточните, какое у вас образование. 2). Обязательно предоставьте портфолио - лучшие работы. 3). Условия сотрудничества – по договоренности (сообщите ваши предварительные условия). П. все предложения, которые меня заинтересуют – либо отвечу, либо сохраню контакты в......
2 месяца назад
89
1
Нужно будет делать видео по примеру уже готового видео. Вы подойдете если : имеете базовые-легкие знания в трейдинге,если у вас хороший микрофон, нормальная дикция, и есть программа для снятия экрана на видео. (Себя снимать не нужно,только видео экрана) Чем выше качество тем выше оплата . Оплата за среднее......
2 месяца назад
$111
122
2
Добрый день заинтересовавшимся! У нас сайт на стадии разработки на ОС 3. Создано ТЗ. Необходимо выполнить все пункты в ТЗ. Предварительно 10 000 руб. Поднятие цены можно и обсудить....
2 месяца назад
$1000
286
5
TALP GROUP Мы занимаемся разработкой и продвижением IT- продуктов. В нашем арсенале множество интересных кейсов, большинство из которых реализованы на нашей собственной low/no code платформе Аltrp. Мы работаем как над внутренними проектами, так и с внешними заказчиками. Среди них: разработка швейцарской......
2 месяца назад
174
17
Добрый день. Мне необходимо скопировать действующий сайт с полным функционалом https://gk-grupp....
2 месяца назад
198
12
Ищем специалиста для работы над дизайном агенства недвижимости для англоязычной аудитории....
2 месяца назад
109
2
Меняли хостинг сайта поэтому имена сервера слетели, надо поменять на новые и все....
2 месяца назад
$250
315
16
Разработка продающего лендинга, ТЗ во вложенных файлах....
3 месяца назад
164
6
$7
144
2
Фотографии улыбок до стоматологического лечения и после. Нужно из сопоставит а схожих ракурсах и выровнить цвет , скореекситровать детали....
3 месяца назад
140
1
есть форма приема заявки на тильде, необходимо проверять номер телефона заказчика перед отправкой в работу....
3 месяца назад
Перетащите