Dweets awesomed by u/robbyg

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

fujimotos

function u(t) {

c.width=320
for(j=12;j--;)for(i=90;i--;)
x.fillStyle=`hsla(99,${i}%,${i}%,.9`,
x.fillRect(S(t+i/30+S(j))*20+20*j,S(t*5+i/10)+i*2,i/2,i/2)

Jul 4 2018 1:09 PM UTC

}// 137/140

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

Weird Plants

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

alien

remix of d/8803 by u/alien

function u(t) {

t?1:(a=0,onkeydown=e=>a+=e.which) 
c.width=999
for(i=99;i--;){for(j=99;j--;u=S(i&j)*a){x.fillText(String.fromCharCode((9*t)^u),i*10,j*10)
}}

Jul 3 2018 9:54 PM UTC

}// 140/140

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

Not working for mobile, just press a key, let it iterate and explore patterns.

show FPS hide FPS share 2 remixes fullscreen

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))I=C(X*.4^Z+t*6),Y+=7*I,x.fillStyle=R(Z*50-Y*I/3)

Jul 3 2018 4:27 PM UTC

}// 138/140

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

I'm working on a version with green mountains and water but I need to shave a few bytes of this one first. Suggestions welcome

Show more comments…
u/alien

wow very nice
u/alien

is this what they call raymarching?
u/aleamb

yeeeeeeeeeeeeeeeeeeahh awesomeee!
u/aleamb

#3d #landscape #awesome
u/Agnes

Both 240, 120 and 60 are multiples of 60 so I think you can lose bytes by making 60 a constant... somehow. Right?
u/keithclark

@alien - no raymarching here. This is a cos() generated waveform, drawn from back to front.

show FPS hide FPS share 1 remix fullscreen

alien

remix of d/8790 by u/alien

function u(t) {

c.width=500
for(i=0;i<(w=99);i++){for(j=0;j<w;j++){x.fillText(String.fromCharCode(u=(i^j&j)+frame>>3),i*10,j*10)
x.fillStyle=R(C(u^i)*w*9)}}

Jul 2 2018 8: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).

won't work on mobile android... PCs and laptops are ok

show FPS hide FPS share fullscreen

jylikangas

function u(t) {

c.width|=P=(i,j,a,d)=>d&&x.stroke(new Path2D('M'+[i,j,i+=S(a)*99,j+=C(a)*99]))&P(i,j,a+C(d/2+t)/3,d-1)&P(i,j,a-C(t/2)/3,d-1);P(960,999,66,9)

Jul 1 2018 10:50 AM UTC

}// 140/140

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

Fractal in the wind

u/micahcowan

Beautiful!
u/aleamb

#fractal #path2d
u/fujimotos

Looks like silver grass.

show FPS hide FPS share fullscreen

micahcowan

remix of d/8786 by u/alien

function u(t) {

c.width|=t?1:u=s=0
s-=s<=0?s:2e-4
a=9
b=a*9
onclick=e=>s+=.05
x.setTransform(-(m=9*S(u+=s)),n=9*C(u),n,m,a*b,b*5)
x.fillRect(-a/2,-b/2,a,b)

Jul 1 2018 5:22 AM UTC

}// 139/140

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

Added friction to u/alien's original. #fidgetSpinner

u/alien

:D !!!! oh wow!!!!! that's so cool.

show FPS hide FPS share 2 remixes fullscreen

micahcowan

remix of d/8742 by u/micahcowan

function u(t) {

with(x)for(c.width|=i=n=23;--i;)F=((f,m)=>Math.abs(m-t*f(i*1.5/n)*2e3%(2*m))),beginPath(),arc(F(C,1920),F(S,1e3),30,0,7),fill()

Jun 30 2018 5:50 AM UTC

}// 127/140

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

Many more #ball s! n=100 makes a neat pattern

u/joeytwiddle

Nice work! #bounce

show FPS hide FPS share 3 remixes fullscreen

Feiro

remix of d/8739 by u/firegodjr

function u(t) {

with(x)for(fillRect(0,0,k=2e3,k);k--;beginPath(fillStyle="#0001"))arc(960,540,k/4,v=k%4*1.57+S(t*3-k/280)+t,v+.2),strokeStyle="red",stroke()

Jun 28 2018 11:07 AM UTC

}// 140/140

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

red is shorter than any other color! :D

u/firegodjr

Looks like a rose :D
u/Agnes

For the record, strokeStyle="tan" is as short as red.
u/magna

R(k) also seems to work
u/zanella

You can replace 1.57 with 1.6, and use this extra byte to use hex colors instead of red, like #0f0. ;)
u/zanella

Or, if you want to keep it really precise, replace *1.57 with /.64.

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.

dwitter.net | robbyg (49846)