Drag and Drop Variables

4,677
9
216
Project using Variables to simulate Drag and Drop to Snap functionality into a predefined area. While also adding Animations and States for a more smooth and elegant process.

Constantinos Thoma

sinmigas

1,479
0
0
Los celíacos son intolerantes a los productos alimentarios que contienen gluten, y consumirlo aunque sea en pequeñas cantidades les reporta malestar y dolor. Pero es difícil no consumirlo porque está presente prácticamente en todos los productos elaborados, en supermercados y en restaurantes. Los intolerantes y/o alérgicos alimentarios se sienten a menudo estigmatizados en el ámbito social. Es cierto que cada vez hay más información al respecto y muchos locales de restauración, proveedores y comerciantes tienen más conciencia de la importancia de este tema. Aún así, es bastante difícil poder llevar una vida social “normal”, o al menos equiparable a la de una persona sin intolerancias o alergias alimentarias. Para poder convivir con la celiaquía, se debe seguir una dieta sin gluten de por vida. Conocer sus pautas e implementarlas lleva un proceso de adaptación en el que no siempre es fácil o rápido el acceso a información fiable. Además, la dieta sin gluten a menudo implica comida más insulsa, complicada de elaborar y mucho más cara que los productos de consumo estándares. En la investigación de este proyecto, se apreció la necesidad de una plataforma que recogiera recetas de cocina sencillas, sanas, basadas en productos naturales que no impliquen un gasto extraordinario, apetitosas y adaptadas a personas con intolerancias y/o alergias alimentarias. Así es como nació SINMIGAS. SINMIGAS es una aplicación creada para ayudar a las personas con alguna intolerancia y/o alergia alimentaria a desestigmatizar su dieta y equipararla a la de una persona sin intolerancias. La aplicación contiene una recopilación de recetas de cocina para todo tipo de consumidores y que aporta dos novedades importantes respecto al resto de aplicaciones. Por un lado, permite filtrar las recetas por alérgenos que no quieres que estén presentes en tu plato. Por otro lado, también se puede filtrar por vitaminas o minerales que quieres que estén presentes, debido a la falta de éstas en las restrictivas dietas. EL proyecto SINMIGAS es en sí una herramienta de uso diario y una campaña de concienciación, que busca dar a conocer el problema de los alérgicos o pacientes con intolerancias alimentarias mediante una propuesta en la que integra, de forma equitativa, tanto a afectados como a no afectados por estas patologías. Alergias alimentarias, intolerancias alimentarias, gluten, concienciación, diseño audiovisual, app, UX, UI.

49143459-3b78-11ef ab6d-0e76797a4f7b

Image upload animation

2,047
0
24
This image uploading animation simulates dragging and dropping a file into a predefined area using Variables. *Credits to Jokūbas as this is a replicate of his animation https://dribbble.com/shots/1413804-Image-Uploading-Animation

Anna w

Conditional Animation Loop

3,018
0
30
An example project which allows the user to designate the number of times the Star component Spins. Simulating a conditional animation loop according to the input of the user while using a total of 2 variables and a container with 3 states.

Constantinos Thoma

Embed Street view map

2,681
0
19
Embed Street view map

1f83aed2-504d-11ed 9221-0e76797a4f7b

Vector Animation Splash

3,847
4
81
This Splash screen prototype shows a vector animation of a headphone made in After Effects. Use the Bodymovin plugin that exports a JSON file and can be dropped right into Proto.io.

Todd Siegel

Drag and Drop

5,040
0
79
Drag and Drop an avatar over a target area that animates when in the drop zone. When released outside the target drop zone, it returns to the original location. Uses a variable to define the target drop zone, that then triggers animations in the zone and when dropped. See how it was made step by step in the webinar video: https://support.proto.io/hc/en-us/articles/115000637591-Advanced-Scrolling-Dragging TAGS: drag and drop dragging variables variable animations on drop animation

Todd Siegel

Intishaar

979
0
1
a prototype for one of the project in my company it's about an app for advertising in cars

df4eee6e-504d-11ed 9221-0e76797a4f7b

Flipboard Animation

5,373
1
56
The Flipboard animation created using states.

469c1b7e-504e-11ed 9221-0e76797a4f7b

Next