New #mouse 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

pavel

remix of d/18577 by u/trusktr

function u(t) {

c.parentNode.style='perspective:4in';onmousemove=e=>c.style=`background:tan;transform:rotateY(${e.x-284}deg)rotateX(${160-e.y}deg)scale(.7)`

May 3 2020 2:29 AM UTC

}// 140/140

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

Tan plane looking at your mouse

u/pavel

#interactive #mouse
u/pavel

I tried doing this in js but its just too hard to fit!
u/pavel

168 c.width|=onmousemove=e=>T=e;b=.6-T.y/264;e=g=>C(i)*g(1-T.x/264);f=g=>S(i)*g(b)+e(S)*g(b-1.6);for(i=.8;i<6;x.fill(x.lineTo(960+e(C)/z,540-f(C)/z)))i+=1.57,z=(2+f(S))/960
u/pavel

This post looks better with rotation angles divided by 2 but I couldn't figure out how to fit it.

show FPS hide FPS share 1 remix fullscreen

trusktr

function u(t) {

eval(unescape(escape`𨰿𚁮👣𛁣🐰𛁯𫡭𫱵𬱥𫑯𭡥👥🐾𮱶🐮𝐪𩐮𨱬𪑥𫡴𦀻𫠮𬱴𮑬𩐽𨁢𨑣𪱧𬡯𭑮𩀺𪁳𫀨𙁻𭡽𛀵𜀥𛀵𜀥𚐻𭁲𨑮𬱦𫱲𫐺𬡯𭁡𭁥𦐨𙁻𭡽𩁥𩰩𨁽𛁢👮𛡰𨑲𩑮𭁎𫱤𩐬𨠮𬱴𮑬𩐽𙱰𩑲𬱰𩑣𭁩𭡥𞠸𜀰𬁸𙰬𨠮𬁲𩑰𩑮𩀨𙱍𫱶𩐠𭁨𩐠𫑯𭑳𩐮𛠮𙰩𚐺𜀠`.replace(/u../g,'')))

May 2 2020 11:17 PM UTC

}// 136/140

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

Hello! I am new to dwitter; testing the waters out. This is interesting!

u/pavel

Nice idea, almost no js! #interactive #mouse
u/trusktr

Thanks! :D
u/trusktr

u/pavel Thanks!

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

KilledByAPixel

remix of d/17720 by u/tomxor

function u(t) {

c.style.cursor='none'
onmousemove=e=>{c.width=innerWidth,x.font='3em"',x.fillText('🐁',e.x,e.y)}

Feb 23 2020 8:11 PM UTC

}// 95/140

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

#mouse position using innerWidth

u/ElisionFR

Where does innerWidth come from and why does it stop working when I put it outside the event ?
u/ElisionFR

Never mind, if I do that c.width= clears the canvas
u/tomxor

innerWidth is just a global (on window) which in the context of the dweet is the iframe which is conveniently the same size as the canvas... It does work outside of the event handler but you have to remember to move the draw function out as well since it will only draw when mouse is being moved.
u/pavel

onmousemove=e=>x.fillText('🐁',e.x,e.y,c.width=innerWidth,x.font='3em"')
u/KilledByAPixel

nice pavel

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/17716 by u/ElisionFR

function u(t) {

c.width|=0;x.font='99px m'
c.style.cursor='none'
onmousemove=e=>R=e
x.fillText('🐁',R.x*3.4,R.y*3.4)

Feb 23 2020 2:29 PM UTC

}// 99/140

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

Mouse Position

u/tomxor

#mouse
u/KilledByAPixel

another way to do it is c.width=innerWidth, then the mouse pos will match up exactly

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 1 remix fullscreen

f8f82804

remix of d/855 by u/mxfh

function u(t) {

eval(unescape(escape`𭀿𬰽𚁣𛡷𪑤𭁨𧠽𫱮𫑯𭑳𩑭𫱶𩐽𧰽🡢👟𛡸𚐯𝀺𨐽𨠽𜐮𝐷𞱦𫱲𚁱👲👡𞰨𬐭🐱𛱳𚐾𛑡𞱸𛡬𪑮𩑔𫰨𠰨𬐫𨠯𞐹𚐪𤰨𬠭𭀩𚡳𚰲𚡳𛀨𠰨𭀫🐱𛱳𚐪𤰨𬐩𚱃𚁱𚐪𠰨𬠭𭀩𚐪𬰫𬰩𚑲𚰽𨐻𮀮𬱴𬡯𪱥𚀩`.replace(/u../g,'')))

Nov 8 2019 5:13 PM UTC

}// 118/140

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

#interactive #mouse #remix

u/kimeiga

wow i would love to learn how this magic works :o incredible!

show FPS hide FPS share fullscreen

RealPeha

function u(t) {

eval(unescape(escape`景爨甠潦⡴籼⡰㵛崬氽⡵ⱥⱯ㵲⠩⼲攳⤽㸨ㄭ漩⩵⭯⩥Ⱳ㵟㴾䵡瑨⹲慮摯洨⤪栩Ɐ湭潵獥浯癥㵵㴾吽甬挮睩摴栽栽㘰〬瀮灵獨⡻砺爨⤬示爨⥽⤬瀩⥸⹦楬汔數琨✰✬甮砽氨甮砬吮灡来堩Ⱶ⹹㵬⡵⹹ⱔ⹰慧教⤩`.replace(/u(..)/g,"$1%")))

Oct 31 2019 3:09 PM UTC

}// 139/140

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

#mouse

u/Xen

ooo sexy!
u/lionleaf

#interactive Fun!

show FPS hide FPS share 1 remix fullscreen

RealPeha

function u(t) {

for(c.width=999,c.q+=.1,onmousemove=i=>(c.q=0,f=i.pageY),i=0;i<50;i++)x.strokeRect(r=99,h=i*5-2**-c.q*C(c.q)*r/f*i,9,9);x.fillRect(55,h,r,r)

Oct 19 2019 7:38 PM UTC

}// 140/140

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

Spring

u/RealPeha

move your mouse, ignore error and reload page if frame timed out
u/RealPeha

#Interactive #mouse

dwitter.net | #mouse