Hot dweets by u/ElisionFR

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

ElisionFR

function u(t) {

t?0:(R=[],c.width=innerWidth)
onmousemove=(e,d=t*5)=>R.push((l,k=(l-d)*10)=>[e.x+C(d)*k,e.y+S(d)*k])
R.map(v=>x.fillRect(...v(t*5),1,1))

Feb 26 2020 8:58 PM UTC

}// 136/140

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

#growth

u/tomxor

Nice! #interactive #mouse

show FPS hide FPS share 1 remix fullscreen

ElisionFR

function u(t) {

if(!t)R=[]
onmousemove=(e,d=t)=>R.push(l=>[e.x+C(d*50)*(l-d)*9,e.y+S(d*50)*(l-d)*9])
R.map(v=>x.fillRect(...v(t),1,1),c.width=innerWidth)

Feb 26 2020 12:24 AM UTC

}// 137/140

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

Generate particles from pointer

u/aleamb

#interactive

show FPS hide FPS share fullscreen

ElisionFR

remix of d/17750 by u/ElisionFR

function u(t) {

if(!t)R=[]
onmousemove=(e,d=t,o=Math.random()*6.28)=>R.push(l=>[e.x+C(o)*(l-d)*9,e.y+S(o)*(l-d)*9])
R.map(v=>x.fillRect(...v(t),1,1))

Feb 26 2020 8:15 AM UTC

}// 133/140

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

New particle system (fullscreen only)

u/ElisionFR

#grow
u/13thptr

#growth

show FPS hide FPS share fullscreen

ElisionFR

remix of d/17692 by u/iznax

function u(t) {

c.width|=i=c.i%12|0
x.font="32em Eggzes"
c.onclick=a=>c.i=i+2
d="🥚🐣🐥🐤🐓🍗"
x.fillText(d[i]+d[i+1],640+S(t*29)*25*!i,850-(i==4)*S(t%3.14)*200)

Feb 23 2020 9:15 AM UTC

}// 139/140

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

CLICK IT !

u/joeytwiddle

#cute #bird #food
u/aleamb

#interactive
u/yukulele

nice story but the ending is a little sad 😢
u/davidsover

F

show FPS hide FPS share fullscreen

ElisionFR

function u(t) {

c.style.cursor='none'
c.width=innerWidth
m=e=>x.fillText('🐁',e?.x,e?.y)
onclick=e=>{c.a=[e].concat(c.a)}
onmousemove=e=>R=e
c.a?.map(m)
m(R)

Feb 23 2020 9:11 PM UTC

}// 140/140

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

#mouse #click #stamp

u/ElisionFR

Any idea why if I replace "R" by "j" in this script I get a "j is not defined" error ?
u/ElisionFR

God I'm an idiot R is defined as a function by Dwitter....
u/tomxor

nah, i led you down that rabbit hole... using a predefined object (in this case a function, doesn't really matter), is a way to not have to check the object exists to access properties. But you've discovered the new nullish collescing operators :D I can't run this yet cos chrome 80 hasn't landed in debian. looks like it still requires more chars than using existing objects though.
u/tomxor

Hmm, getting a syntax error for browsers who don't support the syntax seems to permantently break the dweet, I have to copy paste to manipulate it.

show FPS hide FPS share 1 remix fullscreen

ElisionFR

function u(t) {

c.width=c.clientWidth
c.height=c.clientHeight
c.a=c.a?c.a:[0,0]
c.onmousemove=e=>c.a=[e.pageX,e.pageY]
x.fillRect(c.a[0]-25,c.a[1]-25,50,50)

Feb 23 2020 12:42 PM UTC

}// 140/140

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

Getting mouse position. Can someone make it in less characters ?

Show more comments…
u/tomxor

c.onmousemove=e=>{c.x=e.x,c.y=e.y};x.fillRect(c.x-25,c.y-25,50,50)
u/tomxor

Even smaller: c.onmousemove=e=>R=e x.fillRect(R.x-25,R.y-25,50,50) R can be any existing object of course
u/tomxor

Oh also can define global mousemove event rather than on c: onmousemove=e=>R=e;x.fillRect(R.x-25,R.y-25,50,50) pretty sure that's as far as it goes, -44 chars
u/tomxor

If you are happy without full screen you could also ommit the width/height and multiply by an appropriate constant: c.width|=onmousemove=e=>R=e;x.fillRect(R.x*3.4-25,R.y*3.4-25,50,50) that's -73, now you have some space to do something.
u/tomxor

hah, i did this before but forgot: https://www.dwitter.net/d/12717
u/tomxor

#mouse
u/ElisionFR

Nice ! Thanks !

show FPS hide FPS share fullscreen

ElisionFR

function u(t) {

c.width=1920
w=1920/256
for(i=0;i<256;i++){
h=1080/(256/i)
x.fillRect(1920/2-w*10/2+S(t+2*2*i/256)*(1920/2-w*10/2),1080/2-h/2,w*10,h)
}

Feb 17 2020 4:37 PM UTC

}// 135/140

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

My first Dwitt :)

You've reached the end.

dwitter.net | ElisionFR (39)