# GameDev_TweetTweetJam10

# TwisterClicks & DontClickBackground

For the Game Jam, **"TweetTweetJam 10":** [https://itch.io/jam/tweettweetjam-10](https://itch.io/jam/tweettweetjam-10), I coded two clicker games in ***P5js*** that followed the under 500 code character limit In both games. The objective is to not click background, only the movingthe squares.

## Links

**DontClickBackGround**: [https://illestpreacha.itch.io/dontclickbackground](https://illestpreacha.itch.io/dontclickbackground)

**TwisterClicks:** [https://illestpreacha.itch.io/twister-clicks](https://illestpreacha.itch.io/twister-clicks)

## TwisterClicks Code: **431 Characters**

```javascript
setup=l=>{createCanvas(600,600),y=5,f=40,d=600,
e=random(100),s=0,fill("tan"),textSize(74)},
draw=o=>{background("black");
for(let o=0;o<=d;o+=1.5)for(let t=0;t<=d;t+=1.5)t%2==0?o%2==0?fill(y,e,200):fill(255):o%5==0?fill(d/5,e,'y):t%3==0?fill(d/3,2*e,f):fill(d/4,y,d/2),push(),rotate(PI*random(3,5)),l=o%random(3,16)*4,rect(o*f,t*f,f+4*l,4*l),pop();text(s,3*f,3*f)},mousePressed=e=>{c=get(mouseX,mouseY).join(),"0,0,0,255"!=c?s++:s-- }
```

## DontClickBackGround Code: **306 Characters**

```javascript
setup=e=>{x=180,createCanvas(4*x,4*x),s=0,t=0},
draw=a=>{background("black"),fill("red"),d=x*sin(t)/2+180,e=x*cos(.2*t)+220,square(d,e,45),
fill("blue"),square(e,e,35),fill("tan"),square(e,d,45),textSize(24),text(s,3*x,3*x),t+=.1},
mousePressed=e=>{c=get(mouseX,mouseY).join(),print(c),"0,0,0,255"!=c?s++:s--}
```

### ColorClicks Images

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1747602776567/cb0c0f37-b33e-4fe6-96eb-2126057de991.gif align="center")

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1747602788185/78337d08-9a9f-45ee-8efd-0808cbb1ce47.png align="center")

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1747602793534/3c658407-b3e2-4315-a69c-f8c42e735248.png align="center")

### TwisterClicks Images

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1747603157050/b96c41a1-2414-45b9-9611-ecb600b308b2.png align="center")

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1747603171237/39a92747-603c-4409-8ca3-11c49b21d44c.png align="center")

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1747603162648/4a4835f5-ca1c-4744-a147-caf3a1c5e568.png align="center")