Dweets awesomed by u/JeremyLikness

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 2 remixes fullscreen

retera

function u(t) {

n=10;f=Math.abs(t%2-1);for(i=0;i<c.width/n;i++)for(j=0;j<c.height/n;j++){x.fillStyle=R(i+f*100,j+f*100,255-j-i+f*n);x.fillRect(i*n,j*n,n,n)}

Dec 28 2017 6:18 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/joeytwiddle

#color

show FPS hide FPS share 6 remixes fullscreen

Exca

function u(t) {

t/=4;for(i=0;i<1100;i++){d=C(t+i),s=i==0?2920:9-d*8;x.fillStyle=R(i,i,i,0.1);x.fillRect(S(t*2.5+i)*220*S(C(t)+i%50)+960*(i==0?-1:1),i,s,s);}

Dec 27 2017 7:58 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 more comments…
u/magna

Wow!
u/Xen

impressive first 2 dweets
u/sigveseb

Very nice
u/mrremix

i really like this one... might do a remix later :]
u/CliffJonesJr

I remixed this into a tornado: https://www.dwitter.net/d/4590
u/lionleaf

#twister
u/Cloud

Milk path
u/vain

cool looking twister / tube

show FPS hide FPS share 1 remix fullscreen

JeremyLikness

function u(t) {

x1=Math.random();r=x1*2+2;for(i=0;i<200;i++){x1=r*x1*(1-x1);x.fillStyle=R(0,127,50+i,0.3);x.fillRect(r*960-1920,1080-x1*1080,1,1);}

Dec 27 2017 3:14 PM UTC

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

Xen

remix of d/3697 by u/Citiral

function u(t) {

for(c.width|=i=w=1e3;i>=0;i-=9)for(j=1e3;j>=0;j-=9)I=S(t*2)*i-w/3,J=j*C(t*2)+1e3/2,x.fillRect(500+i,j,o=7-C(Math.sqrt(I*I+J*J)/9+frame)*4,o)

Dec 26 2017 10:09 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 fullscreen

Xen

function u(t) {

t?x.drawImage(c,C(t),S(t*2)*6):c.width=99,x.fillText('Welcome To Dwitter',1,29),x.fillStyle=`hsl(${t*199},99%,50%)`

Dec 26 2017 9:13 PM UTC

}// 115/140

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

u/lionleaf

Welcome to all the new people from /r/programmer, hackernews and twitter! :D
u/Xen

fresh blood lol! welcome to the jungle, take a look around ;-)
u/sigveseb

oh god the colors:P and welcome to all
u/j0bit

o.O what the heck is going on in this syntax?
u/iverjo

@j0bit: Search for "JS Template Literals" and "JS Ternary Operator" on the internet
u/j0bit

Cool, appreciate it.

show FPS hide FPS share fullscreen

Xen

remix of d/697 by u/p01

function u(t) {

for(n=221;n-=r=i=1/64;x.fillRect(n%3*666,n*5,k,k))for(k=28;--k/r;i=j)j=2*r*i+1-n/99,r=r*r-i*i+1-n%3

Sep 4 2017 10:48 PM UTC

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

FireFly

remix of d/3005 by u/FireFly

function u(t) {

for(i=5e3;Z=(i--%4>1)+i/128;i%4||x.beginPath(x.fill()))X=i%128+2>>2,x.fillStyle=R(Y=S(X*X/32+Z*Z/32-X-Z-t*6)*80+99),x.lineTo(X*60,Z*35-Y)

Aug 3 2017 9:03 PM UTC

}// 137/140

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

Ripples! With proper quads instead. Add +Z*X-Z*16 after X*60 for perspective projection too (brings it up to 146)

u/FireFly

Another byte can be saved with with(x), but this causes a fair bit of slowdown for me. Thanks for some golfing tips from qfox and others on the jsgolf slack :)
u/cantelope

can't stop watching. def in my top 10 favs
u/iverjo

Very impressive!

show FPS hide FPS share fullscreen

cantelope

function u(t) {

F=(v)=>("0"+((.5+v/2)*255|0).toString(16)).slice(-2)
for(i=1e3;i--;x.fillStyle="#"+F(S(v=i/70-t*4))+F(C(v))+F(-S(v)))x.fillRect(5*i,0,5,2e3)

Jun 27 2017 11:55 PM UTC

}// 140/140

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

I'm sure some of you can shorten this considerably.

u/alien

good sir what does F=(v)=> are you doing some functional programming here?
u/joeytwiddle

🏳️‍🌈
u/cantelope

@alien the F=(v)=> is indeed a function, using the short ES6 arrow syntax. Its purpose is to return a hex value between 0 and 255, (with a preceding 0 when value is less than 16). the hex code is then combined with 2 other hex codes to form a complete, valid color code in the form of #000000. There is a shorter way to do this but it results in exponentially fewer colors. sorry for delayed response.
u/New_Core

Using rgb colors instead of hex you dont need to struggel with converting. a=130;for(i=1e3;i--;x.fillStyle=R(a*S(v=i/70-t*4)+a,a*C(v)+a,-a*S(v)+a))x.fillRect(5*i,0,5,2e3) a here uses 130 of the 255 colors to match the same colors.
u/alien

thank you for the response @catelope

show FPS hide FPS share fullscreen

New_Core

remix of d/438 by u/New_Core

function u(t) {

c.width=(a=1200)+500*S(t);q=99;x.font=3+'cm a';x.translate(960,540);x.rotate(t/3);for(i=320;i--;x.fillText("☕",i%24*q-a,i%26*q-a))x.fill()

May 26 2017 6:12 AM UTC

}// 138/140

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

u/13thptr

lol
u/13thptr

#rotozoom

show FPS hide FPS share fullscreen

aemkei

remix of d/2238 by u/aemkei

function u(t) {

r=500;c.width^=0;for(I=F=2;F>-2;F-=1/2e3)x.fillRect(C(F)*S(L=F*r-t)*r+999,S(F)*r+520,W=(20&((S(I+=.25032)*50)*C(.1+I/1000)*.7))*C(L/2),W)

Mar 21 2017 10:36 PM UTC

}// 137/140

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

the world …

u/sfz

you are a god.min.js
u/sigveseb

well done!
u/iverjo

#sphere #earth #globe
u/vain

What?? top ++++

dwitter.net | JeremyLikness (2902)