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 fullscreen

Xen

remix of d/6296 by u/BirdsTweetCodersDweet

function u(t) {

x.fillStyle=`hsl(${t*(Z=540)/4},50%,50%)`;x.fillText('Test',Z+61*S(t),Z+S(t*t)*t);x.font='70ex"'

Jan 22 2018 12:12 AM UTC

}// 96/140

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

u/Qwitter

Pass with flying colors
u/BirdsTweetCodersDweet

nice!
u/BirdsTweetCodersDweet

gets kinda shaky after a bit though :P
u/BirdsTweetCodersDweet

x.fillStyle=hsl(${t*(Z=540)/4},50%,50%);x.fillText('Test',Z+61*S(t),Z+S(t));x.font='70ex Helvetica' for purely lateral motion... ;D

show FPS hide FPS share fullscreen

jonathan_b

remix of d/6300 by u/jonathan_b

function u(t) {

for(c.width|=s=i=504;i-=9;x.beginPath())q=S(t*i/s),x.arc(s*2+i*q,i/2+C(q)*i,20,0,7),x.lineWidth=i,x.strokeStyle=R(i/q,q*s/2,i/2),x.stroke()

Jan 21 2018 11:31 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

Turknicolor
u/jonathan_b

:)

show FPS hide FPS share 1 remix fullscreen

yonatan

function u(t) {

k=7/3
x.globalAlpha=.01
for(t?i=0:X=Y=0;i<1e4;i++)x.fillRect(960+X*250,540+Y*250,1,1),n=S(-k*Y)+C(-k*X),Y=S(k*X)+.7*C(k*Y),X=n

Jan 21 2018 10:59 PM UTC

}// 126/140

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

u/Xen

attractive
u/Xen

done you a remix d/6308

show FPS hide FPS share fullscreen

rikardlindstrom

remix of d/6237 by u/rikardlindstrom

function u(t) {

c.style.background=R();with(x)strokeStyle=`HSLA(${t*99},79%,80%,.2)`,beginPath(stroke()),arc(960+S(1.95+t)*54*t,540+C(1.95+t)*54*t,1E3,0,7)

Jan 21 2018 9:12 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/iverjo

Worth the wait <3
u/Qwitter

Nice! reminds me of those experiments looking for plant auras
u/Xen

nice style!
u/rikardlindstrom

@Qwitter, plant auras? I'm intrigued!
u/Qwitter

https://en.m.wikipedia.org/wiki/Kirlian_phot…

show FPS hide FPS share 1 remix fullscreen

jonathan_b

remix of d/6285 by u/jonathan_b

function u(t) {

for(c.width|=s=i=504;i-=3;x.beginPath())q=C(i*t/s+i),x.arc(s*2+s*q,s+s/2*S(i),i,0,7),x.lineWidth=i,x.strokeStyle=R(q*i,-i/q/4,i),x.stroke()

Jan 21 2018 8:53 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

Xen

remix of d/6281 by u/Punky

function u(t) {

for(Z=i=2e3;i--;x.fillRect(960+((i/60)%1)*S(i*t)*Z,i*C(t),1,o))x.fillStyle=R(o=i*(S(t+i)*i)%256,i^o,t*Z%o,.1);x.drawImage(c,C(t*Z)*Z,T(t*Z))

Jan 21 2018 8:04 PM UTC

}// 140/140

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

Shoutz 2 Punky

u/iverjo

I'm having trouble tuning in on this dweet ;P

show FPS hide FPS share fullscreen

Knifa

function u(t) {

w=2e3
with(x){lineWidth=99
beginPath(stroke())
q=T(t)*w
r=C(t)*w
moveTo(-q+w,-r+w/2)
lineTo(q,r)
fillStyle=R(q,w,r,.1)
fillRect(0,0,w,w)}

Jan 21 2018 7:52 PM UTC

}// 138/140

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

u/Xen

smooth

show FPS hide FPS share fullscreen

Qwitter

function u(t) {

a=530;m=t%28;c.width=2e3;x.beginPath();for(i=1;i<m+1;i++){p=3*t+i*6.28/m;x.lineTo(a*(2+C(p)),a*(1+S(p)))}with(x)closePath(),fill(stroke())

Jan 21 2018 5:00 PM UTC

}// 138/140

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

For some reason my phone does not require the x.beginPath(); command. (?)

u/sigveseb

afaik you don't need beginPath at all, since setting the width of a canvas resets it completely, including the current path
u/Qwitter

Thank you for your answer. It does work the same w/o beginPath on the phone's Safari browser, and i was able to get a little color with x.fillStyle=R(p);. However, it just makes a way to many verticied jumbled circular shape w/o it on the edge explorer (its a bad habit) on my computer. Another major difference I have seen between the phone andthe computer is in the results of using the 'HSVA' color coordinates, sometimes they look vastly different, but im not sure under what conditions that happens. Probably not worth investigating, but I'll note them here to spread some awareness.
u/Qwitter

*HSLA
u/Xen

part way between square and pentagon it gives a cube optical illusion ;)

show FPS hide FPS share 1 remix fullscreen

BirdsTweetCodersDweet

remix of d/6288 by u/augitesoul

function u(t) {

for(i=0;i<100;i++)x.fillStyle=`hsl(${t*T(i)},50%,50%)`;x.fillText('Test', 21*S(t),(2%S(t*t))*t+540,1e3);x.font=(200+'px C');

Jan 21 2018 4:54 PM UTC

}// 124/140

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

How about this? ~9 chars shorter, and it has rainbows, too!

u/Xen

or d/6307 , 28bytes shorter again and cleaned a bit! ;-)

show FPS hide FPS share 1 remix fullscreen

nickd3000

function u(t) {

m=150,n=v=>m*((S(5+i*t)*15)&v);for(i=0;i<30;i++){x.fillStyle=R(n(8),n(2),n(4)),x.fillRect(0,i*40,2e3,40)};x.fillRect(m,m,1600,810);

Jan 21 2018 4:06 PM UTC

}// 133/140

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

u/nickd3000

PRESS PLAY ON TAPE
u/BirdsTweetCodersDweet

Jesus... seizure warning, people! :D
u/iverjo

C64!
u/joeytwiddle

More than you ever wanted to know about C64 loading bars: https://www.youtube.com/watch?v=I0YmJluYb6Q