Dweets awesomed by u/Feiro

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/11472 by u/cantelope

function u(t) {

for(k=c.width|=0;j=--k>>7;x.lineTo(960*(z+4*S(t)+.43*d*((k&120)-62)+S(a))/z,1e3/z))d=.5-(j+4*t&1),z=j+.6-4*t%1+C(a=k%8*d*2.1)*2/3;x.stroke()

Dec 18 2018 11:22 PM UTC

}// 140/140

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

k=[4 bits for y][4 bits for x][3 bits for hexagon vertex]

Show more comments…
u/pavel

16*16*8=2048~=1920 so using width
u/pavel

.43~=3**.5/4, 2.1~=2*Math.PI/3
u/pavel

120=0b1111000 so k&120=x*8
u/pavel

I'm using a single stroke and no moveTo. This is a single curve, just lined everything up.
u/pavel

d is horizontal offset, even rows are offset from odd rows. Using +4*t&1 to explicitly cycle the animation every second instead of implicitly cycling every 2 seconds. Longer cycle leads to z<0 and glitches or hexagons that don't reach the camera.
u/magna

Wow!
u/aleamb

awesome!!!
u/pavel

#uncompressed with one plane

show FPS hide FPS share fullscreen

metamero

function u(t) {

eval(unescape(escape`琿挮睩摴桼㵪㴱㔺猽〻潮浯畳敭潶攽攽㹳㵥⹸⽩湮敲坩摴栻稽㜲㭲㴨愬戬挬搬攩㴾筸⹦楬汓瑹汥㵒⡥㼱㈸㨰⤻砮晩汬剥捴⡡⩺⨴Ɫ⩺Ᵽ⩺Ɽ⥽㭦潲⠻樻⥦潲⡲⡳ⱪⴭⰲ㈬㐬椽㘩㬭⵩㬩爨椫⡳⴮㔩⨨樥㈩ⱪⰲⱺ⤻`.replace(/u(..)/g,"$1%")))

Dec 9 2018 9:00 PM UTC

}// 140/140

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

#Interactive #CafeWallIllusion

u/metamero

t?c.width|=j=15:s=0;onmousemove=e=>s=e.x/innerWidth;z=72;r=(a,b,c,d,e)=>{x.fillStyle=R(e?128:0);x.fillRect(a*z*4,b*z,c*z,d)};for(;j;)for(r(s,j--,22,4,i=6);--i;)r(i+(s-.5)*(j%2),j,2,z)
u/metamero

#cafewall #illusion #opticalillusion #mouse
u/katkip

nice
u/DataMeta

#hiddengem

show FPS hide FPS share fullscreen

jylikangas

function u(t) {

with(x)for(fillRect(0,0,2e3,2e3),fillStyle="#ccc",shadowColor=R(i=9);i--;fillRect(512+i*99+X/4,400,50,200))X=shadowBlur=(1+S(i/2+t*4))*40

Dec 9 2018 5:18 PM UTC

}// 137/140

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

Grey #default

u/lionleaf

That's amazing!
u/joeytwiddle

mmm milky
u/Koi

So satisfying
u/vain

very cool

show FPS hide FPS share fullscreen

anotherkitten

function u(t) {

e=(a,b)=>a/b&1?b-a%b:a%b;x.fillRect(0,0,j=2e3,j);x.globalAlpha=.1;for(;j--;x.clearRect(e(t*360*S(b),1911),e(t*360*C(b),1071),9,9))b=j/1200

Nov 9 2018 6:36 PM UTC

}// 138/140

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

faster and cleaner version of linear ripple

u/katkip

I love this one!
u/iverjo

#waitforit

show FPS hide FPS share fullscreen

yonatan

remix of d/10782 by u/yonatan

