Dweets awesomed by u/ellisk1

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

BirdsTweetCodersDweet

remix of d/10638 by u/alice-mx

function u(t) {

for(i=5;i--;)x.fillStyle=`hsl(${S(t)*99} 90%50%)`,x.fillRect(99+i*400+S((t*2)*i)*100,600+C(t*5)*100,10,10)

Oct 24 2018 12:13 PM UTC

}// 107/140

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

My new (albeit very delayed) 10,000 dweets celebration dweet!

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

heyitsguay

remix of d/10596 by u/heyitsguay

function u(t) {

t*=t
h=499
for(i=h;i--;)y=h+(t*S(i/t)|(t/=-1))*9,z=y>h,x.fillStyle=R(j=240-i+10*C(t),j/(1.5-.2*z),j/1.1*(S(t)+.5*z)),x.fillRect(i*9,y,9,9)

Oct 22 2018 2:36 AM UTC

}// 138/140

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

Coastal sunset

show FPS hide FPS share 3 remixes fullscreen

ersagun

function u(t) {

for(i=j=0,f=24;f--;i+=d("◴∈⌹⌙⍈⌮⌠⌇⌢⌑⌆⌤⌾⍃⌣⌘⌯⌧〈⌳〉⌤⌬⌯"),j+=d(
"○⍈⌾⋻⌤⋧⌥⌬⌰⍕⍓⌗⌥⋼⌘⌭⋧〉⌔⌗⍃⌫⌛〈"))d=a=>C(t*f)*(a.charCodeAt(f)-9e3)
x.fillRect(i,j,9,9)

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

#yeah

Show more comments…
u/ersagun

This uses a modified version of DCT. All data is in 2 magic strings. To create your own: https://pastebin.com/zEH5aH1R copy this to a dweet draft, draw, get your own magic strings.
u/katkip

wait wot that s actually toi impresive to think how its made
u/iverjo

Clever!
u/Banjuan

Wow dude!
u/Banjuan

Wow dude!
u/magna

yup.
u/aleamb

yeah!!!
u/f8f82804

Awesome! I don't think I've seen a technique like this before! #compressed #math
u/cantelope

crazy cool

show FPS hide FPS share fullscreen

tomxor

remix of d/10534 by u/tomxor

function u(t) {

k=160,i=1e3,w=.04
for(t+=32;p=i&1,m=k/C(t/i)+p*(k/2+i%k),i--;)x.fillRect(
960+m*S(n=t/16+i*i)*C(!p*i/t),
540+m*C(n+p*2),s=w-C(n)*w,s)

Oct 20 2018 1:58 PM UTC

}// 133/140

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

#space #saturn #drawing

u/katkip

oh wow
u/joeytwiddle

Very nice. Set w=.2 if you don't want to #waitforit
u/tomxor

Oops, this doesn't seem to work at all in some browsers... showing up the aignificant subpixel interpolation differences between canvas implementations. Works in chrome - soz

show FPS hide FPS share fullscreen

veubeke

function u(t) {

c.width^=0
x.fillStyle=R(T=255,T,T,.2,x.font=T+'px"',x.fillText('Fog',760,560))
for(i=20;i--;)x.fillRect(850+C($=t/9+i)*180,T+S($)*200,T,T)

Oct 19 2018 7:18 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 FPS hide FPS share 1 remix fullscreen

yonatan

function u(t) {

w=c.width=64
h=40
for(i=5e3;i--;)i>6?x.fillRect(i&63,(i>>6)+h,s=S(i**4),s):x.drawImage(c,0,h+t%h,h,w,0,0,z=2**i*64,z,x.globalAlpha=i**.5/9)

Oct 19 2018 5:23 AM UTC

}// 139/140

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

Value #noise with #fbm

u/yonatan

some cross-browser issues. better on chrome.
u/iverjo

#clouds
u/aleamb

wow! superb and very smart!

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!

show FPS hide FPS share fullscreen

f8f82804

remix of d/10512 by u/f8f82804

function u(t) {

with(x){beginPath();fillStyle='#fff3';for(i=17;i--;lineTo(960+a*S(p)/.7,540+(i&4?a:-a)))a=960/(3+C(p=t+1.57*(i-(i>>2))));fill();stroke();}

Oct 17 2018 3:05 AM UTC

}// 138/140

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

#perspective #d3 #cube #fullhd

u/f8f82804

#wireframe

dwitter.net | ellisk1 (8783)