Dweets awesomed by u/sj_

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

Agnes

function u(t) {

for(c.width|=i=M=20+~~t,x.font="128px A";i--;x.fillText("🐷",1920*i/M,540+300*S(6.4*i/M+t)));

Apr 26 2018 11:00 AM UTC

}// 92/140

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

Swine wave #swine #sine

Show more comments…
u/zanella

*applause*
u/Aezur

Swinewave function. Nice. :P
u/lionleaf

#emoji
u/sigveseb

Lol
u/lionleaf

Reference to typo on d/7779 🤣
u/iverjo

lol

show FPS hide FPS share fullscreen

lcfrdvx

function u(t) {

c.width=2e3
for(i=0;i<(l=300);i++){x.fillStyle=`hsl(${t*9+i},90%,60%)`
a=6.3/l*i
x.fillRect(960+i%8*C(a+t)*99,520+i%8*S(a+t)*C(a*2)*30,9,9)}

Apr 26 2018 7:52 AM 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 1 remix fullscreen

Agnes

function u(t) {

for(w=c.width|=i=9;i--;)x.rect(400+i*100+S(t)*300,400,50,200);x.clip();for(i=1e3,A=Math.random;i--;x.arc(w*A(),1080*A(),3*A(),0,7));x.fill()

Apr 25 2018 9:40 AM UTC

}// 140/140

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

Noisy default

show FPS hide FPS share fullscreen

hollo47

function u(t) {

c.width=g=999;for(i=-70;40>i;i++)for(j=1;80>j;j++)f=500*i,h=j-t%1,l(),f+=500,l();function l(){x.lineTo(500+f/h,(g+270*S(7*f))/h)}x.stroke();

Apr 24 2018 2:03 PM UTC

}// 140/140

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

Further learning perspective. Landscape experiment!

u/joeytwiddle

That's cool! #landscape #perspective
u/jylikangas

Nice! There are some golfing opportunities. 124 byte version...for(c.width=g=999,i=-70;40>i++;)for(j=80;--j;l(f+=500))(l=e=>x.lineTo(500+f/h,(g+270*S(7*f))/h))(f=500*i,h=j-t%1) x.stroke()

show FPS hide FPS share 1 remix fullscreen

DirtyDan

remix of d/7009 by u/DirtyDan

function u(t) {

with(x){lineWidth=b=44
fillStyle="#FFF"
for(i=0;i<b;i++)beginPath(),arc(960+S(a=t*i/b*4)*(d=i*t*S(t)),540+C(a)*d,i*3,0,b/7),stroke(),fill()}

Feb 20 2018 3:01 AM UTC

}// 140/140

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

If someone can shave 2 characters off, we can invert the colors! Like in d/7011

u/akm

here, I shaved off 10 chars: with(x)for(fillStyle="#FFF",i=0;i++<44;lineWidth=44)beginPath(arc(960+S(a=t*i/11)*(d=i*t*S(t)),540+C(a)*d,i*3,0,7),fill(stroke()))

show FPS hide FPS share fullscreen

snydej

function u(t) {

c.width|=0
for(i=5e3;v=i--/795;){
s=4*S(t)*S(5*v)
q=s*s
s*=1-q/3*(1-q/25)
k=100*(4-q*(1-q/14))
x.fillRect(960+k*C(s+=v+t),520+k*S(s),9,9)
}

Feb 19 2018 2:06 PM UTC

}// 139/140

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

Mostly an accident, but it looks cool anyway

u/DirtyDan

Pretty sure most dweets are, lol
u/artfarnaa

Every artist from every domain says same thing. Nothing great emerges without the author saying it was just an accident.
u/Lazy1337

Not always true in creative coding/demoscene tbh

show FPS hide FPS share 2 remixes fullscreen

snydej

remix of d/6990 by u/snydej

function u(t) {

c.width|=p=2.0943;[0,1,2].map(d=>x.fillRect(0,0,h=540,h,x.setTransform(s=S(q=d*p+t),C(q),S(q+=p),C(q),960,h),x.fillStyle=R(l=140+80*s,l,l)))

Feb 18 2018 7:10 PM UTC

}// 140/140

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

u/aleamb

cooooooooool
u/magna

WAAAAAA
u/zanella

Niiiiiiiiiice!
u/joeytwiddle

#cube #lighting #renderer
u/S.T.L.K.R.

wtf very nice
u/vain

amazing lightsources cube

show FPS hide FPS share fullscreen

snydej

function u(t) {

with(x)for(i=2;i--;beginPath(stroke()))
strokeStyle=`hsla(${30*t-50*i},90%,50%,.3)`,
ellipse(960,540,40*t,t>3?40*t-120:0,t+i*11/7,0,44/7)

Feb 18 2018 4:15 PM UTC

}// 137/140

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

u/iverjo

Best viewed in fullscreen

show FPS hide FPS share fullscreen

zox

function u(t) {

w=c.width|=0
for(i=1;i<9;i++){
x.arc(w/2,540,150+(45*i),S(t),7*S(t))
x.arc(w/2,540,150+(28*i),7*S(t),S(t))
x.lineWidth=2+T(t+i)
x.stroke()}

Feb 18 2018 5:30 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/aleamb

Capsule Corp. :)

show FPS hide FPS share 1 remix fullscreen

New_Core

function u(t) {

c.style.background="radial-gradient(#f73 5%,#113 "+(99*S(t))+"%)"
r=a=>S(a*8)
for(i=99;i--;)x.fillRect(i*25+r(i)*50,1080,50,-700+r(i*i)*99)

Feb 16 2018 10: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).

Show more comments…
u/Xen

nicely done
u/aleamb

nice!!
u/magna

Yes.
u/BirdsTweetCodersDweet

Cool!
u/sigveseb

Woow, I was 100% expecting the code to be an external network request. So good!
u/iverjo

Wow!
u/Kalanchoe

Beautiful
u/donbright

:p
u/donbright

i mean :o
u/zanella

The most awesome thing about Dwitter is how the quality of the dweets is constantly increasing. Everybody is learning new tricks and techniques from one another and doing more and more awesome stuff. :)
u/sj_

😍
u/New_Core

#city
u/joeytwiddle

#landscape #sunset

dwitter.net | sj_ (2822)