function u(t) {

for(i=c.width=99;i--;T=(j,t)=>S(j*j+i/j-t*7)+C(j**5-i/j*7+t)**3)for(k=j=56;j-->-k;x.fillRect(i,a,1,(j>0)*T(j,t)*j/k-q*q))q=T(a=j/2+30,0)/j*2

Oct 31 2018 11:54 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 more comments…
u/katkip

i love your #realistic design
u/jylikangas

YES!
u/aleamb

OMFG!
u/yonatan

:O https://twitter.com/aemkei/status/1057749002…
u/lionleaf

#landscape #water #mountains #real
u/sigveseb

Full-on insanity
u/iverjo

So good!
u/katkip

#d3
u/joeytwiddle

#scene
u/vain

beautiful work! titanic, iceberg ahead
u/jdspugh

Amazing!

show FPS hide FPS share fullscreen

katkip

function u(t) {

x.font=`100px A`;c.style.border=T(t*t)+'px dotted black';x.fillText("feel the beats",10,100)

Oct 29 2018 2:23 PM UTC

}// 92/140

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

psytrance lmao. i'm pretty sure i haven't see the canvas border changing in any dweet

u/BirdsTweetCodersDweet

For some reason this also matches Darude -Sandstorm perfectly...

show FPS hide FPS share 3 remixes fullscreen

yonatan

remix of d/10629 by u/yonatan

function u(t) {

s=c.style;s.backgroundBlendMode='difference';for(b=[i=9];i--;s.background=b)b[i]=`radial-gradient(at ${50+S(t+i)*50}%${i*9}%,#fed,#012 50%)`

Oct 24 2018 7: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).

Show more comments…
u/lionleaf

Wow! That's trippy and cool looking :D Looks like an oil spill or something #plasma #oil #oil_spill
u/joeytwiddle

Great!
u/tomxor

Neat, looks like #diffraction and #Interference, I guess it is litterally the later.
u/katkip

cool
u/Purpzie

Still seems to look the same without s.backgroundBlendMode='difference'
u/yonatan

Dwitter doesn't reset CSS styles when you edit the code. Try making it '' instead of 'difference'
u/lionleaf

u/yonatan Oh, I guess that's a bug.
u/DataMeta

Absolutely incredible

show FPS hide FPS share 2 remixes fullscreen

anotherkitten

remix of d/10600 by u/anotherkitten

function u(t) {

for(t+=i=17;i--;x.beginPath(x.fill()))p=i+t%1,x.fillStyle=`hsl(${(p-t)*9} 50%${i-t&1?40:60}%`,x.arc(960+C(p+t)*p*p,540+S(p+t)*p*p,5*p*p,0,7)

Oct 22 2018 4:11 AM UTC

}// 140/140

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

odd spiral

Show more comments…
u/veubeke

wow
u/joeytwiddle

I really like these colours
u/pavel

groovy!
u/DataMeta

Niiice!
u/aleamb

yeah! cool!
u/pavel

You use a trick that does not work on iPhone. In the HSL call you need a space between S and L.
u/veubeke

@pavel: here’s a version that works in Safari d/10641

show FPS hide FPS share fullscreen

anotherkitten

function u(t) {

for(d=19;d--;x.beginPath(x.fill())){p=d+t%1;x.fillStyle=`hsl(${140+t*2} 66%${80-S(p/4)*40}%`;x.arc(960,540,p*60,o=p/2+t/2,++o)}

Oct 21 2018 3:06 AM UTC

}// 127/140

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

cute spiral

u/Agnes

Consider using properly formatted HSL if you have the characters to spare - these all show up as 100% black on iOS Safari!
u/anotherkitten

true, should have done, just habit to use the broken one

show FPS hide FPS share 3 remixes fullscreen

tomxor

function u(t) {

x.fillRect(0,0,i=2e3,i)
for(t+=160;p=i&1,m=t/C(t/i)+p*(t/2+i%t),i--;)x.clearRect(
960+m*S(n=t/9+i*i)*C(!p*i/t),
540+m*C(n+p*2),s=3-C(n)*3,s)

Oct 17 2018 8:45 PM UTC

}// 140/140

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

#space #planet #saturn

Show more comments…
u/joeytwiddle

Wow, beautiful! I am blown away. #dots #lighting #shading
u/lionleaf

Wow! That's amazing
u/magna

WOW!
u/sigveseb

no way!
u/yonatan

beautiful!
u/jellyedwards

That's incredible, well done!
u/jellyedwards

If you change this bit too use t it's like Saturn uses its ring as a hula hoop: 540+m*C(n+p*t)
u/katkip

woow... gj bro
u/keithclark

Nice!!!
u/aleamb

wow! superb!
u/iverjo

That's pretty rad
u/rnbw

my mind is officially boggled o_o
u/Purpzie

This is absolutely beautiful.
u/tomxor

Thanks for all the kind comments :) for those interested: the key is in the parity bit p=i&1 this allowed me to combine two different but similar functions by multiplying parts in an out on each iteration. You should be able to pull the two apart into something more intelligible.
u/magna

@tomxor are you on Twitter as @tomxor by any chance?
u/tomxor

I am not, nor am I on any other social network... unless you consider Github one :P but a different pseudonym..
u/jylikangas

Beautiful dweet!
u/aleamb

The Cosmos is all that is, or ever was, or ever will be. The contemplation of the this Cosmos stir us.
u/Renaud___

so Beautiful
u/ivylab

This is absolute badass
u/vain

OMG! This part blew me away!
u/jdspugh

Well done!

dwitter.net | Feiro (9293)