Dweets awesomed by u/stiaje

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

richev

function u(t) {

x.lineCap='round'
x.lineWidth=20*t
x.beginPath()
c=6.28*t-1.5
x.strokeStyle=`hsl(${t*72},99%,60%)`
x.arc(960,540,270,c,c+.2)
x.stroke()

Aug 5 2018 6:54 AM UTC

}// 135/140

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

Expanding rainbow loop

u/lionleaf

Very satisfying to watch #rainbow #donut

show FPS hide FPS share fullscreen

firegodjr

remix of d/9106 by u/richev

function u(t) {

with(x)for(i=320;i--;stroke(),font="500pt x",fillText('☁️',i%2*a,a))beginPath(x.strokeStyle=`hsl(${-i-40},99%,60%`),arc(a=960,800,i+360,3,0)

Aug 5 2018 1:47 AM UTC

}// 140/140

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

Challenge accepted ^^

u/iverjo

Haha, I knew someone would accept that challenge ^^
u/lionleaf

#rainbow #clouds

show FPS hide FPS share 2 remixes fullscreen

richev

function u(t) {

for(i=390;i<690;i+=.1)
x.beginPath(),
x.strokeStyle=`hsl(${-i+680},99%,60%)`,
x.arc(960,900,i,3.14,0),
x.stroke();

Aug 5 2018 12:07 AM UTC

}// 114/140

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

A minimal rainbow - can anyone squeeze in a cloud at each end? (I ran out of characters)

u/magna

100: for(i=300;i--;x.stroke())x.beginPath(x.strokeStyle=hsl(${290-i},99%,60%),x.arc(960,1080,390+i,0,7)

show FPS hide FPS share 1 remix fullscreen

mvs202

function u(t) {

χ=S(t)*960
c=(h,a,b)=>{χ<0?x.fillStyle=`hsl(${h%360},99%,50%,0.2`:0
x.fillRect(960-χ,a,χ*2,b)}
c(t*53,0,300)
c(t*59,315,150)
c(t*47,480,600)

Aug 4 2018 3:45 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/katkip

This can be good as a animated desktop wallpaper
u/magna

Keeps on giving
u/iverjo

#colors
u/lionleaf

Beautiful! Broken on #Edge and some other #browsers though. Should be possible to fix, but tagging it now so it's easy to find later :)
u/mvs202

Yeah, the problem is Edge doesn't like the 4th parameter in hsl() - I would need hsla() for that. Surprisingly, no one bothered by the lack of a closing paran in the hsl function!

show FPS hide FPS share 3 remixes fullscreen

mangoose

function u(t) {

c.width|=0
x.lineWidth=3
for(i=0;i<(p=Math.PI)*10;i+=(1/(2*p)))
x.lineTo(960+(S(t+i*18)+C(i*4.5+t*.6))*250,540+480*C(t/2+i*9))
x.stroke()

Aug 3 2018 3:03 AM UTC

}// 137/140

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

u/Qwitter

attractive shape

show FPS hide FPS share fullscreen

atgz

remix of d/3202 by u/Starchaser

function u(t) {

c.width=1920;for(i=20;i--;){x.setTransform(1,0,0,1,960,540);x.fillStyle="tan",x.rotate(3.46/10*i-t);x.fillRect(-12,150+T(t+++i*3)*25,24,85)}

Jul 18 2018 8:19 AM UTC

}// 140/140

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

u/loni_art

funky
u/aleamb

cool!
u/stiaje

nice loading animation!

show FPS hide FPS share 1 remix fullscreen

keithclark

remix of d/8806 by u/keithclark

function u(t) {

for(Z=L=52,c.width=L*4;Q=Z--/9;)for(Y=X=L;X>-L;x.fillRect(X--/Q*9+99,L+U/Q,9/Q,L))Y+=7*C(X/2^Q*2+t*9),x.fillStyle=R(U=Y<L?Y:L,Q*L+U,U/L<<8)

Jul 9 2018 10:15 PM UTC

}// 139/140

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

Managed to create a flat sea. Had to trade off the nice distance fog effect.

Show more comments…
u/joeytwiddle

Awesome infinite #landscape
u/lionleaf

Amazing!
u/jylikangas

Love it! Well done!
u/iverjo

Wow!
u/lionleaf

#minecraft
u/zanella

Replace Y<L?Y:L with Y and you'll understand how the flat sea effect was achieved. Nice one. ;)
u/Conjuror

love it
u/vain

OMG - really hot shit :D

show FPS hide FPS share fullscreen

jylikangas

function u(t) {

x.fillRect(0,0,2e3,2e3)
for(u=29;u--;)for(v=65;v--;x.clearRect(960+(150+99*C(v))*C(U)*z,540+75*S(v)*z,z,z))z=60/(9+C(v)/T(t/2))*S(U=u/9+t/9)

Jun 23 2018 8:08 AM UTC

}// 140/140

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

Pulsating Torus

u/lionleaf

#torus
u/DataMeta

Marvelous!
u/iverjo

Well done!
u/Galaxtone

TypeError: u is not a function

show FPS hide FPS share 2 remixes fullscreen

joeytwiddle

remix of d/8010 by u/joeytwiddle

function u(t) {

for(c.width|=p=0;p++<1e3;x.fillRect(X+4,Y+4,w-8,w-8))r=p/4,k=2*t+r/50,x.clearRect(X=960+600*S(k)+r*C(p),Y=510+250*S(k/.5)+r*S(p),w=19+r/5,w)

May 7 2018 8:24 AM UTC

}// 140/140

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

Angry box worm

Show more comments…
u/joeytwiddle

Basically the same monster, just better presented
u/iverjo

Here's that same monster (from the side) after it eats one of those invincibility rainbow stars that Mario likes to consume: d/1806
u/iverjo

#worm
u/prplz

It looks like it's always getting closer, cool!
u/lionleaf

#organic
u/joeytwiddle

When it was younger: https://www.dwitter.net/d/1879
u/joeytwiddle

Lol u/iverjo, I get the tune in my head

show FPS hide FPS share 2 remixes fullscreen

jylikangas

function u(t) {

for(c.width=i=-9;++i<9;R=a=>x.lineTo(150+a*99/(z=j-t%1),z+90+(99+T(j+t&a+9|8)+a*a)/z))for(j=12;x.beginPath(x.stroke()),R(i),--j;R(i+1))R(i)

May 4 2018 7:27 PM UTC

}// 139/140

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

Wireframe World

Show more comments…
u/iverjo

So good!
u/firegodjr

jylikangas at it again with the golden dweets :D #wireframe #perspective
u/aleamb

epic dweet!
u/jylikangas

http://jsriffs.blogspot.com/2018/05/making-o…
u/donbright

speechless
u/vain

can you hear the 80th retro synth music? :D Cool work

dwitter.net | stiaje (10824)