Dweets awesomed by u/katkip

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

katkip

function u(t) {

p=Math.E;for(i=0;i<1080;i++){s=i==0?2920:9;x.fillStyle=R(i,i,i,.1);x.fillRect(S(t/p-t)*600*T(S(i%p-t))+960*(i==0?-1:1)-56,i*S(p*t+i),s,s);}

Jul 28 2018 6:24 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

katkip

function u(t) {

for(c.width|=i=256;i--;)x.fillRect(961+3*i*C(++t*0.23+i*i%6),512+S(--t-i-t%25)*i/2*2,i/9,i/4)

Jul 28 2018 6:22 PM UTC

}// 94/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

joeytwiddle

function u(t) {

c.width=1920
for(i=0;i<5;i++)x.fillRect(500+i*200,300,50,200)
x.strokeRect(900,700,50,200)

Jul 25 2018 3:06 AM UTC

}// 90/140

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

Sorry I couldn't resist #default #meme

u/Xen

:-D
u/katkip

#sorry xd
u/joeytwiddle

Needs x.lineWidth=8

show FPS hide FPS share fullscreen

Xen

remix of d/8838 by u/DataMeta

function u(t) {

for(i=54;i--;)for(j=19;j--;x.fillStyle=R(3*W,t*Z%W*T(t),Z*3,.05),x.strokeRect(X,Y,Z,W))x.fillRect(X=i*37,Y=j*59,Z=121*C(t+j),W=121*C(2*t-i))

Jul 10 2018 5:18 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/DataMeta

Stained glass of the future. I like it!

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

keithclark

remix of d/8799 by u/keithclark

function u(t) {

for(c.width=240,Z=5;Z>0;Z-=.1)for(Y=X=-60;X<60;x.fillRect(120+X++/Z*9,45-Y/Z,1/Z*24-Z,99))x.fillStyle=R(Y-=7*C(X*.4^Z+t*6),Z*50-Y,-Y/87<<8)

Jul 3 2018 11:50 PM UTC

}// 139/140

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

This one has water - not flat unfortunately. Had to trade off the pseudo-shading to fit the colour change int

u/zanella

OH MY GOD! I stayed out of Dwitter for a couple of days, and suddenly it has become Shader Toy! :)
u/hollo47

This is so good! #landscape
u/sigveseb

with water! #water
u/Cloud

WOOOOOOOOOOOOOOOOOOOOOOOW!!!!
u/rep_movsd

Underrated AF

show FPS hide FPS share fullscreen

firegodjr

function u(t) {

with(x)for(x.m=e=>fillStyle=e,m("#0001"),fillRect(0,0,2e3,2e3),D=i=500;i--;)m("#f0f"),fillRect(S(i)*S(C(i)/1.27-t)*D+960,C(i)*D+530,10,10)

Jul 3 2018 5:03 PM UTC

}// 138/140

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

Inspired to replicate https://www.reddit.com/r/loadingicon/comment…

show FPS hide FPS share 2 remixes fullscreen

magna

function u(t) {

c.width=240
with(x)font='6em"',fillText('👌',110,110),scale(-1,1),translate(-160,30),rotate(-1.57),fillText('☝️',-110,100+S(t*4)*10)

Jun 27 2018 2:57 PM UTC

}// 131/140

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

NSFW #nsfw #sorry

u/micahcowan

#emoji
u/Agnes

You could use clipping to have the pointing hand disappear into the OK hand if you placed the clip rectangle just right. I don't know how you would save up the characters though, maybe by using a for loop to only have one fillText call (but that would also eat characters with all the ?: statements you'd have instead).
u/magna

Yeah, clipping would make it awesome! Let's see if this can be golfed down significantly to open up space for some clipping.
u/Agnes

I posted a clipping remix. You can do scaling, translation and rotation in a single call to setTransform.

show FPS hide FPS share 2 remixes fullscreen

cantelope

function u(t) {

for(x.fillRect(0,0,i=(w=960)*2,i);i--;x.clearRect(w+(v=S(q=i/305+t)*Z)/(Z=C(q)*Z-8)*w,(S(i)-3)/Z*w-99,s=50/Z,s),x.fillStyle=R(v*40))Z=C(i)+4

Jun 22 2018 6: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).

show FPS hide FPS share 1 remix fullscreen

charlie.codex

function u(t) {

 z=[t,t/2]
H=(a,b)=>[1-a**2/16+b,-a]
W=(c,d)=>[c*100+960,540-d*100]
for(i=0;i<100;i++){
z=H(...z)
x.fillRect(...W(...z),5,5)}

Jun 22 2018 6:17 PM UTC

}// 125/140

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

u/magna

WOW
u/loni_art

i dont know what you are doing but i love it
u/Bugsy

Damn, that's a smart approach. I might need to copy it sometime :)

dwitter.net | katkip (33318)