Dweets awesomed by u/danny@hille.dk

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 fullscreen

magna

remix of d/2451 by u/cantelope

function u(t) {

x.fillRect(0,0,(w=960)*2,w*2)
for(i=99;i--;p=i/5+t,x.clearRect(w+1/(Z=3+C(p))*(i-50)*w/20,540+S(p)/Z*w,s=199/Z/Z,s))x.globalAlpha=.1

Apr 9 2017 6:01 AM UTC

}// 132/140

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

u/cantelope

nice! :)

show FPS hide FPS share fullscreen

magna

remix of d/2419 by u/magna

function u(t) {

c.width|=0;for(j=9;j--;)for(i=100;i--;s=S(t),X=i%5+j*10+s*30,Y=i/5|0,x.fillRect(400+X*10,400+Y*10,10,10,x.fillStyle=R(k=T(X^Y)*255,k,k)));

Apr 5 2017 9:59 PM UTC

}// 138/140

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

u/sfz

looks like masking!
u/magna

#default
u/sigveseb

Had to come back to say this one rocks!
u/magna

Thanks!

show FPS hide FPS share 3 remixes fullscreen

mxfh

function u(t) {

with(x)for(transform(X=16,0,0,X,540,540),fillText('𝘼𝙋𝙀𝙍𝙏𝙐𝙍𝙀',5,3);X-->9;fill(new Path2D(`M9 3a9 9 0 0 0 0-6l-5 7`)))rotate(.78)

Apr 3 2017 10:50 PM UTC

}// 127/140

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

«It's hard to overstate my satisfaction.»

Show more comments…
u/magna

🎂
u/sigveseb

Doesn't work on android, just see boxes with X inside :(
u/mxfh

just replace 𝘼𝙋𝙀𝙍𝙏𝙐𝙍𝙀 with Aperture. Which also is a bit heavy on the byte count.
u/mxfh

but you miss out on MATHEMATICAL SANS-SERIF BOLD ITALIC
u/magna

SHAME!
u/mxfh

the funniest thing about this is, that the kerning is a different kind of noticeably wrong on all platforms and browsers
u/donbright

all u need is to implement truetype rendering in 140 chars
u/mxfh

@dinbright kind of: https://www.dwitter.net/d/2417
u/Xen

love it!
u/iverjo

#path2d
u/mxfh

#text #logo #transform

show FPS hide FPS share 2 remixes fullscreen

magna

remix of d/2375 by u/magna

function u(t) {

x.fillRect(x.globalAlpha=.1,0,w=2e3,w)
for(i=半=500;i--;x.clearRect(2*半+i*C(T=t-(Math.random()<2e-4)*.2),半+i*S(T),8,8));

Apr 1 2017 2:47 PM UTC

}// 119/140

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

#radar

show FPS hide FPS share 2 remixes fullscreen

keithclark

function u(t) {

for(a=c.width^=0;d=C(--a+t)*S(b=a*1.2502),e=S(a+t)*S(b);x.fillRect(d*h+960,C(b)*h+540,i=h/40-5,i))h=900/(2-e)

Mar 25 2017 3:25 PM UTC

}// 109/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/recursive

Huge savings. I wonder what else could be added.
u/donbright

@recursive . ... https://www.dwitter.net/d/2306
u/keithclark

i'm trying to get rotation along 2 axes
u/keithclark

Try changing 1.2502 to different values for different patterns. For example: use 70.286 for death star
u/PeteAJ

A little confused by the for loop. The second statement just defines the variables d and e?
u/joeytwiddle

Here is an earlier version: https://www.dwitter.net/d/2278
u/joeytwiddle

#hiddengem
u/f8f82804

@PeteAJ I've used the same for trick before -- if either of a+t or b are zero, their sine is zero so the product is false-y, which terminates the loop

show FPS hide FPS share 1 remix fullscreen

mxfh

remix of d/2118 by u/mxfh

