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

gabrielsroka

function u(t) {

eval(unescape(escape`睩瑨⡸⥯湭潵獥浯癥㵥㴾氨匽攮砬䌽攮礬吽挮睩摴栽㔶㠩ⱸ⹬㵬楮敔漬氨䔽匯㈬䐽䌯㈩ⱬ⡅ⱊ㵄⬹㤩ⱬ⡓ⱆ㵊⨲⤬氨匬䌩ⱬ⡗㵔⼲⭅ⱄ⤬氨圬䨩ⱬ⡓ⱆ⤬氨匬䌩ⱬ⡅ⱄ⤬氨㈪圯㌬䌯㌩ⱬ⡗ⱄ⤬氨匬䌩ⱳ瑲潫攨⤻`.replace(/u(..)/g,"$1%")))

Oct 14 2018 8: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).

#interactive #d3 #perspective, see also https://www.khanacademy.org/computer-program…

Show more comments…
u/gabrielsroka

see also https://www.dwitter.net/d/9207
u/gabrielsroka

uncompressed: with(x)onmousemove=e=>l(S=e.x,C=e.y,T=c.width=568),x.l=lineTo,l(E=S/2,D=C/2),l(E,J=D+99),l(S,F=J*2),l(S,C),l(W=T/2+E,D),l(W,J),l(S,F),l(S,C),l(E,D),l(2*W/3,C/3),l(W,D),l(S,C),stroke()
u/gabrielsroka

#cube maybe?
u/pavel

onmousemove=e=>[S=e.x,E=S/2,E,S,S,W=284+E,W,S,S,E,W*2/3,W,c.width=568].map((a,i)=>x.lineTo(a,[C=e.y,D=C/2,J=D+99,F=J*2,C,D,J,F,C,D,C/3,D][i])),x.stroke()
u/yonatan

139 with Path2D: onmousemove=e=>x.stroke(new Path2D('M'+[S=e.x,C=e.y,E=S/2,D=C/2,E,J=D+99,S,F=J*2,S,C,W=274+E,D,W,J,S,F,S,C,E,D,2*W/3,C/3,W,D],c.width=568))
u/gabrielsroka

u/pavel - i was just thinking about trying something similar, but you beat me to it. well done!
u/gabrielsroka

u/yonatan - i was not aware of Path2D. thanks, and well done! i also see my T could be optimized (leftover from a previous iteration)
u/donbright

brava
u/rep_movsd

#underrated

show FPS hide FPS share fullscreen

veubeke

function u(t) {

r=c.offsetWidth/(c.width^=0)
t?o?(m+=o/60,n+=p/90):0:o=!(m=n=300)
c.onmousemove=e=>(o=e.x/r-m,p=e.y/r-n)
x.font='80px"'
x.fillText('🚁',m,n)

Oct 2 2018 2:54 PM UTC

}// 139/140

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

Surveillance helicopter – it only sees you when you move

u/donbright

hmm my firefox doesnt seem to like it
u/donbright

oh now it works! re-scrolled and scrolled back here. nice.
u/joeytwiddle

#interactive

show FPS hide FPS share fullscreen

katkip

function u(t) {

onmousemove=_=>{x.fillRect(_.x*3.3,_.y*3.3,S(_.x)*50,S(_.y)*50),x.fillStyle=`hsl(${_.x*_.y},99%,50%)`}
x.drawImage(c,S(t)*10,C(t*9)*5)

Sep 23 2018 4:41 PM UTC

}// 134/140

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

Move your mouse and create #rainbow #wave s

u/BirdsTweetCodersDweet

#interactive

show FPS hide FPS share fullscreen

katkip

function u(t) {

c.width^=0;onmousemove=_=>{a=_.x,b=_.y}
z=0,y=0;for(i=0;i++<100;)x.lineTo(960+C(z+t/9)*960,540+S(y+t/9)*540),x.stroke(),z+=a,y+=b;throw[a,b]

Sep 23 2018 4:18 PM UTC

}// 140/140

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

Move your mouse and create awesome patterns!

u/BirdsTweetCodersDweet

#pattern #generator #lines #interactive
u/4ce

i made remix( d/26367 ) on it... ~_^

show FPS hide FPS share fullscreen

anotherkitten

