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 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)

show FPS hide FPS share fullscreen

trancor

remix of d/7905 by u/trancor

function u(t) {

w=c.width=innerWidth,t?onmousemove=e=>m=[e.x,e.y,2]:m=[w/2,w/2,1,p=[]],p.push([...m]),p.map(z=>x.fillRect(z[0]+=S(w++),z[1]-=z[2]++/9,9,9))

May 6 2018 10:12 PM UTC

}// 139/140

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

Not as cool as the original, but got it below 140!

u/lionleaf

#interactive

show FPS hide FPS share 2 remixes fullscreen

trancor

function u(t) {

eval(unescape(escape`眽挮睩摴栽瑨楳⹩湮敲坩摴栬琿挮潮浯畳敭潶攽攽㹭㵛攮砬攮祝㨨瀽孝Ɑ㵛眯㈬眯㉝⤬瀮灵獨⡛嬮⸮浝ⰰ崩Ɒ⹭慰⠨稬椩㴾筫㵺嬰崬歛そ⬽匨椪椫琩Ⱬ嬱崭㵺嬱崫⬯㤫匨椪㜩ⱸ⹦楬汒散琨⸮⹫ⰹⰹ⤬砮晩汬⠩紩`.replace(/u(..)/g,"$1%")))

May 4 2018 12:28 AM UTC

}// 140/140

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

I'll stop with the obfuscation... Thanks for inspiration again u/MrM@_S

u/trancor

w=c.width=this.innerWidth,t?c.onmousemove=e=>m=[e.x,e.y]:(p=[],m=[w/2,w/2]),p.push([[...m],0]),p.map((z,i)=>{k=z[0],k[0]+=S(i*i+t),k[1]-=z[1]++/9+S(i*7),x.fillRect(...k,9,9),x.fill()})
u/iverjo

#smoke
u/iverjo

#interactive
u/sigveseb

#compressed

show FPS hide FPS share fullscreen

prplz

function u(t) {

c.width=innerWidth
c.onmousemove=e=>q=e
for(c.width|=i=9;i--;)x.fillRect(X=100+i*25+S(t)*75,q.y<75?q.y+(2500-(q.x-X)**2)**.5|0:0,12,50)

Apr 29 2018 7:13 AM UTC

}// 135/140

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

#default #interactive

u/BirdsTweetCodersDweet

#undefinedvariables
u/BirdsTweetCodersDweet

No, wait, you just need to hover
u/BirdsTweetCodersDweet

Why you do dis, Chrome?

show FPS hide FPS share fullscreen

trancor

function u(t) {

c.width=this.innerWidth;q=v=>x.lineTo(...v)
t?c.onmousemove=e=>p.push([e.x,e.y]):p=[]
p.map((l,i)=>{q(l);q(p[i-5]||l)});p.shift();x.stroke()

Apr 27 2018 11:39 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/joeytwiddle

Fun! #interactive
u/trancor

There's a difference between Chrome/Firefox on both linux and windows. This should be seen as a lingering webbing line. Investigating...
u/trancor

Didn't investigate yet. What it should look like- http://metal-asylum.net/show/dwitterWebLine.…

show FPS hide FPS share fullscreen

lcfrdvx

function u(t) {

c.width=1920
c.onmousemove=e=>m=e
n=9999
for(i=0;i<n;i++)x.fillRect(c.width/n*i,520+(S(t+i*C(m.x))*200)+(S(t+i*C(m.y))*200),9,9)

Apr 25 2018 12:59 PM UTC

}// 128/140

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

#interactive

show FPS hide FPS share fullscreen

Barth

function u(t) {

c.onmousemove=e=>m=e
x.font="200px Arial";x.fillText("•",m.x*3.379-79/2,m.y*3.379+150/2);x.fillStyle=`hsl(${t*250},100%,75%`

Apr 25 2018 8:37 AM UTC

}// 124/140

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

#draw #paint

u/lionleaf

#interactive #colors

show FPS hide FPS share fullscreen

MrM@_S

function u(t) {

eval(unescape(escape`潮摲慧敮瑥爽潮摲慧潶敲㵥㴾攮灲敶敮瑄敦慵汴⡯湤牯瀽攽㹻景爨敞㵡㵛⸮⹥⹤慴慔牡湳晥爮来瑄慴慠瑥硴恝⹭慰⡥㴾攮捨慲䍯摥䅴⡫㴢∩⹴潓瑲楮木ㄶ⤩㭡孥崻⥫⬽∥產⭡孥⬫崫慛攫⭝㭴桲潷⁵湥獣慰攨欩紩`.replace(/u(..)/g,"$1%")))

Apr 24 2018 10: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).

[dwitter character compressor V 1.0] Step 1: drag and drop a program (with an even character count) in to compress, Step 2: look in your browser's developer tool for an error with seemingly random text, Step 3: copy that and paste it in place of my compressed program. {Please note that the largest program you can have is a length of 184}

u/MrM@_S

#tool
u/MrM@_S

also it does not function well with new lines and it can only compress ascii
u/MrM@_S

#interactive
u/BuRRak

This is smart
u/MrM@_S

thank you

show FPS hide FPS share fullscreen

CocoMeister

function u(t) {

c.onmousemove=e=>m=e
c.width=1920
for(i=7000;i>=0;i-=20){x.fillStyle="hsl("+C(t/3)*i*4+",90%,30%)"
x.fillRect(m.x-i/2+700,m.y-i/2+500,i,i)}

Apr 24 2018 6:39 PM UTC

}// 139/140

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

#rainbow #mouse

u/lionleaf

#interactive

dwitter.net | #interactive