New #interactive dweets

function u(t) {

c.width=1920 // clear the canvas
for(i=0;i<9;i++)
x.fillRect(400+i*100+S(t)*300,400,50,200) // draw 50x200 rects

} // 122/140

Please log in (or register) to post a dweet (copy-paste the code somewhere safe to save it meanwhile)


    u(t) is called 60 times per second.
    t: Elapsed time in seconds.
    S: Shorthand for Math.sin.
    C: Shorthand for Math.cos.
    T: Shorthand for Math.tan.
    R: Function that generates rgba-strings, usage ex.: R(255, 255, 255, 0.5)
    c: A 1920x1080 canvas.
    x: A 2D context for that canvas.

Try the new frontend: beta.dwitter.net
Current theme challenge: #Food

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/2470 by u/joeytwiddle

function u(t) {

for(i=c.width=90;i--;t?x.fillText(T[i],i%4*17,9+10*(i>>2)):T[i]=g=i)onclick=e=>(((h=4*(e.y>>6)+e.x/99|0)-g)**2|17)^17||(T[g]=T[h],T[g=h]='')

Feb 6 2018 9:41 AM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

As promised, this version prevents cheating, although there is still one "special move" you can use ;-)

u/joeytwiddle

(The aim of this game is to arrange the numbers vertically)
u/zanella

This is freaking awesome. I'm getting genuinely scared of what can be done here. Sooner or later someone will post a dweet that mines bitcoins.
u/Apex

@zanella that's already possible lol, but Monero to be specific
u/joeytwiddle

#interactive #puzzle #game
u/fujimotos

#playable

show FPS hide FPS share fullscreen

Paisley

function u(t) {

c.width|=0
!t?(Y=500,v=0,D=1,c.onclick=()=>v+=15):Y-=v*D,v-=0.2,D=Y<200||Y>999?0:1
x.font='200px x'
x.strokeText(D?'🦆':'🍗',999,Y)

Feb 5 2018 10:12 PM UTC

}// 129/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Attempted to make a "flappy duck" game, there must be a way to add obstacles, I couldn't find the chars tho :(

u/AnnanFay

Hmm, there's block characters like ▓▆ǁ and shapes like ⎔/⬢. You'll want to use fillText though.
u/lionleaf

#interactive #game #flappybird #emoji
u/fujimotos

#playable

show FPS hide FPS share fullscreen

Jezza

function u(t) {

if(!t)q=[];c.onmousemove=e=>q.unshift(e);c.width=window.innerWidth;for(i=0;i<50;i++)q[i]?x.fillRect(q[i].x+S(z=i+t*9)*5,q[i].y+C(z)*5,2,2):0

Jan 30 2018 3:15 AM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Have a mouse around.

u/lionleaf

That's a fun one!
u/CtrlAltCuteness

Works on a Samsung Galaxy Note 4 with device's stylus and a web browser supporting the mouseover stuff.
u/joeytwiddle

#interactive

show FPS hide FPS share 1 remix fullscreen

yonatan

function u(t) {

t?c.width=99:M={x:9,y:9}
onmousemove=(e)=>M=e
for(i=2;i--;x.strokeRect(29+23*i,20,19,19))m=34+23*i,x.fillRect(m+M.x/99-2.87,22+M.y/50,9,9)

Jan 26 2018 1:53 AM UTC

}// 139/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

robot eyes (mouse over)

u/donbright

genius
u/donbright

genius
u/trupples

YES!!!
u/sigveseb

Cute robot :3
u/joeytwiddle

#interactive #cute #funny #eye

show FPS hide FPS share fullscreen

aleamb

function u(t) {

c.width=255,x.font="30px p",!t&&(s=y=0,b=140,c.onmouseup=e=>{s++})
y<b&&(y+=a=t*t-s)
x.fillRect(b,b,30,2)
x.fillText(y>b&&a>2?'💥':'🚁',b,y)

Jan 25 2018 8:41 PM UTC

}// 138/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

You must land the helicopter smoothly. Click on canvas to stop the fall.

Show more comments…
u/aleamb

For reset game, refresh page. i did not have space for build a reset.
u/bepisTM

oh my god this is really cool
u/lionleaf

Haha, amazing :) Awkward to reset, but I managed to land the helicopter!
u/donbright

lolo
u/donbright

top 5 anime endings
u/joeytwiddle

Oh man. I finally landed it! :-D
u/joeytwiddle

Nice #game !
u/aleamb

thanks joeytwiddle
u/katkip

Wowowowow
u/aleamb

#interactive

show FPS hide FPS share fullscreen

zanella

function u(t) {

c.width|=0;x.font='90px arial';!t&&(A=[]);A.forEach(a=>x.fillText(a.t,a.x,a.y+=9));window.onkeypress=e=>A.push({t:e.key,x:t*t*500%1920,y:0})

Jan 22 2018 1:53 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Click on the canvas and then type things!

u/joeytwiddle

Super!
u/sigveseb

super cool!
u/donbright

:)
u/iverjo

#interactive
u/Friend

I took off 5 characters by moving the Array initialization to the end: c.width|=0;x.font='90px arial';A.forEach(a=>x.fillText(a.t,a.x,a.y+=9));window.onkeypress=e=>A.push({t:e.key,x:t*t*500%1920,y:0})}{A=[]

show FPS hide FPS share fullscreen

trupples

function u(t) {

onmousemove=E=>{c.width=innerWidth;for(i=69;i--;c.style.cursor="none")"@`px|~x\\".charCodeAt(i/7)>>i%7&1&&x.fillRect(E.x-i%7,E.y+i/7,1,1)}

Jan 9 2018 8:31 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

7x10 cursor

u/joeytwiddle

Haha, excellent!
u/magna

Related: d/2633 and d/3271
u/sigveseb

Sweet :D
u/iverjo

#interactive

show FPS hide FPS share fullscreen

MrFuzzzy

function u(t) {

c.width=999;if(!t)a=Array(99).fill(99)
c.onmousemove=d=>a[0]=d.clientY*1.5
for(i=1;i<99;i++){x.strokeRect(i*9,a[i]=a[i]*.6+a[i-1]*.4,99,99)}

Jan 8 2018 7:54 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

u/Xen

nice idea
u/sigveseb

Haha I saw this and I was like "this one totally reacts to mouse input" before I even looked at the code :D nice one
u/magna

Love this!
u/Xen

sigveseb i dont even check anymore, i just wave my mouse over every dweet... :-D
u/iverjo

#interactive

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/3274 by u/magna

function u(t) {

onmousemove=(e)=>S=e;d=x.createImageData(w=c.width=100,w);for(i=0;i<4e4;d.data[i++]=i%T(i%S.x*S.y+t)*255);x.putImageData(d,0,0)

Jan 7 2018 6:23 PM UTC

}// 127/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Move mouse to change tuning to find the hidden channels!

u/iverjo

#interactive
u/magna

#tv #noise

show FPS hide FPS share fullscreen

trupples

function u(t) {

t||(r=31,c.width=innerWidth,x.globalCompositeOperation='xor',c.onclick=e=>x.fillRect(e.x&~r,e.y&~r,r,r))

Jan 6 2018 9:08 PM UTC

}// 104/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Another drawing thingy

u/sigveseb

clever to use xor
u/iverjo

#interactive

dwitter.net | #interactive