Press escape to exit fullscreen

{{sketch.instructions}}

CC {{sketch.licenseObject.short}}

Archived Sketch

This sketch is created with an older version of Processing,
and doesn't work on browsers anymore.

View Source Code

Capture Screenshot

Translate/Rotate Exercise

{{$t('general.by')}}
* Four Modes * * 1) Left click - Positions the square on the canvas * 2) Right click (or ctrl + left click) - Drags the square * 3) C key - turns off the collision mode - square disappears off the canvas * 4) Up arrow - square rotates upwards / clockwise motion * Down arrow - square rotates downwards / counter-clockwise motion * * Esc - closes window * * Reference * * Processing: A Programming Handbook for Visual Designers and Artists * * pg 38, 106-109 - Boolean functions, data conversion * pg 133-143 - Rotate, Translation * pg 233-234 - KeyPressed * pg 395-409 - Using
We recovered an unsaved version of this sketch. Please review your changes below.

As a Plus+ Member feature, this source code is hidden by the owner.

  • {{co.title}}
    {{$t('sketch.mode-pjs')}} {{$t('general.learnMore')}}
    Select mode or a template
    {{liveCodeLink}}
    • {{l.url.substr(l.url.lastIndexOf('/') + 1)}}
    {{$t('sketch.layoutDescription')}}

    {{k.category}}
    {{k.label}}
    {{k.description}}

    {{$t('sketch.seeMoreShortcuts')}}

    Versions are only kept for 7 days.
    Join Plus+ to keep versions indefinitely!

    {{$t('general.joinPlus')}}


    {{$t('sketch.versionsSummarized')}}