Interactive wireframe page where box moves away from finger

Javascript and Typescript — incorrectly specified categories?

112 USD

Task is to make a full-screen web page, which will be used on a mobile phone in either portrait or landscape orientation. You are setting up the positions for elements we will give cosmetic details to later.

Dark purple background.

There are 4 shapes:

* Black rectangle: This is small, less than 10% screen width/height.
Tap rectangle to randomly resize between 3..10% of width and height
Drag rectangle to move it.

* orange line: This is either in the "/" or "\" position in the orange rectangle. It randomly swaps. This line represents text on the screen.

* Yellow rectangle:
Rounded corners.
Contains between 20-40 random words
Fits text height.
Typically 40% of landscape width, and 67% of portrait width.
Tap rectangle to re-randomize words and word length.
This rectangle automatically moves in response to the orange rectangle.

* Magenta circle: This moves with the yellow rectangle.

The purpose of your work is to set up the overall motion algorithms which ultimately will create views like the attached.

There will be many special edge cases for various locations of the black box. I will provide feedback, and several additional sample layouts.

Proposals 2 Discussions 1

Dmitry Lukyanenko

10 0

Projects 11
Rating -
Rating 1 963

Budget: 8000 UAH Deadline: 7 days

Hello, I am a representative of Castor,
Our company specializes in the development of websites and web applications
I am interested in your project, I do all the work under the key.
Please discuss the details!
Examples of works:
Freelancehunt

Alisa Rodina

0 0

Projects -
Rating -
Rating 181

Budget: 5000 UAH Deadline: 5 days

My name is Alice!
I read the description carefully, ready to perform in time, quality and quickly.
After working with me you will have the best impression.
Write, I am free from work at this moment!

Michael Alan D.
Silver Spring, United States
I D E A

Projects 12
Rating -
Rating 1 457

Interactive wireframe page where box moves away from finger

Dmitry Lukyanenko

Alisa Rodina

Proposals are currently absent

Current freelance projects in the category Javascript and Typescript

Automation based on Google Sheets for signing up for trial classes (online language school)

Fix the opening of Trust Wallet when clicking the link in the TikTok profile header.

Development of Telegram Mini App (RPG Game)

Automation of creating vertical videos of one type using a plugin in After Effects.