Challenge: RMB dynamic Zoom

1,559
0
0
Hello, I ca't seem to get this working, so I made it a challenge: Photoshop-like dynamic zoom with Right-Mouse-Button Drag with Left Mouse Button - To Pan in all directions - Make sure Inertia still works Drag with Right Mouse Button - To the right to zoom in - To the left to zoom out Extra points - Realtime fluent zooming - Center the zoom around the first point you click on with the mouse I am very curious as to if this is possible... regards, Koen van NIekerk

Koen van Niekerk

umu - assisting parents in challenging situations.

2,661
1
41
umu assists parents in challenging situations. A crowded day at the beach, a theme park, you name it. A tiny transmitter is carried by the child which's signal is received by the smartphone. When the child is bound to move out of sight or towards a dangerous sight such as water or a busy intersection the parents are alerted. see more at: http://crafting-convenience.com/umu/ Feel free to contact me at: jason@hello-bright.nl

ffe5cdd4-504d-11ed 9221-0e76797a4f7b

Recreating the Google logo using just circles and rectangles!

3,188
2
12
"It’s still all ones and zeros!" We got inspired by this article on Quora (https://www.quora.com/How-could-Googles-new-logo-be-only-305-bytes-while-its-old-logo-is-14-000-bytes) that talks about the Google logo and how it consists of circles and rectangles. So we set off to validate this inside Proto.io (https://proto.io). Proto.io is particularly strong for it’s interactive UI Libraries but it’s web based editor also offers great support for basic shapes like ovals, lines and rectangles. So we recreated the Google logo using only rectangles and circles and what do you know! It all checks out! Having done all this in Proto.io that it also known for it’s pretty neat animation capabilities, we went a step further and created a cool animation that shows how it’s all done. For even more fun you can even import it in your own Proto.io account and edit it! Enjoy!

Alexis Odysseos

SpaceTrip Low-fidelity

2,507
0
2
Basic shapes like rectangles, lines, circles, text and more are available and they can be dropped on the canvas to create the very first draft of a mobile app in order to demonstrate the flow and functionality of the app.

a03851e9-504c-11ed 9221-0e76797a4f7b

SpaceTrip Medium-fidelity

2,933
0
10
Proto.io comes with UI libraries for iOS, Android Material Design, Windows and Apple WatchOS so that people can easily drag and drop those elements to bring their ideas to life. Simple interactions can also be applied, primarily screen-linking and basic navigation.

a03851e9-504c-11ed 9221-0e76797a4f7b

Vocation Station

1,202
0
2
Imagine not being able to get to a job because you don't have a car? Or finding a perfect fit that you can't get to. Vocation Station is the answer, allowing job hunters that don't have access to their own vehicles to find a job based on their ability to get there. Included should be transit times, blackout times, etc.. so that people that may work swing/overnight shifts or weekends would know in advance whether or not it would be something they could realistically do. This would enable employees to apply for the right positions, hold positions longer and employers to avoid and reduce turnover from chronic late-comers and no-shows.

5063867e-504d-11ed 9221-0e76797a4f7b

SpaceTrip high-fidelity

7,128
0
192
Designers can use their favorite design tools like Photoshop and Sketch to design the finest details of the user interface for their app. Single or multiple touch interactions can be applied on any UI element (layer) on each screen. Sophisticated animations can be created on-screen as well as screen transitions, using the powerful timeline animation features that Proto.io offers.

a03851e9-504c-11ed 9221-0e76797a4f7b

Pandora

3,537
0
43
This prototype is a simulation of one part of the Pandora iPhone app. I have chosen to simulate the part of the app where the user selects a Pandora radio station and then proceeds to select that station. What I have demonstrated is how how the radio station animates from a small entry on a list to a large full screen entry and vice versa. If you would like to see how I created this prototype, please watch this video tutorial here: http://docs.proto.io/videos/pandora-tutorial-part-1/

8ea06e34-504c-11ed 9221-0e76797a4f7b

The Rubbish Monsters

1,385
0
7
Assessment 2 | DXB201 Visual Interactions

f2d5595e-9250-11ed 9221-0e76797a4f7b

Next