Drehen/Spinning

Very simple miniature featuring 2 tori which can freely be rotated using the mouse (no clicks required). The rotations of both tori are individual from on another. The smaller torus is always facing the user whilst the outer torus rotates around the centre of the smaller torus.

Drücken/Press

At the beginning there is just a red cube being rotated around its y-axis. With a simple click one can spawn a torus and another cube and also add a X-axis rotation to the original cube whilst simultaneously making the original cube and the newly spawned objects transparent.

Ziehen / Drücken (Matter.js)

Through matter.js a range of new user interaction capabilities are now available. The user can spawn in as many squares as possible and can interact with the already available by spawning a square and keeping the left mouse button held which will result in some interesting and fun collisions between the objects

CircleClock v1

A simple user controlled clock. 

black circles represents every 10 seconds and the whole height of the screen is 1 minute. 

By clicking on the canvas the user can move the ball with the red outline (the second counter) up towards y=0/y=-800px

Link: https://www.hs-augsburg.de/homes/jtmhuka/IGestaltung/CircClock/

TriangelClock

Large triangle  represents the minute hand.

Small triangle with outline represents the second hand.

User moves both hands (triangle) by clicking their mouse. The large hand rptates at 1/6 the speed of smaller triangle which helps create a more complete sense of time/a clock. The motion blur just further adds to the effect.

https://www.hs-augsburg.de/homes/jtmhuka/IGestaltung/TricClock/

CircleClock v2

CircleClock v2 now features and visual progress feedback in how the circle grows over time/as the user clicks their left mouse button. 

In progress: 

->Level Progression feedback.

->Design elements.

CircleClockV2

CircleClock Final

The Final version of the circle clock now features a particle system which is bound to each level (black circle) of the program.

The generated particles are only generated when a certain level on the -y-Axis has been reached by the Circle Clock Pointer (Red Outline).

Circle Clock Final