Interface on vue.js (but not a fact)
13 USDIt requires consultation to understand how to realize the task and what requirements to put the designer.
There must be an interface on vue.js that reflects a painted room (like a game of something).
Some elements of the room should be objects that change their appearance depending on the data obtained by app.
The main question is actually about the way of implementation:
This should work equally conveniently on desktop and mobile devices.
On the desktop, the whole room has a place on the screen, possibly with a vertical scroll.
How to make this same room in a mobile version?
It is more like a game.
How do you see the realization? I can pay 500 UAH for a response that makes me more than others.
It is also possible to cooperate in the implementation of this task.
Thank you for help!
(I don't see the possibility to open the contest, so I opened the project)
Доброго дня!
Потрібна консультація, щоб зрозуміти як реалізувати задачу і яки вимоги поставити дизайнеру.
Має бути інтерфейс на vue.js який відображає намальовану кімнату (схоже на гру чимось).
Деякі елементи кімнати мають бути об'єкти які змінюють свій вигляд залежності від даних отриманих по апі.
Основне питання насправді про спосіб реализації:
Це має працювати однаково зручно на десктопі та мобільних пристроях.
На десктопі вся кімната має поміститья в екран, можливо з вертикальнім скролом.
Як зробити цю саму кімнату в мобільній версіі?
Це більше схоже на гру.
Як ви бачите реалізацию? Можу заплатити 500 грн за відповідь яка мене влаштує більше за інших.
Також можливе співробітництво над реалізацією цієї задачі.
Дякую за допомогу!
(не бачу можливості відкрити конкурс, тому відкрив проект)
-
1712 25 0 Welcome, I suggest you talk about this topic. I have an offer for you that can greatly affect the comfort of your appearance.
I have experience working on the visualization of interactive rooms on websites
First, it is recommended to use React, as it is more flexible.
And the main idea is that the room will be available in the 360 or 180 mode. The user will be able to look around the room by moving the finger to the screen, as if he turns his head to the left or to the right. The same principle is used in Google maps when a user looks around the street.
Вітаю, пропоную поспілкуватися на цю тему. Маю для вас пропозицію, яка може чудово вплинути на зручність за зовнішній вигляд.
Маю досвід у роботі над візуалізацією інтерактивних кімнат на сайтах
По-перше раджу використовувати React, оскільки він більш гнучкий.
А основна ідея полягає у тому, що кімната буде доступна у режимі 360 або 180. Користувач зможе оглядатися по приміщенню переміщаючи пальцем по екрану, ніби повертаючи голову наліво чи направо. Схожий принцип використовується у гугл картах, коли користувач оглядає вулиці
-
229 Hello to you!
I am a professional front-end developer with 4 years of experience. My deep knowledge of HTML, CSS and JavaScript, as well as experience working with various frameworks such as React, Vue, Angular and jQuery, will allow me to answer your questions and provide advice.
The project you describe is an interesting and challenging task. Implementing the room interface on Vue.js, which reflects the drawn room and the objects change their appearance depending on the data from the API, requires some technical details that require additional discussion.
Since it does not have detailed information about the volume of the project, it is difficult to provide an accurate assessment of value and time. I suggest you contact me to clarify all the details and requirements of your project. We will be able to discuss your needs and collaborate to ensure that your task is successful.
Thank you for your attention and I'm looking forward to working with you!
Привіт!
Я професійний фронтенд-розробник з 4-річним досвідом. Мої глибокі знання HTML, CSS та JavaScript, а також досвід роботи з різними фреймворками, такими як React, Vue, Angular та jQuery, дозволять мені відповісти на ваші запитання та надати консультацію.
Описаний вами проект є цікавим та викликовим завданням. Реалізація інтерфейсу кімнати на Vue.js, який відображає нарисовану кімнату та об'єкти змінюють свій вигляд залежно від даних з API, вимагає деяких технічних деталей, які потребує додаткового обговорення.
Оскільки не має детальної інформації про обсяг проекту, важко надати точну оцінку вартості та часу. Пропоную зв'язатися зі мною, щоб уточнити всі деталі та вимоги вашого проекту. Ми зможемо обговорити ваші потреби та укласти співпрацю, щоб забезпечити успішне виконання вашого завдання.
Дякую за увагу, і я чекаю на можливість співпрацювати з вами!
-
1298 17 2 1 Good day !
We are ready to help you with the advice on this project.
I met with the description.
Experience over 4 years.
You will be satisfied with the result.
Let’s talk about the details in L.S.
I will be glad to work with you!
Доброго дня!
Готовий допомогти вам з консультацією щодо цього проекту.
З описом ознайомився.
Досвід понад 4 роки.
Результатом залишитеся задоволені.
Давайте обговоримо деталі в лс.
Буду радий працювати з Вами!
-
261 3 0 Please pay attention to the PixiJS library, it is covered with 2D. As a reminder of elements, you can take ordinary png files.
I don't know about Vue, but with React the library is good.
Обратите внимание на библиотеку PixiJS, она заточена под работу с 2Д. В качестве спрайтов элементов можно брать обычные png-файлы.
Не знаю насчет Vue, но с Реактом библиотека дружит хорошо
-
1196 29 1 3 Good day !As for your task, you have clearly explained it, and I will try to provide a detailed answer.The designers’ requirements will include creating a room with individual objects that may change depending on the data from the API.Using SVG or Canvas to create rooms: SVG or Canvas are well suited to create game elements that can change according to data from the API.The designer will need to create room objects in the SVG or Canvas format, which can then be built into the Vue.js code.
Vue.js to interact with objects: Vue.js can be used to control room objects.Changes associated with objects can be updated in real time using API data.Adaptive design: To make the interface properly displayed on desktop and mobile devices, you can use adaptive design.The basis of adaptive design lies in the principle that the design must "react" to the size of the screen on which it is displayed.You should discuss with the designer two main reviews options: desktop and mobile.It must create a design so that the room elements are scaled according to the screen size.This can be realised using CSS media queries and a flexible pattern.Interface framework: Interface framework such as Vuetify or Quasar can help you easily create adaptive interfaces.They have built-in components and utilities to create adaptive designs.
Доброго дня!
Що стосується вашої задачі, то ви зрозуміло пояснили її, і я спробую надати детальну відповідь. Вимоги до дизайнера будуть включати створення кімнати з окремими об'єктами, які можуть змінюватись в залежності від даних з API.
Використання SVG або Canvas для створення кімнати: SVG або Canvas добре підходять для створення ігрових елементів, які можуть змінюватися відповідно до даних з API. Дизайнеру потрібно буде створити об'єкти кімнати в форматі SVG або Canvas, які потім можна вбудовувати в код Vue.js.
Vue.js для взаємодії з об'єктами: Vue.js може використовуватися для контролю об'єктів кімнати. Змінні, пов'язані з об'єктами, можуть бути оновлені в реальному часі за допомогою даних з API.
Адаптивний дизайн: Щоб інтерфейс відображався належним чином на десктопах та мобільних пристроях, можна використати адаптивний дизайн. В основі адаптивного дизайну лежить принцип, що дизайн має "реагувати" на розмір екрану, на якому він відображається.
…
Вам слід обговорити з дизайнером два основні варіанти перегляду: десктоп і мобільний. Він повинен створити дизайн так, щоб елементи кімнати масштабувались відповідно до розміру екрану. Це можна реалізувати за допомогою медіа-запитів CSS і гнучкого макету.
Використання фреймворка інтерфейсу: Фреймворки інтерфейсу, такі як Vuetify або Quasar, можуть допомогти вам легко створити адаптивні інтерфейси. Вони мають вбудовані компоненти та утиліти для створення адаптивних макетів.
-
4816 165 4 5 Welcome to.
From experience, I can say that Vue will not be relevant. It is difficult for animations, and the movement of blocks.
View the html5+jQuery page
Вітаю.
З досвіду можу сказати, що Vue не буде актуальним. Вын складний для анімацій, та переміщень блоків.
Дивіться в сторону html5+jquery
Current freelance projects in the category Gaming applications
Creating MTA ServerIt is necessary to create a server in MTA, Ukrainian server, MTA I think many know, this is GTA San Andreas, just MTA, it is based on San Andreas. More details in the chat. Gaming applications ∙ 1 proposal |
Game in Telegram botHello! It is necessary to create a game in a Telegram bot similar to the game in the screenshots. - Absolutely identical menu - Similar gameplay mechanics - Different design - Different tokenomics Please suggest the price and deadlines. Bot development, Gaming applications ∙ 8 proposals |
Game Designer for Rozkvit Mobile AppRozkvit is an innovative mobile app dedicated to transforming mental health education through interactive gaming. Our app focuses on key areas such as emotional intelligence, communication, collaboration, critical thinking, stress management, productivity, and identity… Gaming applications ∙ 3 proposals |
Game of Unity / GamedevEveryone is greeted.You need to develop a casual mobile game on Unity, 2D (isometry), iOS/Android.According to the type of Hay Day, but without animals, the theme of drinking and composing.Social features (player interaction, selling game items through the store and in map ads… Gaming applications ∙ 8 proposals |
Creating a mobile app based on a ready-made designWe are looking for a developer to create an arcade game that is characterized by simplicity and attraction. You have the freedom to choose the technologies for the implementation of the project, with special attention to Cordova or Flutter, although Android Studio and Unity are… Gaming applications, Apps for Android ∙ 13 proposals |