Create with code

mycode.py imagedata.py Create new file


20
 
1
# image data generated from https://tools.withcode.uk/bitmap/
2
from imagedata import sock
3
import withcode
4
import time
5
print("Anti Bullying Week: Happy Odd socks day")
6
7
i = withcode.Image()
8
while True:
9
  for y in range(32):
10
    for x in range(32):
11
      # swap the pixel colours around
12
      r, g, b = sock[y][x]
13
      sock[y][x] = [g, b, r]
14
  i.draw(sock)
15
  time.sleep(1)
16
  
17
# Challenges
18
# 1) Use a different picture
19
# 2) Speed up the animation
20
# 3) Draw two socks on the screen at the same time

Save

Save:

Once you save your code, it will be publicly available for anyone to view, run or adapt.

If you're unsure which option to choose, go for the first one.

Saving to the current URL lets you update your code without having to change any links to your code you've already shared elsewhere.

Save (to new URL)

If your code hasn't already been saved you'll get a new, unique web address to access your code that you can share.

If your code is the same as a previously saved version, the URL won't change.

You don't need to be logged in to do this.

Ctrl + S

See how you can share your code with others.

You need to be viewing code that has already been saved to do this.

Alt + Shift + S

Save (keep current URL)

Your previously saved code for this web address will be overwritten.

You need to be logged in and viewing code you've saved before to do this.

Ctrl + Shift + S

Save (Download)

The current file will be downloaded to this computer.

You don't need to be logged in to do this.

Ctrl + Alt + S

Load:

You do not need to log in to save or use create.withcode.uk.

However, logging in using a Google account makes it easier to manage the code that you save.

Settings

Text size Code font size:

Output font size:

Editor colours

Output console colours

Darker colours look more like a command prompt. Lighter colours look more like an app window:

Run mode

Running your code line by line can be a useful way of finding bugs

Choosing a longer time between animating each line helps you understand and explain your code as it runs

Time delay between running each line:

Making your output window transparent helps you see your code underneath

Output window transparency