Dweets awesomed by u/aemkei

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

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 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 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

magna

remix of d/8781 by u/micahcowan

function u(t) {

for(c.width|=i=n=23;--i;)F=((f,m)=>Math.abs(m-t*f(i*1.5/n)*2e3%(2*m))),x.fillText([...x.font='5em 🅓🅦🅘🅣🅣🅔🅡'][4+i%7],F(C,2e3),F(S,1e3))

Jun 30 2018 4:28 PM UTC

}// 133/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/micahcowan

Ha! Nice. 😀
u/micahcowan

Your use of ... '5em 🅓🅦🅘🅣🅣🅔🅡' to automagically limit it to one character, blew my damn mind. Is that your innovation, or did you get it from another? The useless JS things I learn here 😁
u/micahcowan

Wait, I'm amazed it even works, since those are each two chars in UTF-16. I thought JS deals in UTF-16, not -32? Is string subscripting more magical than I supposed? Time to go fishing through Ecma-262...
u/firegodjr

He's turning it into an array first, so the individual chars still act individually, and not as two UTF-16 chars. Array[x] works, String[x] only supports UTF-16.
u/micahcowan

Awesome, thanks. Had just figured that out when I refreshed the page to see if someone said that, heh!
u/micahcowan

You can see what's happening more clearly if you change 2e3 to 5e2. It's also interesting to set n=8, but then you also want to change 🅓🅦🅘🅣🅣🅔🅡 to 🅡🅓🅦🅘🅣🅣🅔
u/magna

@micahcowan It's a culmination of 1) spread syntax 2) using bullshit strings as font names that I've learned from others :)

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

magna

function u(t) {

x.fillRect(0,0,c.width=w=255,w)
for(i=99;i--;x.fill(x.arc((t*b*i+i*i)%w,99+b,5+b/5,!x.beginPath(),7)))b=i&1?1:-1,x.fillStyle=R(w,b*w,b*w,.2)

Jun 26 2018 3:22 AM UTC

}// 140/140

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

Highway at night #bokeh

u/lionleaf

I like it! #traffic
u/magna

2 chars shorter, yellow headlights: with(x)for(i=fillRect(0,0,c.width=w=255,w)|99;i--;fill(arc((t*b+i)*i%w,99+b,5+b/5,!beginPath(),7)))b=i&1?1:-1,fillStyle=R(w,b*w,b*w*.8,.2)
u/aleamb

absolutely beautiful, magna
u/joeytwiddle

Love it. Reminds me of Mercury - The Timeless. Would be great to get some z-axis going.
u/magna

Thanks folks!

show FPS hide FPS share 1 remix fullscreen

jylikangas

function u(t) {

c.width=900
for(j=9;j--;x.beginPath())for(a=T(t/j),i=16;i--;x.stroke())x.lineTo(200+j*60+S(t)*99+S(a+=(7-i)%2*11)*25,240+(i%4>>1)*99+C(a)*9)

Jun 24 2018 9:58 AM UTC

}// 140/140

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

Wireframe #default

Show more comments…
u/aleamb

greeeeat!
u/magna

YAY!
u/joeytwiddle

Brilliant
u/donbright

my gosh....
u/vain

great work / code !
u/joeytwiddle

That's not a #cube, it's eight cuboids!

show FPS hide FPS share fullscreen

Xen

remix of d/8706 by u/DataMeta

function u(t) {

x.drawImage(c,m=S(t),n=C(m*t));for(i=365;i--;x.fillRect(960+3*i*S(t-i/.3),540+S(i*t%i)*i*3,T(t)/n,T(i)/m))x.fillStyle=R(i*m/n,i*m,i/n,.2)

Jun 23 2018 2:05 PM UTC

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

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 fullscreen

Xen

remix of d/8699 by u/magna

function u(t) {

d=x.getImageData(t*3,Y=t*120%82,19,D=3).data
for(x.fillText(u,C=0,40);D<19;x.font=a="3em' ")C+=!d[D+=4]
x.fillText(a[C],t*44,Y*19)

Jun 22 2018 5:32 PM UTC

}// 130/140

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

quick play x

dwitter.net | aemkei (24135)