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

gpolonus

remix of d/17827 by u/gpolonus

function u(t) {

t?0:p=q=0
f=(a,b,c,d)=>x.moveTo(a,b)|x.lineTo(c,d)|x.stroke()
onmousemove=e=>((a,b)=>f(a,b,q,p)|f(2e3-a,b,2e3-q,p)|(q=a,p=b))(e.x*3.4,e.y*3)

Mar 4 2020 6:44 PM UTC

}// 140/140

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

Mirror lines #interactive

u/gpolonus

The cursor if off in the y direction. I wanted to change the 3 multiplier to 3.4 but couldn't figure out where to save characters. Any suggestions would be much appreciated!

show FPS hide FPS share 1 remix fullscreen

gpolonus

function u(t) {

c.width/=1
onmousemove=e=>c.a=e.x
f=(a,y)=>x.fillRect(a,y,9,9)
for(i=0;i++<2e3;)f(i,S(t+i)*c.a+500)

Mar 3 2020 10:39 PM UTC

}// 99/140

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

#interactive tube

u/gpolonus

need to mousemove to get it started

show FPS hide FPS share 1 remix fullscreen

gpolonus

function u(t) {

f=(a,y)=>x.fillRect(a,y,9,9)||f
t||c.addEventListener('mousemove',e=>((a,y)=>f(a,y)(2e3-a,1e3-y)(a,1e3-y)(2e3-a,y))(e.x*3.4,e.y*3.4))

Mar 3 2020 7:17 PM UTC

}// 133/140

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

Shorter 4 mouse cursors

show FPS hide FPS share fullscreen

tomxor

remix of d/17768 by u/tomxor

function u(t) {

eval(unescape(escape`𫠽𭀿𫠮𫑡𬀨𚁛𦀬𦐬𠐬𠡝𚐽🠨𮀮𨡥𩱩𫡐𨑴𪀨𮀮𫑯𭡥𥁯𚁘𛁙𚐬𮀮𫁩𫡥𥁯𚁘𚰽𠐬𦐫👂𚐬𮀮𫁩𫡥𥱩𩁴𪀽𚁁𚡂𚐪𚠮𝐬𮀮𬱴𬡯𪱥𚀩𚐬𦱘𛁙𛁁𚠮𝰫𚁃𛑘𚐯𞐬𠠪𛠷𚰨𤰭𦐩𛰹𧐩𚐺𦱝𞱯𫡭𫱵𬱥𫑯𭡥🐨𮱸𛁹𯐩🐾𫡛𭀪𝠰𙠶𜱝👛𠰽𮀪𜰮𝀬𤰽𮐪𜰮𝀬𜀬𜁝`.replace(/u../g,'')))

Feb 27 2020 6:50 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 #calligraphy #paint #brush #particles

u/tomxor

The brush pressure is derived from velocity and direction (so more caligraphic)
u/BriSeven

I love how it feels simultaneously precise and digital and messy analogue.
u/tomxor

Thanks :) The dynamics can be easily tweaked too, A*.7 and B*.7 are the inertia (could interpret as how articulated the brush is) and (C-X)/9 and (S-Y)/9 are distance based attraction to pointer (could interpret as bristle length maybe?)
u/katkip

Awesome!
u/magna

WOW!

show FPS hide FPS share 2 remixes fullscreen

tomxor

remix of d/17761 by u/ElisionFR

function u(t) {

c.width=innerWidth
n=t?n.map(([A,B,X,Y])=>[A,B+.6,X+A/4,Y+B/4,x.fillRect(X,Y,3,3)]):[]
onmousemove=({x,y})=>n[t*60&255]=[x-C,y-S,C=x,S=y]

Feb 27 2020 12:12 AM UTC

}// 137/140

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

#interactive #particles #physics

u/tomxor

lol nmap
u/katkip

Awesome!
u/aleamb

amazing!
u/DataMeta

haha dude niice

show FPS hide FPS share fullscreen

Odog8

function u(t) {

eval(unescape(escape`ⅴ☦⡁㵂㴰⤻䴽䵡瑨⹡扳㭣⹷楤瑨㵩湮敲坩摴栻砮景湴㴧㍥洢✻潮浯畳敭潶攽攽㸨堽攮砬夽攮礩㭸⹦楬汔數琨✽ħⱘⱙ⤻砮晩汬呥硴⠧伧ⱁⱂ⤻䄭㵍⡁ⵘ⤯⡁ⵘ⬮ㄩ㭂ⴽ䴨䈭天⼨䈭夫⸱⤻
`.replace(/u(..)/g,'$1%')))

Feb 26 2020 11:58 PM UTC

}// 131/140

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

Cat & mouse test

u/aleamb

#interactive

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

hotdogninja76

function u(t) {

t?z=3.3:X=Y=D=0;onmouseup=onmousedown=e=>D=50*e.buttons;onmousemove=e=>{X=e.x*z;Y=e.y*z;x.fillRect(X,Y,D,D)};x.fillStyle=D>50?"#fff":"#000"

Jan 9 2020 2:28 PM UTC

}// 140/140

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

Drawing Program. Left Click to draw, Right Click to erase

u/aleamb

#interactive

dwitter.net | #Interactive