bitsbox.4B.2017

Watch this screencast:

Objective: Use bitsbox to create 4 online apps.

Language
syntax = correct order of words and symbols.

Here is an example of correct syntax:

p = stamp('pie')

Here is an example of incorrect syntax:

p = stamp('pie)

Special keys you might need:

parentheses braces apostrophe

How to login with your Google user name and password

READY TO START???

Read this first:

New to Bitsbox

- Make 4 online apps

Reminder or Warm Up

1. Name Game
app number: 1773

1 fill('paper2')
2 stamp('a paint',100,200)
3 stamp('l paint',200,200)
4 stamp('i paint',300,200)

Can you change the code to create your first and last name?

2. One Kid Band
app number: 2725

1 fill('world of music')
2 x = 100
3
4 function add(name) {
5 instrument = stamp(name,x,300,150)
6 instrument.tap = sing
7 x = x + 180
8 }
9
10 add('guitar')
11 add('piano')
12 add('conga drum')
13 add('maracas')

Can you change instruments?

3. Slinky Sculptor
app number 7886

1. fill('boardwalk')
2.
3. function drag(info) {
4. ring = stamp('ring',x,y,150)
5. ring.rotate(info.angle)
6. }

Can you change the background? Can you change the slinky?

Ready to Roll!!!

Build a numbered app:

App # 7939

1 colors = ['teal','midnight']
2
3 function touch(){
4 color = random(colors)
5 }
6
7 function drag() {
8 circle(x,y,5,color)
9 circle(768-x,y,5)
10 circle(x,1024-y,5)
11 circle(768-x,1024-y,5)
12 }

App # 2403

1 fill('black')
2
3 function touch() {
4 red = random(255)
5 }
6
7 function drag() {
8 green = x/3
9 blue = y/4
10 color(red,green,blue)
11 circle(x,y,5)
12 }

App # 6850

1 b = text('DRAG TO DRAW',CENTER)
2
3 function touch() {
4 startx = x
5 starty = y
6 }
7
8 function touching() {
9 b.hide()
10 wide = x - startx
11 high = y - starty
12 if (wide > 0 && high > 0) {
13 color = 'denim'
14 } else if (wide > 0 && high < 0) {
15 color = 'dandelion'
16 } else if (wide < 0 && high > 0) {
17 color = 'coral'
18 } else if (wide < 0 && high < 0) {
19 color = 'white'
20 }
21 b = box(startx,starty,wide,high,color)
22 }
23
24 function untouch() {
25 box(startx,starty,wide,high,color)
26 }

- explore extensions

AutoDraw