Random dweets | Dwitter

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: #Food

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 fullscreen

cantelope

function u(t) {

F=(v)=>("0"+((.5+v/2)*255|0).toString(16)).slice(-2)
for(i=1e3;i--;x.fillStyle="#"+F(S(v=i/70-t*4))+F(C(v))+F(-S(v)))x.fillRect(5*i,0,5,2e3)

Jun 27 2017 11:55 PM UTC

}// 140/140

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

I'm sure some of you can shorten this considerably.

u/alien

good sir what does F=(v)=> are you doing some functional programming here?
u/joeytwiddle

🏳️‍🌈
u/cantelope

@alien the F=(v)=> is indeed a function, using the short ES6 arrow syntax. Its purpose is to return a hex value between 0 and 255, (with a preceding 0 when value is less than 16). the hex code is then combined with 2 other hex codes to form a complete, valid color code in the form of #000000. There is a shorter way to do this but it results in exponentially fewer colors. sorry for delayed response.
u/New_Core

Using rgb colors instead of hex you dont need to struggel with converting. a=130;for(i=1e3;i--;x.fillStyle=R(a*S(v=i/70-t*4)+a,a*C(v)+a,-a*S(v)+a))x.fillRect(5*i,0,5,2e3) a here uses 130 of the 255 colors to match the same colors.
u/alien

thank you for the response @catelope

show FPS hide FPS share fullscreen

innovati

function u(t) {

for(i=0;i<9;i++){
  x.fillStyle=R(50*i*t%256,50*i,50*i)
  x.fillRect(910+i*S(t)*100,0,20*i,1080)
  x.fillRect(0,450+i*S(t)*100,1920,20*i)
}

Dec 18 2017 8: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).

show FPS hide FPS share fullscreen

taupelink

remix of d/15440 by u/taupelink

function u(t) {

for(i=z=d=e=f=369;i--;x.fillRect(d*z,e*z,1,1))[d,e,f]=[(r=Math.random()*20|0)/3+S(d+f),r%4+f*C(d+r),r%2+f/2],x.fillStyle='#'+[z,'963'][r%2]

Aug 21 2019 2:08 AM UTC

}// 139/140

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

d/15473

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

$='🗺🗺'
eval(unescape(escape`𨰮𭱩𩁴𪁼👆🐲𜀴𝐊𭱩𭁨𚁸𚑦𫱲𚁡𬡣𚁩🐱𜀲𜠬𝐴𜀬𝐰𜀬𜀬𝰩𛁦𪑬𫁒𩑣𭀨𜀬𜀬𡠬𡠩𞱩𛐭𞱦𫱮𭀽𙰹𞑥𫐢𙰩𨱬𩑡𬡒𩑣𭀨𪐿𚁓𚁩𚐪𜑥𞐫𭀪𪐯𞐩𙑆𞠰𛁩🱩𚠹𙑆𞠰𛁳👩🱩𙐹𞠨𨱬𪑰𚀩𛁆𚐬𬰩𒡸𛡦𪑬𫁔𩑸𭀨𙀬𛑴𚠹𞐥𡠬𜐰𝐰𚐻`.replace(/u../g,'')))

Apr 22 2020 12:16 AM UTC

}// 139/140

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

🌎

u/KilledByAPixel

#earth #globe #space #planet

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/13816 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`挮睩摴桼㴰㭦潲⡩㴳〰㭩ⴭ㭸⹲敳瑯牥⠩⥸⹳慶攨⤬砮瑲慮獬慴攨椪㤹┲攳Ⱘ匨椩⨱改⵴⨨㈹㤫椩⤥ㄴ〰ⴱ㔰⤬砮牯瑡瑥⡩⤬砮景湴㴨㌫椥㤩⬢敭✢ⱸ⹦楬汔數琨却物湧⹦牯浃桡牃潤攨㤸ㄷ⬵⩓⡩⨪㈩⤬〬〩`.replace(/u(..)/g,"$1%")))

May 16 2019 6:21 PM UTC

}// 139/140

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

Curiouser and curiouser!

show FPS hide FPS share fullscreen

Axioplase

remix of d/33847 by u/Axioplase

function u(t) {

c.width=2e3
for(i=0;i<(z=50);i++){x.fillRect(a=i*99,-z*i+Math.max(0,((t%12)-S(i*100+(t%12)))*200)-200,z,100);x.fillRect(a+z,0,z*S(t+i),2e3)}

May 23 2025 9: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).

show FPS hide FPS share fullscreen

pieslice

function u(t) {

for(n=1080;n-=20;)for(m=1920;m-=20;){o=m/100;p=n/100
v=S(o+t)+S(p+t)+S(o+p+t);v*=3
x.fillStyle=R(S(v)*255, C(v)*255)
x.fillRect(m,n,20,20)}

Jan 22 2018 1:58 PM UTC

}// 139/140

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

u/Qwitter

Cool

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/21974 by u/KilledByAPixel

function u(t) {

t?x.fillStyle='#0031':X=Y=Z=0
for(x.fillRect(0,0,i=2e3,i);i--;X*=s=.999,Y*=s)x.clearRect(960+(X+=C(Z+=S(t*9^i))),540+(Y+=(S(Z))),1,1)

Mar 16 2021 5:53 AM UTC

}// 133/140

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

Electron

u/magna

Wild!

show FPS hide FPS share fullscreen

afs

function u(t) {

c.height=108;c.width=192;for(i=0;i<192;i++)for(j=0;j<108;j++){h=i*j*S(t*2.5)%256;x.fillStyle='hsl('+h+',80%,25%)';x.fillRect(h+96,i+j,1,1);}

Oct 6 2019 5:12 AM UTC

}// 140/140

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