Clubbing and Nightlife

6,745
1
118
This project is inspired by Vasjen Katro’s concept ‘Clubbing & Nightlife’ App ‘2Night’. It showcases how Proto.io can be used to create a beautiful parallax scrolling effect. If you’d like to find out how I achieved this effect feel free to import the project into your own account for reverse engineering. https://dribbble.com/shots/2041810-City-intro-animation

71ffbe0d-9b82-11f0 ad7f-0e3ec7c5f8cf

Hoopz

2,810
0
28
Basketball game project using Variables to determine if ball lands or misses the hoop. Tracks your score, shots landed, shots missed and shot percentage. You can also select your ball from the settings.

72010307-9b82-11f0 ad7f-0e3ec7c5f8cf

Cook it

3,634
0
67
'Cook it' is an app where users can find recipes based on ingredients they have at home. This project uses variables to add ingredients to the list using a single input field. I created the loading animation using a group of images which rotate into a pot. I used cloning and obscurity transitions in the recipes screen to display the recipe when it's tapped.

Vasilis Odysseos

Kitty

2,162
0
An app designed to help with stress management through the development of critical thinking skills and creativity

88cbb260-5980-11f0 a04a-0e3ec7c5f8cf

Lights Control

3,427
0
Using variables on a slider to control the Brightness and Hue of a light bulb

34041018-d2c9-11ed 9221-0e76797a4f7b

Drag and Drop

5,630
0
80
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

e-Wallet

3,873
0
74
Swipe up and down to choose between cards Credits: Card designs used from: https://www.sketchappsources.com/free-source/2453-credit-card-designs-sketch-freebie-resource.html

2be093e4-504d-11ed 9221-0e76797a4f7b

Card Game Simulation

1,716
0
0
A recreation of a card game Prototype using states & containers. Tap Hold a card to view it in further detail and swipe down to put it back. Swipe up when a card is in hand to place it on the board.

1866935c-504d-11ed 9221-0e76797a4f7b

Next