Dweets awesomed by u/AnnanFay

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 fullscreen

pavel

remix of d/7094 by u/AnnanFay

function u(t) {

for(k=c.width|=q=44;k--;x.fillRect(300*(h>0)*h*S(i=k/q)+q*j,99*h*C(i)+1e3*(h>0||h+1)-j*j%300,3,3))x.fillStyle=R(h=(t+C(j=k%q))%2-1,99,k,1-h)

Mar 5 2019 4:48 AM UTC

}// 140/140

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

#improved with fading droplets

show FPS hide FPS share fullscreen

jylikangas

remix of d/7171 by u/jylikangas

function u(t) {

for(i=110;i--;)for(j=64;j--;x.fillStyle=R(L*=1+j*i&79?(2+t%6)*j:200,x.fillRect(i*T,j*T,T=18,T),L*2))L=!(j/8<6+C(i-j-t)&(j/9>3+S(i|3)|j%7<1))

Apr 23 2018 9:32 AM UTC

}// 140/140

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

Neon city wakes up

Show more comments…
u/sigveseb

even better than before!
u/sigveseb

#city
u/BalintCsala

Sorry for the language, but what the fuck
u/iverjo

Nice! Better colors than your previous version https://www.dwitter.net/d/7171 #cityscape #pixel
u/hollo47

I love that there is so much going on in its 8bit aesthetic! Wouldn't mind this becoming a new trend!
u/zanella

The reflection doesn't match the buildings. Lame.
u/zanella

JUST KIDDING! It's freaking awesome!
u/jylikangas

Darn I knew there was a bug in there somewhere. :D
u/jylikangas

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

Thanks for the making of post, wish every cool dweet had one of those!
u/joeytwiddle

#landscape #scene #water
u/iverjo

#makingof

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

function u(t) {

c.width+=0;t?x.lineWidth=8:a=Array(1e3).fill(0);x.stroke(new Path2D('M960 540'+a.map((b,i)=>(a[i]+=S(i**3)*.01,'l'+C(b)*20+' '+S(b)*20))))

Apr 2 2018 11:01 AM 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

jylikangas

function u(t) {

c.width=300+S(t/2)*99
with(x)for(i=17;--i;fill())globalAlpha=.2,arc(X=99+i*S(t/3)*3,70,450/(Z=i-t*6%1),2.7,6.7)&rect(X-(z=150/Z),70+z,z*2,7)

Mar 31 2018 10: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).

Tribute to Strange Crystals

Show more comments…
u/iverjo

Very good tunnel!
u/p01

✨ You can save 3 bytes by replacing 2.7 and 6.7 by 9 and 13
u/jylikangas

Thanks! Improved version: c.width=W=350+C(t)*150 with(x)for(i=17;--i;fill())globalAlpha=.2,arc(X=W/2+i*S(t/3)*4,70,450/(Z=i-t*8%1),9,13)&rect(X-(z=150/Z),70+z,z*2,7)
u/iverjo

#tunnel
u/sigveseb

#witchcraft
u/pavel

Even better with(x)for(c.width=W=350+C(t)*150,i=17;--i;fill(rect(X-z,70+z,z*2,7)))globalAlpha=.2,z=150/(i-t*8%1),arc(X=W/2+i*S(t/3)*4,70,3*z,9,13)
u/vain

This psydo 3D programming is just too high for me! My biggest respect! ! ++++

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

AnnanFay

remix of d/7492 by u/AnnanFay

function u(t) {

c.width|=0
P.push(1+P[2*(1<<Math.log2(f++))-f])
x.fill(new Path2D('M960,540'+P.map(v=>'hv'[v&1]+'-| '[v&2]).join(s=60/t**.5)+s))}{P=[f=1]

Mar 27 2018 9:42 PM UTC

}// 137/140

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

Dragon Curve - filled version

u/Xen

love it!
u/joeytwiddle

novel presentation!
u/katkip

#julia #fractal
u/donbright

now thats a good way to draw a dragon

show FPS hide FPS share 1 remix fullscreen

AnnanFay

function u(t) {

c.width|=0
P.push(1+P[2*(1<<Math.log2(f++))-f])
x.stroke(new Path2D('M960,540'+P.map(v=>'hv'[v&1]+'-| '[v&2]).join(s=60/t**.5)+s))}{P=[f=1]

Mar 27 2018 9:41 PM UTC

}// 139/140

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

Dragon Curve

u/AnnanFay

This looks great when full screen otherwise the filled version will look much better d/7493

show FPS hide FPS share fullscreen

AnnanFay

remix of d/6692 by u/AnnanFay

function u(t) {

eval(Z)}{Z='',(D=async (d,p,...r)=>(Z+=/ f.*u\(t.*([^]*?) }/.exec(await(await fetch(d)).text())[1].slice(p),D(...r)))(888,0,7094,17)

Mar 25 2018 10:48 AM UTC

}// 132/140

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

Some site changes broke the original so here's an improved version. Numbers at the end are pairs of Dweet ID and offset.

u/BuRRak

uh

show FPS hide FPS share fullscreen

AnnanFay

remix of d/7263 by u/AnnanFay

function u(t) {

(async 淵=>eval((t<9&&記?記:(reset(記=1),記=/u.t. {\n([^]*?) }/.exec(await(await fetch(名=0|Math.random()*9e3)).text(),t=0)))[1]))();throw 名}{記=0

Mar 25 2018 9:56 AM UTC

}// 139/140

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

Slideshow v2.1: A minor bug fix. Previous versions no longer work because of dwitter improvements. Good news is we can now use }{ in dweets for one time code.

u/AnnanFay

See https://github.com/lionleaf/dwitter/issues/2… for details on the improvement.

dwitter.net | AnnanFay (4009)