Dweets awesomed by u/loktar

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

f8f82804

remix of d/11689 by u/f8f82804

function u(t) {

for(i=c.width^=0;i--;x.fillRect(X/d+960,Y/d/.9-1150,s=47-d*2e4,s))a=S(ϕ=i/612),θ=i*37+C(i/99+t),d=Math.hypot(X=S(θ)*a,Y=C(ϕ)+3,C(θ)*a+5)/3e3

Jan 11 2019 8:11 PM UTC

}// 140/140

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

#waves on a #perspectives #sphere -- #d3 #pointcloud

u/f8f82804

this dweet uses a better perspective transform based on Math.hypot -- #hypot
u/f8f82804

The projection still isn't perfect, because I'm rotating the sphere's axis towards the viewer by positioning it below the camera. The resulting distortion is approximately corrected by scaling the Y coordinate with /.9.
u/f8f82804

#perspective

show FPS hide FPS share 2 remixes fullscreen

metamero

remix of d/11637 by u/metamero

function u(t) {

x.font='42px"'
t?i=a++%46:a=0
x.fillText('╲╱'[2*Math.random(onclick=reset)|0]+'',42*i,42*(a-i)/46)

Jan 4 2019 3:18 PM UTC

}// 99/140

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

classic #maze : canvas version

u/metamero

d/11644 d/11640 d/11637 d/11633 collection of different implementations

show FPS hide FPS share 3 remixes fullscreen

metamero

remix of d/11636 by u/metamero

function u(t) {

c.before('╲╱'[Date.now()&1]+'')
c.parentNode.style.lineHeight=1

Jan 4 2019 2:24 PM UTC

}// 64/140

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

classic #maze : aligned

u/metamero

d/11644 d/11640 d/11637 d/11633 collection of different implementations
u/loktar

Decided to check the maze tag after submitting my own.. this is great! Much shorter than my own vs.

show FPS hide FPS share 1 remix fullscreen

metamero

remix of d/11631 by u/metamero

function u(t) {

c.before('╲╱'[Date.now()&3])
document.body.style.lineHeight=1

Jan 4 2019 1:48 PM UTC

}// 63/140

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

classic #maze

u/katkip

Awesome!
u/metamero

=]

show FPS hide FPS share fullscreen

davidsharp

remix of d/6929 by u/davidsharp

function u(t) {

c.width|=0;c.style.filter='invert(1)';x.font='2cm A';for(n=0;n<20;)x.fillText('❄',n++*80+S(t+n)*40,Math.abs(t*100*S(n))%2000)

Nov 20 2018 2:56 PM UTC

}// 125/140

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

snow

u/iverjo

#snow

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/10737 by u/yonatan

function u(t) {

for(i=c.width|=0;i--;x.fillRect(0,610+i+S(t/2),2e3,S(5e3/i)*.4),x.fillStyle=R(0,80,i))x.font='9em"'
x.fillText('🏄',400-S(t)*99,750+C(t)*99)

Nov 6 2018 2:16 AM UTC

}// 139/140

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

Surf #emoji #sea #waves

show FPS hide FPS share 3 remixes fullscreen

yonatan

remix of d/10765 by u/yonatan

function u(t) {

for(i=c.width=99;i--;)for(k=j=56;j-->-k;)x.fillRect(i,j/2+28,1,j>0?(S(j*j+i/j-t*7)+C(j**5-i/j*6+t)**3)*j/50:(1-S(i*j)**88))

Oct 30 2018 11:07 PM UTC

}// 123/140

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

stars

Show more comments…
u/joeytwiddle

Really beautiful, and so short! #sea #ocean #water #waves #night #stars
u/lionleaf

Great in full screen. Beatiful
u/lionleaf

Now put that Saturn up in the sky ;)
u/sigveseb

Cool, the dark sky makes the water look more realistic tlo
u/sigveseb

too*
u/tomxor

Wow, you steped up the realism since that sunset a week ago :D this is my fav combo, the stary sky really complements the effect.

show FPS hide FPS share 3 remixes fullscreen

yonatan

remix of d/10764 by u/yonatan

function u(t) {

for(i=c.width=99;i--;)for(j=56;j--;x.fillRect(i,j,(S(j*j+i/j-t*7)+C(j**5-i/j*6+t)**3)*j/99,1));

Oct 29 2018 8:54 PM UTC

}// 95/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/pavel

Save a char by moving the fillRect call into the loop body to avoid ;
u/yonatan

you're right!
u/keithclark

I love this!
u/yonatan

it's also better to use rect height for the "alpha", avoids the jagged edges on the right. for(i=c.width=99;i--;)for(j=56;j--;)x.fillRect(i,j,1,(S(j*j+i/j-t*7)+C(j**5-i/j*6+t)**3)*j/99)
u/iverjo

Wow! Great #water
u/katkip

#d3 #waves

show FPS hide FPS share fullscreen

alice-mx

function u(t) {

for(i=0;i<19;i++) {
x.fillStyle=R(C(t/2)*20+20,i*9,12*(i+4),0.8);
x.fillRect((t*150+i*100)%1920,i*100+S(t+i)*50,100,100)
}

Oct 25 2018 6:04 AM UTC

}// 122/140

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

u/katkip

#waves

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 | loktar (1591)