function u(t) {

x.setTransform(f=90,0,0,f,7*f,6*f);x.fillStyle='#EF3340';x.ellipse(0,0,4,4,0,0,2*Math.PI);x.rect(-7,0,f,f);x.fill("evenodd")

Mar 14 2017 3:23 AM UTC

}// 124/140

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

http://www.norden.org/en/fakta-om-norden-1/t…

show FPS hide FPS share 1 remix fullscreen

mxfh

remix of d/2113 by u/mxfh

function u(t) {

x.setTransform(f=45,0,0,f,o=12*f,o);x.rotate(~t%4*Math.PI/2);x.fillStyle='#EF3340';x.fillRect(2,2,f,f)

Mar 14 2017 3:02 AM UTC

}// 102/140

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

http://www.norden.org/en/fakta-om-norden-1/t…

u/iverjo

#flag
u/katkip

#waitforit

show FPS hide FPS share 2 remixes fullscreen

veubeke

function u(t) {

for(i=1920;a=i--/400;x.fillRect(i,400+t*70+_*15,1,99))_=C(a+t)*3+C(a-t)*8+(r=i*i/t%1),
x.fillStyle=`hsl(${140-t*4+_},80%,${40-t*2-_-r*9}%)`

Mar 5 2017 5:05 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/iverjo

Nice :) This reminds me of the classic Windows XP desktop background image
u/sigveseb

very nice! can we squeeze in a blue sky?
u/veubeke

I’m trying ^^
u/magna

Not enough Unicode cows. Back to work!
u/Beginner

Amazing!
u/FENRIR

windows xp start up sound went to my head
u/iverjo

#grass
u/joeytwiddle

#landscape
u/vain

Cool and interested way to draw this landscape!

show FPS hide FPS share 3 remixes fullscreen

New_Core

function u(t) {

c.width=1920;for(i=16;i--;)x.ellipse(1e3+300*S(t+i*.1),500+50*C(t+i*.1),160*S(-i*.5)+160,50*S(i*.1)+5,1.6+.5*S(t*.5),9.5,0,6.3);x.stroke();

Mar 3 2017 3:31 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/sfz

wow creative!
u/sfz

reduced it by about 15 bytes in case you want to try to do something else with the extra room: c.width|=0;for(i=16;i--;)x.ellipse(1e3+300*S(t+i/9),500+50*C(t+i/9),160*S(-i/2)+160,50*S(i/9)+5,1.6+S(t)/2,9,0,7);x.stroke()
u/iverjo

So good!
u/sigveseb

is that a pseudo-3D fish? super nice!
u/donbright

marvellous
u/magna

WAAAAT
u/SpecialAgent

Magnificent depth!
u/joseprio

Really impressive :)
u/Kalanchoe

Amazing!
u/ArtsyBiker1

WHOA
u/gautjac

beautiful
u/21medals

Reduced it ±20 bytes and added beginPath() without changing any values:
u/21medals

for(c.width|=i=16;a=i--/10;x.stroke())x.beginPath(),x.ellipse(1e3+300*S(t+a),500+50*C(t+a),160*S(-i/2)+160,50*S(a)+5,1.6+S(t/2)/2,9.5,0,6.3)
u/New_Core

#fish
u/joeytwiddle

#model
u/Cloud

https://www.dwitter.net/d/17352
u/vain

incredible 3d fish

show FPS hide FPS share fullscreen

FireFly

function u(t) {

f = (c, y, s) => x.fillRect(t*120, 540 + y*120, s, s, x.fillStyle = c)
f('#999', 0, 2)
f('#F00', S(T(S(T(S(t))))), 4)
f('#00F', T(C(t)), 4)

Mar 1 2017 3:02 PM UTC

}// 139/140

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

Two interesting functions. T(C(x)) in particular looks a lot like a rounded triangle wave, which is pretty handy… mostly posting this as a meta-dweet/for reference. :)

u/sigveseb

perfect stuff for putting a community wiki!

dwitter.net | danny@hille.dk (37119)