Интерфейс на vue.js (но не факт)
Необходима консультация, чтобы понять, как реализовать задачу и какие требования поставить дизайнеру.
Следует быть интерфейс на vue.js, который отражает рисунённую комнату (похоже на игру что-то).
Некоторые элементы комнаты должны быть объекты, которые меняют свой внешний вид в зависимости от полученных по приложению данных.
Основные вопросы, на самом деле, о способе реализации:
Это должно работать одинаково удобно на десктопе и мобильных устройствах.
На десктопе вся комната имеет помещение на экране, возможно с вертикальным скролом.
Как сделать ту же комнату в мобильной версии?
Это больше похоже на игру.
Как вы видите реализацию? Я могу заплатить 500 грн за ответ, который мне устроит больше, чем других.
Также возможно сотрудничество над реализацией этой задачи.
Спасибо за помощь!
(Я не вижу возможности открыть конкурс, поэтому открыл проект)
-
1243 25 0 Добро пожаловать, предлагаю обсудить эту тему. У меня для вас предложение, которое может великолепно влиять на удобство по внешнему виду.
У меня есть опыт работы над визуализацией интерактивных комнат на сайтах.
Сначала советуем использовать React, так как он более гибкий.
А основная идея заключается в том, что комната будет доступна в режиме 360 или 180. Пользователь сможет смотреть по комнате, перемещая пальцем по экрану, как бы поворачивая голову вправо или слева. Подобный принцип используется в Google Картах, когда пользователь смотрит на улицу
-
180 Добро пожаловать!
Я профессиональный фронтенд-разработчик с 4-летним опытом. Мое глубокое знание HTML, CSS и JavaScript, а также опыт работы с различными фреймворками, такими как React, Vue, Angular и jQuery, позволят мне ответить на ваши вопросы и дать консультацию.
Описанный вами проект является интересной и вызовой задачей. Реализация интерфейса комнаты на Vue.js, который отображает рисунённую комнату и объекты меняют свой вид в зависимости от данных с API, требует некоторых технических деталей, которые требуют дополнительного обсуждения.
Поскольку у него нет подробной информации о объеме проекта, сложно дать точную оценку стоимости и времени. Предлагаю связаться со мной, чтобы уточнить все детали и требования вашего проекта. Мы сможем обсудить ваши потребности и заключить сотрудничество, чтобы обеспечить успешное выполнение вашей задачи.
Спасибо за внимание, и я жду возможности сотрудничать с вами!
-
906 18 3 1 Доброго дня!
Готовы помочь вам с консультацией по этому проекту.
С описанием познакомился.
Опыт свыше 4 лет.
Результатом вы будете довольны.
Давайте рассмотрим детали в ЛС.
Буду рад работать с вами!
-
138 3 0 Обратите внимание на библиотеку PixiJS, она заточена под работу с 2Д. В качестве спрайтов элементов можно брать обычные png-файлы.
Не знаю насчет Vue, но с Реактом библиотека дружит хорошо
-
1070 33 1 4 Доброго дня!Что касается вашей задачи, то вы четко объяснили ее, и я постараюсь дать подробный ответ.Требования к дизайнеру будут включать создание комнаты с отдельными объектами, которые могут меняться в зависимости от данных с API.Использование SVG или Canvas для создания комнаты: SVG или Canvas хорошо подходят для создания игровых элементов, которые могут изменяться в соответствии с данными с API.Дизайнеру придется создать объекты комнаты в формате SVG или Canvas, которые затем можно встроить в код Vue.js.
Vue.js для взаимодействия с объектами: Vue.js может использоваться для контроля объектов комнаты.Изменения, связанные с объектами, могут быть обновлены в реальном времени с помощью данных с API.Адаптивный дизайн: Чтобы интерфейс адекватно отображался на десктопах и мобильных устройствах, можно использовать адаптивный дизайн.В основе адаптивного дизайна лежит принцип, что дизайн должен "реагировать" на размер экрана, на котором он отображается.Вы должны обсудить с дизайнером два основных варианта просмотра: десктоп и мобильный.Он должен создать дизайн таким образом, чтобы элементы комнаты масштабирулись в соответствии с размером экрана.Это можно реализовать с помощью медиа-запросов CSS и гибкого макета.Использование фреймворка интерфейса: Фреймворки интерфейса, такие как Vuetify или Quasar, могут помочь вам легко создать адаптивные интерфейсы.Они имеют встроенные компоненты и утилиты для создания адаптивных макет.
-
6512 229 4 7 Добро пожаловать.
Из опыта могу сказать, что Vue не будет актуальным. Вын сложный для анимаций, и перемещение блоков.
Посмотреть страницу html5+jquery
Актуальные фриланс-проекты в категории HTML и CSS верстка
Оптимизация сайтаОптимазация сайта jdgreta.co.uk на Shopify. Сео аудит приложен к проекту. Основные задачи - - Поправить все мета данные - Выполнить ТЗ для программиста (тк в этом проекте совмещены задачи для программиста и СЕО, если вы не компания - можете использовать помощь) - Поправить… HTML и CSS верстка, PHP ∙ 8 часов 12 минут назад ∙ 24 ставки |
Перенос сайта на ShopifyНужно перенести текущий сайт jdfurniture.uk с OpenCart на платформу Shopify. Сейчас сайт на OpenCart в целом нас устраивает по структуре и логике работы. Основная причина переноса — проблемы с платежными системами. На Shopify таких проблем быть не должно. Также для нас важно,… HTML и CSS верстка, Веб-программирование ∙ 1 день 1 час назад ∙ 36 ставок |
Перенос дизайна на WordPress
2000 UAH
Добрый день! Необходимо перенести готовый дизайн одностраничного лендинга на WordPress. Макет полностью готов (Figma), дизайн разрабатывать не нужно. Необходимо качественно сверстать страницу, адаптировать под мобильные устройства и настроить её на WordPress. Пожалуйста, в… HTML и CSS верстка ∙ 1 день 7 часов назад ∙ 103 ставки |
Вывести посты из Инстаграма на сайт (опенкарт)
700 UAH
Здравствуйте. Нужно настроить функционал, чтобы на сайте (OpenCart) отображался блок с постами Instagram. Отзовитесь, кто делал и знает как ) Спасибо ) По стоимости договоримся, не знаю, сколько это стоит. HTML и CSS верстка, Веб-программирование ∙ 1 день 11 часов назад ∙ 51 ставка |
Лендинг для школы английского
13 500 UAH
Ищем дизайнера + верстальщика лендинга (Wix / WordPress / Weblium) Привет! Ищем исполнителя на дизайн и верстку лендинга курса английского языка. Что нужно: — дизайн и верстка лендинга на 12 блоков; — две страницы оплаты: успешная / неуспешная; — адаптив под мобильные; —… HTML и CSS верстка, Дизайн интерфейсов (UI/UX) ∙ 1 день 13 часов назад ∙ 134 ставки |