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 fullscreen

S.T.L.K.R.

function u(t) {

r=Math.random()
c.onclick=e=>(a=r*2+t,c.width=1920)
if(t<a)for(i=9;i--;x.fillRect(520+r*800,400,5,400));

Jun 4 2018 1:06 AM UTC

}// 104/140

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

Click to generate your barcode #interactive

u/S.T.L.K.R.

#Barcode

show FPS hide FPS share 1 remix fullscreen

pythech

remix of d/8294 by u/pythech

function u(t) {

c.onmousemove=d=>m=d
with(x)for(x.a=moveTo,x.b=bezierCurveTo,c.width=k=p=360;p-=9;b(p,!a(p,!b(!a(!stroke(),p),p,m.x,m.y,k,p)),m.x,m.y,p,k));

May 29 2018 2:15 PM UTC

}// 140/140

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

show FPS hide FPS share 1 remix fullscreen

pythech

remix of d/8285 by u/S.T.L.K.R.

function u(t) {

x.a=x.moveTo
x.b=x.bezierCurveTo
c.onmousemove=e=>v=e.x
with(x)for(c.width=k=p=360;p-=9;b(!a(!stroke(),p),p,p,v,k,p),a(p,0),b(p,0,v,p,p,k));

May 29 2018 1:26 PM UTC

}// 140/140

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

Hover your mouse over the canvas to see the effect

u/deobfuscate

#interactive

show FPS hide FPS share 1 remix fullscreen

S.T.L.K.R.

remix of d/8281 by u/S.T.L.K.R.

function u(t) {

c.onclick=e=>v=e.x;x.a=x.moveTo,x.b=x.bezierCurveTo
with(x)for(c.width=k=p=360;p-=9;a(0,p),b(0,p,p,v,k,p),a(l=p,0),b(l,0,v,l,l,k),stroke());

May 29 2018 9:20 AM UTC

}// 140/140

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

Click continuously while moving the mouse to get the effect #interactive

show FPS hide FPS share fullscreen

S.T.L.K.R.

function u(t) {

c.width=-1
c.onmousemove=d=>a=d.x
for(i=9;i--;){p=i*30
x.moveTo(0,p)
x.arcTo(3e2,a*i,0,p,9)
x.moveTo(p,0)
x.arcTo(a*i,3e2,p,0,9)
x.stroke()}

May 28 2018 10:59 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 over for grid i guess

u/lionleaf

Awesome #interactive

show FPS hide FPS share fullscreen

MrM@_S

function u(t) {

eval(unescape(escape`瑼簨⡂㵥㴾挮楮湥版呍䰫㵠㱩晲慭攠獲挽⽩搯⑻敽㽡畴潰污礽琾怩⠸ㄸ㔩ⱆ㴢∬湥眠䉲潡摣慳瑃桡湮敬⡡㴲⤮潮浥獳慧攽攽㸭ⵡ☦⡆⬽攮摡瑡Ȿ愿䈨㠱㠶⤺湥睃潤攨畮敳捡灥⡂㵆⹳灬楴⠯╵⠮⸩⼩⹪潩湠╠⤩⤩`.replace(/u(..)/g,"$1%")))

May 22 2018 5:02 PM UTC

}// 140/140

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

[Dwitter 2048 (V 1.2)] It is the 2048 game in dwitter, to play use arrow keys.

u/MrM@_S

It is made from 3 dweets
u/MrM@_S

#Mega_Dweet
u/iverjo

#interactive
u/joeytwiddle

#multidweet #game pretty impressive!
u/sukkamehu

how does these work

show FPS hide FPS share 1 remix fullscreen

Friend

remix of d/8092 by u/Friend

function u(t) {

t?0:i=j=k=0;
this[k%2?"j":"i"]+=(k+2<4?1:-1)
document.onclick=()=>k++;
k=k%4
x.fillRect(i*2,j*2,10,10)
x.fillStyle="hsl("+t%5*71+",99%,50%)"

May 18 2018 8:20 PM UTC

}// 140/140

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

Rainbow Snake - Click to turn

u/Friend

#interactive

show FPS hide FPS share fullscreen

ToxicCaves64

function u(t) {

t?0:(g=m=s=r=0,a=[]);c.width=400;x.fillText(m,2,8);c.onclick=()=>(a.push(m-r),r=m);a.map((i,j)=>x.fillText(i,2,20+8*j));g+=1;g%60==0?m=s++:0

May 17 2018 4:38 AM UTC

}// 140/140

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

A Stopwatch In 140

u/ToxicCaves64

Click to make a lap
u/Friend

Pushed it to 135 - c.width=400;x.fillText(m,2,8);c.onclick=()=>(a.push(m-r),r=m);a.map((i,j)=>x.fillText(i,2,20+8*j));g+=1;g%60==0?m=s++:0}{g=m=s=r=0;a=[]
u/Friend

#interactive
u/BuRRak

Down to 64 without line breaks: c.width=400 onclick=Q=>V+=" "+~~t x.fillText(~~t+V,0,9); }{V=""
u/BuRRak

Sorry, 62 if you remove the semicolon & space/newline after it

show FPS hide FPS share 1 remix fullscreen

Friend

function u(t) {

t?0:i=j=k=0;
if(k==0)i++;if(k==1)j++;if(k==2)i--;if(k==3)j--;
document.onclick=()=>k++;
k=k%4
x.fillRect(i*2,j*2,10,10)

May 14 2018 2:55 AM UTC

}// 119/140

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

Most simple form of a snake game

u/Friend

If you're confused click on the canvas
u/BuRRak

if(k==0)... can be replaced with this[k%2?"j":"i"]+=(k+2<4?1:-1)
u/iverjo

#interactive

show FPS hide FPS share fullscreen

markuspeitl

function u(t) {

c.width|=0
c.onclick=(e)=>{X=e.pageX;Y=e.pageY}
x.fillStyle='#'+X
x.globalAlpha=.6
for(i=0;i<4e2;i++)
x.fillRect(i*9*T(t),Y*(2+S(i*t)),X,50)

May 7 2018 4: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 the canvas to start the cannon :)

u/iverjo

#interactive
u/iverjo

I like the fact that it changes color based on where you click
u/joeytwiddle

https://www.youtube.com/watch?v=E_hD3fxmH58 Vexare - Firing (my laser)

dwitter.net | #Interactive