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

lulasz

function u(t) {

z=200
x.fillStyle=R(S(t)*z,S(t*2)*z,S(t*3)*z)
x.fillRect(c.width/2+S(n=t*99)*z/2+(C(t)*z),c.height/2+C(n)*z/2+(S(t)*z),p=z/15,p)

Feb 24 2020 3:19 PM UTC

}// 128/140

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

Rainbow Donut

u/Xen

nice!

show FPS hide FPS share fullscreen

New_Core

remix of d/17718 by u/yonatan

function u(t) {

for(c.width|=k=i=960;i--;x.strokeRect(k-i+i/3*S(t+k/i/2),540-i+i/9*C(t+k/i/3),i*2,i*2))x.setLineDash([t+k/i&1?i/2:i])

Feb 24 2020 2:01 PM UTC

}// 117/140

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

imagin walking in that corridor

u/lulasz

Love it

show FPS hide FPS share fullscreen

lulasz

function u(t) {

x.fillStyle = R(255-C(t)*128,64+S(t)*128,128+S(t)*128);
for(i=0;i<t;i++)
x.fillRect(t*99,c.height/2+C(t*9)*S(t)*190,5,99)

Feb 24 2020 11:58 AM UTC

}// 126/140

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

Life

show FPS hide FPS share fullscreen

django

function u(t) {

w=1920;h=1080;if(t>=3.3)return;
for(i=0;i++<10;)j=C(t/2)*S(i/2)*h/3+w/2-4,k=S(t/2)*C(i/2)*h/3+h/2-4,
x.fillRect(j,k,8,8)

Feb 24 2020 7:33 AM UTC

}// 120/140

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

freeze frame

show FPS hide FPS share 1 remix fullscreen

iznax

function u(t) {

eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪀽𝠴𜀬𩐽𞀬𨐽𭀥𜠯𜠬𪠽𚁴🠾🐱𚐪𜰦𝰬𦐽𮠽🠫𚱺𚠶𝀬𮀮𩡯𫡴🐧𝁥𫐢𙰬𩀽𦐨𪠩𛁸𛡦𪑬𫁔𩑸𭀨𘡜𭑻𜑦𜱣𜁽𘠬𩀫𚁙𚀫𚱴𚠳𙠷𛀩𛑤𚐪𨐬𜠴𜀭𤰨𨐪𜰩𚠱𜠰𚐻𩐭𛐻𚑸𛡦𪑬𫁔𩑸𭀨𨐼𛠵𙡥🐽𪠿𘡜𭑻𜑦𝀲𜱽𘠺𘡜𭑻𜑦𞐵𨑽𘠬𦐨𩐩𛀳𜀰𚐻`.replace(/u../g,'')))

Feb 24 2020 5:42 AM UTC

}// 140/140

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

More Tricksy Eggzes #eggs

u/KilledByAPixel

Great! 🐔

show FPS hide FPS share fullscreen

yonatan

remix of d/17718 by u/yonatan

function u(t) {

with(x)for(c.width|=k=i=960;i--;strokeRect(i,i,q=i*-2,q))setLineDash([k/i&1?i/9:i]),setTransform(a=C(z=lineWidth=i/k/2),b=S(z-t),a,-b,k,540)

Feb 23 2020 9:33 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

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

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 fullscreen

rodrigo.siqueira

remix of d/9776 by u/yonatan

function u(t) {

F=f=>f(i)*(i)*i%19+t*f(i*i)*i**.3
for(i=5e3;t<8&&i--;x.fillRect(F(C)*9+970,800+F(S)*6-t*t*4,1,1))
x.fillStyle=`hsl(98 50%${t*5-F(C)/8}%`

Feb 23 2020 6:51 PM UTC

}// 136/140

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

#grass #growth #waitforit

u/tomxor

Oooh i want to fondle it 🤤
u/Xen

fullscreen!
u/tomxor

srsly #waitforit this is awesome
u/DataMeta

Haha wow!

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/17674 by u/Layl

function u(t) {

r=Math.random
t%2<.1&&(x.beginPath(R=1),x.fillStyle=t&2?'#fff1':'#2042')
R*=1.07,v=r()*R
x.lineTo(960+1.5*C(a=r()*99)*v,540+S(a)*v)
x.fill()

Feb 23 2020 6: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).

Endless Purple Crystal Growth

u/joeytwiddle

A dweet using a similar approach with rectangles: d/12819