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: #Opposites

show FPS hide FPS share 2 remixes fullscreen

xem

remix of d/7401 by u/xem

function u(t) {

c.width=innerWidth;c.onmousemove=e=>B.push([e.x-X,e.y-Y,X=e.x,Y=e.y])
B.map(i=>x.fillText("⚫",i[2]+=i[0],i[3]+=i[1]))};{B=[X=Y=0]

Mar 21 2018 9:11 PM UTC

}// 129/140

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

u/yonatan

c.width=innerWidth is a great idea
u/xem

Move mouse to throw projectiles :)
u/xem

(c.width=innerWidth makes it work in fullscreen and not-fullscreen. Thanks to Balint Csala for the trick)
u/joeytwiddle

#interactive

show FPS hide FPS share fullscreen

BalintCsala

remix of d/7398 by u/xem

function u(t) {

c.width^=c.onmousemove=e=>B.push([e.x-X,e.y-Y,X=e.x,Y=e.y])
B.map(i=>x.beginPath(x.fill(x.arc(i[2]+=i[0],i[3]+=i[1],9,0,7))))};{B=[X=Y=0]

Mar 21 2018 9:10 PM UTC

}// 137/140

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

u/iverjo

#interactive

show FPS hide FPS share fullscreen

BalintCsala

function u(t) {

c.width|=onkeydown=e=>this["YXYX"[g=e.which%4]]-="0220"[g]-1,x.fillRect(X*9,Y*9,60,60)};{X=Y=70

Feb 6 2018 3:41 PM UTC

}// 95/140

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

u/iverjo

#interactive

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

dwitter.net | #Interactive