Dweets awesomed by u/dull_pixel

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

donbright

function u(t) {

c.width^=0
for(r=200;r--;)
for(a=199;a<1e3;a+=200)
θ=2*Math.asin(r/a*C(t)),
x.fillRect(1e3+r*(θ+S(θ)),200-r*(-3-C(θ)),9,9)

Sep 11 2018 5:40 AM UTC

}// 123/140

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

This is a set of 5 isochronous cycloidal pendulums, based on equations from Wikipedia. https://en.wikipedia.org/wiki/Cycloid and Rem088roy's illustration. Each pendulum takes the same amount of time to reach the 'bottom' because the bottom end of each one follows a Tautochrone Curve. https://en.wikipedia.org/wiki/Tautochrone_Cu… #cycloid #physics #pendulum #huygens

u/donbright

it's not perfectly accurate but its kind of close...
u/DataMeta

#smooth

show FPS hide FPS share 4 remixes fullscreen

DataMeta

function u(t) {

c.width|=i=768;x.transform(1,0,0,1,960,540)
for(i;i--;x.rotate(t/64))x.fillRect(i,i,i/8,i)

Sep 9 2018 4:12 AM UTC

}// 90/140

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

u/katkip

idk why but this was satisfying
u/f8f82804

#waitforit
u/rep_movsd

Hypnotic

show FPS hide FPS share 3 remixes fullscreen

yonatan

remix of d/9644 by u/yonatan

function u(t) {

c.width=-1;for(j=2e3;j--;x.fillRect(99+9*S(a=j/1250)*S(j)+50*S(m=t*3+a),75+25*(S(-a*5)+1)*C(j),3,7))x.fillStyle=R(q=(j&128)-C(j)**3*99,q,q)

Sep 3 2018 4: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).

Show more comments…
u/joeytwiddle

In 140, with #lighting/#shading? Amazing!
u/yonatan

Thanks, not very fishy tho (the shading). Most of the 44 extra bytes in the compressed version were the XY rotation.
u/joeytwiddle

Some #fish are black and white. Just not the ones in camera adverts and holiday brochures ;-)
u/donbright

shading is amazing
u/yonatan

@joey - it's not the color that bothers me, it's the lack of (specular) scales
u/joeytwiddle

Haha ok. #organic #sea #model
u/vain

I just don't have any words! Incredibly awesome !!
u/magna

Also, #default

show FPS hide FPS share fullscreen

yonatan

remix of d/9584 by u/yonatan

function u(t) {

for(w=c.width|=i=0;i<128;x[f](0,i++&&200+b,w,w))x.fillStyle=R(a=i**.5*24,a,a),o=i-S(t*2)*32,x[f='fillRect'](b=400+i*4,b/2,b,o<64&&o&8&&b)

Aug 31 2018 12:57 PM UTC

}// 137/140

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

#d3 #default ?

u/magna

#d3fault
u/Xen

smooth style
u/aleamb

stylish and beautiful
u/donbright

bravo

show FPS hide FPS share fullscreen

yonatan

remix of d/9345 by u/yonatan

function u(t) {

f=f=>(f(i)+f(z=i**.5)+f(t))*i/15-w
for(x[r='fillRect'](e=C(t),w=-600,i=2e3,i);i--;x[r](f(S)-e*w,f(C),z,z))x.fillStyle=R(q=(3-C(e-i))**4,q,q)

Aug 26 2018 9:07 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/f8f82804

#shading
u/joeytwiddle

Very cool! #lighting
u/firegodjr

Amazing!
u/DataMeta

Shader w/o compression is massively impressive
u/aleamb

incredible..
u/lionleaf

Very impressive! #d3 #snail #light
u/iverjo

Wow!
u/vain

stunning!

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/8414 by u/joeytwiddle

function u(t) {

t=9+t/5e2;for(c.width|=0,i=4e3;i--;x.beginPath())x.globalAlpha=.05,x.arc(S(i*i/1e4*t)*i/3+960,C(i*i/1e4*t)*i/4+540,i/30+2,0,7),x.fill()

Aug 1 2018 2:30 AM UTC

}// 135/140

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

Eye of the storm #heavy

Show more comments…
u/aleamb

wow!
u/iverjo

This is so cool! Also, in fullscreen it looks like the innermost part of the storm is slowly rotating clockwise #opticalillusion
u/katkip

#storm #clouds
u/magna

This is nuts!
u/Xen

Love It!
u/lionleaf

Times out on my phone. We should increase the timeout limit somewhat
u/joeytwiddle

In the end, we did!
u/joeytwiddle

Many of the start points exhibit patterns, e.g. t=98.99+t/2e2
u/vain

WTF? Amazing!
u/joeytwiddle

This was a happy accident. I was drawing a spiral, and thought "What if the arms rotate with i*i instead of i?" Of course, this makes the outer points spin faster, and distributes the points semi-randomly.

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

davidsharp

remix of d/8781 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(),font='90px a',fillText('⚽️',F(C,1920),F(S,1e3))

Jul 3 2018 8:42 AM UTC

}// 137/140

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

u/katkip

After 36 hours, it alignes again

show FPS hide FPS share fullscreen

New_Core

function u(t) {

t?c.width=-1:a=1
a+=(t%6)-3
x.arc(300+a,119-68*S(2*t%3.16),50,0,7)
x.stroke()
x.clip()
x.font="6cm A"
x.fillText("Dwitter",200*S(t)-200,160)

May 11 2018 9: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).

u/uchenna

please i'm new to javascript how can i use this code on my project
u/sigveseb

this is a cool one!
u/prplz

Nice! I didn't know about clipping
u/BuRRak

Cool! By commenting out clip you see what is going on a bit more!‮
u/fujimotos

#text
u/13thptr

#clip

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

dwitter.net | dull_pixel (15260)