Dweets awesomed by u/innovati

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

cantelope

function u(t) {

for(w=(i=c.height=c.width=4e3)/2;i--;x.fillRect(w+X/Z*w,(25+S(t*5)*4+S(d/300-t*5)*4)/Z*w,s=500/Z,s))X=i%(v=64)-32,Z=-32+i/v|0,d=X*X+Z*Z,Z+=v

Aug 5 2018 10:39 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/lionleaf

#fabric #particles

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 fullscreen

yonatan

remix of d/7241 by u/yonatan

function u(t) {

for(i=j=c.width=99;i--;)for(X=i-50,Y=40;Y++<j;)h=S(t)+S(X/Y*9)*S(X/9+Y/5-t*9)**3,x.fillStyle=R(j+h*j,Y*h,i*h),x.fillRect(i,(Y-h*22)*Y/j,1,j)

Aug 4 2018 7:42 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

Agnes

remix of d/9088 by u/firegodjr

function u(t) {

F=n=>C(n)^T(n/t|0);x.drawImage(c,0,l=9);for(j=214;j--;)x.fillStyle='#'+F(j+t*60^-t*60+j).toString(16).padStart(3,'0'),x.fillRect(j*l,0,l,l)

Aug 4 2018 10:24 AM UTC

}// 139/140

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

Fractal Metropolis 1972

Show more comments…
u/katkip

Wow
u/joeytwiddle

Looks so cool and cyber, then come silly green smiley faces
u/katkip

That actually looks like a GOL
u/iverjo

Wow! Interestingly, this is the result of a long remix chain
u/fujimotos

The loop starts here: d/8940
u/donbright

i want a sweater like this
u/tomxor

I love this one!

show FPS hide FPS share 1 remix fullscreen

jylikangas

function u(t) {

for(c.width=i=714;i--;F(t+i/714+(i>>7)/9,-9))(F=(a,o)=>x.strokeRect(357+S(a)*290-o/(Z=C(a)+1+(t%6<3)),99+C(a*(t/6%4|0))*99/Z,o/=Z/2,o))(i,4)

Apr 17 2018 9:12 AM UTC

}// 140/140

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

CHOO CHOO! Let it run to see all the tracks. :)

Show more comments…
u/Agnes

This is your most unbelievable one so far. What the hell.
u/aemkei

Just WOW!!! I can even hear the sound
u/Galaxtone

I stil ldon't know how to make a 3d engine and a camera view that moves around in only 140 bytes
u/New_Core

Very good one...
u/stiaje

No, this is just not supposed to be possible!
u/sigveseb

so simple and elegant :))
u/magna

Dude!
u/nystrand

Outstanding!
u/Renaud___

so great OO
u/aleamb

superb!!
u/hollo47

No. This is not possible.
u/artfarnaa

He's somehow linking another JS :}}
u/lionleaf

Woah!
u/jylikangas

http://jsriffs.blogspot.fi/2018/04/making-of…
u/iverjo

This is really, really impressive!
u/prinzphi

Unbelievable!
u/lionleaf

#train #3d #camera #hashtag_testing
u/sigveseb

Nice Making-of article! <3 more of those please :))
u/sigveseb

#witchcraft
u/lionleaf

#amazing
u/lionleaf

#making_of #blog
u/aleamb

#rollercoaster
u/pythech

wtf! many thanks for the blog post
u/micahcowan

#wireframe
u/alien

WTF!!!!
u/katkip

Wow
u/f8f82804

#d3
u/donbright

YES
u/mpasula

this is just so fucking cool!
u/Tekmap

👏👏👏👏👏
u/stephanegeorget

OMG
u/vain

How? O.o I am very enthusiastic and at the same time speechless

show FPS hide FPS share fullscreen

cantelope

function u(t) {

for(w=(j=c.width=1e3)/2;j--;x.beginPath(x.stroke()))for(i=6;i--;x.lineTo(w+(50-j%99+S(p=2.51*i))/Z,281+(49-j*6%98+C(p))/Z))Z=1-(j*j/w+t/9)%1

Mar 30 2018 9:37 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/innovati

✨⭐️🌟💫
u/magna

Bravo. 5 stars. Or 500. Or 5000. I don't know.
u/cantelope

1k :)
u/Batrachus

Hail Satan
u/joeytwiddle

#starfield

show FPS hide FPS share fullscreen

function u(t) {

with(x)beginPath(),lineWidth=6,drawImage(c,8,8,1904,1064),strokeStyle=R(t*16&128,T(t)*8,T(t*80)*40),arc(960,540,600*S(t/8)+500,0,7),stroke()

Mar 30 2018 10:13 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/innovati

🌈🌀

show FPS hide FPS share fullscreen

yonatan

function u(t) {

onmousedown=_=>d++
X+=S(m=d*Math.PI/2)
Y+=C(m)
x.fillRect(X*9&2047,Y*9&1023,9,9)
};{X=Y=d=0

Mar 29 2018 8:49 PM UTC

}// 91/140

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

click to turn

u/fujimotos

Changing the callback to "x.fillStyle=hsl(${d++*25},50%,50%)" turns it into an abstract art generator :)
u/yonatan

swapping PI/2 for PI/5*6 gets you pentagrams :)

show FPS hide FPS share fullscreen

jylikangas

remix of d/7508 by u/fujimotos

function u(t) {

c.width=512
for(i=2e3;i--;x.fillStyle=R(v=255-i/5,v))x.fillRect((i&63)*9,89+(Y=i>>6)*8,9,t%12*S(i/Y+t))
x.scale(12,7);x.fillText('☼',2,t%12)

Mar 29 2018 5:47 PM UTC

}// 140/140

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

Another Fujimoto original gets a color treatment :)

u/fujimotos

SUNSET!
u/iverjo

#sun
u/joeytwiddle

#landscape #ocean #sea #sunset

dwitter.net | innovati (5642)