function u(t) {

eval(unescape(escape`琿愿愫⬺戽㄰⩓⡴⤫㄰㩡㴰㭯湣汩捫㵟㴾愽愿〺ㄻ挮睩摴栽㉥㌻景爨朽㐲ⱪ㴹〬欽㤹㤻欼ㅥ㌻樫㵢Ⱬⴽ札⴩樭㤰㹡⩢☦砮晩汬剥捴⡪Ⱬⰹⰹ⤻砮景湴㴢㐰ば砠䄢㭸⹦楬汔數琨≜田〰㜢ⱡ⩢Ⱝ㐲⩡⬮㔪愪⨲⬱ㄲ〩`.replace(/u(..)/g,"$1%")))

Sep 20 2018 9:06 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 to throw the ball, click again to reset

u/anotherkitten

original: t?a?a++:b=10*S(t)+10:a=0;onclick=_=>a=a?0:1;c.width=2e3;for(g=42,j=90,k=999;k<1e3;j+=b,k-=g--)j-90>a*b&&x.fillRect(j,k,9,9);x.font="400px A";x.fillText("\u0007",a*b,-42*a+.5*a**2+1120)
u/katkip

#physics
u/katkip

#game
u/katkip

#interactive

show FPS hide FPS share fullscreen

Quant1um

function u(t) {

t||(l=r=9,m=0,k=.02,d=.05,c.onclick=e=>r=e.y/28)
for(c.width|=i=99,x.lineWidth=l+=m+=k*(r-l)-m*d;i--;)x.lineTo(S(i/3)*80+960,i*l)
x.stroke()

Sep 18 2018 12:00 PM UTC

}// 140/140

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

Interactive damped spring simulation #physics #interactive

u/Quant1um

You can try different stiffness(k) and dampening(d) factors
u/donbright

yayyy
u/Quant1um

u/donbright, https://www.myphysicslab.com/pendulum/double…
u/Quant1um

Ow, sorry, this meant to be under double pendulum post

show FPS hide FPS share fullscreen

anotherkitten

function u(t) {

p=frame--;onclick=_=>frame=p>0?-_.x:-p;onmousemove=_=>{x.fillStyle=`hsl(${p/1.6},50%,50%)`;if(p>0)x.fillRect(_.x*3.4-30,_.y*3.4-30,60,60)}

Sep 14 2018 1:45 PM UTC

}// 138/140

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

draw things! click to toggle brush; color based on the X you last turned your brush off at.

Show more comments…
u/joeytwiddle

I made one: https://imgur.com/gallery/ccd0nVl
u/zanella

Cool! #interactive
u/anotherkitten

you can double click somewhere to change color without drawing btw
u/anotherkitten

here is mine: https://i.imgur.com/C5645Yx.png
u/DataMeta

Would be a welcome replacement for paint 3D
u/joeytwiddle

Oh that's a really good picture!

show FPS hide FPS share fullscreen

f8f82804

remix of d/9669 by u/f8f82804

function u(t) {

t||(X=8);c.onmousemove=e=>{X=e.x/99};c.width^=0;for(x.beginPath(i=370);i--;x.lineTo(960*(1+S(i+X+C(i))),540*(1+C(i*3-t+S(i)))));x.stroke()

Sep 5 2018 4:42 PM UTC

}// 138/140

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

use your #mouse to rotate the view -- #animated

u/donbright

love it!!!!!!!!
u/iverjo

#interactive

show FPS hide FPS share fullscreen

katkip

function u(t) {

pauseDemo=null;receiveMessage=null;playing=true;x.font='5cm A';x.fillText("Try to comment!",340,600);throw `
`.repeat(Math.abs(S(t*6)*10))

Aug 28 2018 2:38 PM UTC

}// 138/140

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

Comment #interactive #game !! Try to comment without scrolling down! It is #genius. It was a challenge for me too writing this comment lmao

Show more comments…
u/BirdsTweetCodersDweet

lmao... this probably shouldn't be allowed
u/katkip

Wait I just realised you can't read that lol
u/f8f82804

Holy heck this is clver and annoying
u/firegodjr

I hate it xD
u/joeytwiddle

lol #trick
u/magna

HAX
u/username

annoying
u/robalb

lol
u/d0n.key

wow
u/Iceland_jack

see
u/rnbw

i got a hold on it! :D
u/aaaaaz

aaaa

show FPS hide FPS share fullscreen

Galaxtone

function u(t) {

eval(unescape(escape`瑼簨瘽嘽礽ㄸⱷ㵗㴮㔩㭯湭潵獥浯癥㵥㴾礽攮礯㤻挮睩摴桼㵡㴳〻硛昽❦楬汒散琧崨㤬礪愬愬㈱〩㭺㴨嘭礭㌩⼳㭚㵺⩺㰱㭷㵶㸶㍼瘼〦娿⵷㩷㭗㵖㹡籖㰰㼭场瘼〦娿稺圻瘽瘼ⴲ㼭愺瘫眻嘫㵗㭸学崨瘪愬嘪愬愬愩`.replace(/u(..)/g,"$1%")))

Aug 27 2018 3:13 AM UTC

}// 140/140

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

Just a game of single-player pong!

Show more comments…
u/Galaxtone

Thanks to joeytwiddle & yonatan for golfing this within the limit :P
u/Galaxtone

If you mess up, try adding and removing a semicolon at end or refreshing
u/Galaxtone

High score: 6
u/BalintCsala

#game
u/katkip

#interactive
u/username

actual fuq
u/username

Is there a tool to reformat code into these characters?
u/f8f82804

@username: https://www.dwitter.net/h/compressor
u/katkip

96 Highscore. No life lol
u/username

@f8f82804 thank you
u/lionleaf

Cool! #pong #compressed
u/lionleaf

u/f8f82804 : you can do u/ to mention users
u/f8f82804

u/lionleaf: awesome!
u/Galaxtone

Forget to say, @f8f82804 thanks for the compression tool.
u/Galaxtone

184 bytes

dwitter.net | #interactive