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 2 remixes fullscreen

pavel

remix of d/11455 by u/pavel

function u(t) {

for(r=c.width|=0;--r;)x.stroke(p=new Path2D,p.arc(960,540,r,a=(r+~~(99*t)-t/9)*5**.5/2%(2*Math.PI),a+(x.lineWidth=32)/r))

Dec 19 2018 1:13 AM UTC

}// 121/140

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

Black Hole

u/pavel

Deleting %(2*Math.PI) works in Chrome but not in Safari.
u/pavel

Notice that the radius does not change with time. The inward motion is achieved by drawing a smaller radius square next to where the larger radius square was a frame ago.
u/pavel

If the squares were numbered you'd see that the numbers jump around every frame.
u/pavel

I've made an explanation dweet d/11488

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

katkip

function u(t) {

c.width*=1;for(q=99;q>0;q-=.01)x.fillRect(960+C(q*t)*q*q+T(q*C(t)),540+S(q*t)*q*q+T(q+t),q,q)

Dec 17 2018 6:26 AM UTC

}// 93/140

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

Distorted spiral

u/cantelope

amazing! and only 93b!

show FPS hide FPS share 2 remixes fullscreen

katkip

function u(t) {

q=t/25;x.fillRect(0,0,2e3,2e3);for(i=500;i--;)x.clearRect(960+S(t-i*q)*(500-i),540+C(t-i*q)*(250-i+S(t)*99),8,8)

Dec 17 2018 6:20 AM UTC

}// 112/140

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

#galaxy

u/jamespwilliams

Cool!
u/otomakan

Gorgeous!
u/C010011012

one of the oscillator things with the θ=r*t I see

show FPS hide FPS share fullscreen

pavel

function u(t) {

with(x)for(j=512;j--;fill())for(beginPath(l=3);l--;arc(325*((j>>6)+j%2/3)+r*S(9*t),j%8*165,r*4,a=(l+j/2%1)*2.09,a))fillStyle=R(r=j&56,r*4)

Dec 17 2018 2:13 AM UTC

}// 138/140

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

u/magna

Nice!
u/cantelope

supercool

show FPS hide FPS share fullscreen

ellisk1

function u(t) {

for(x.strokeStyle=R(x.fillRect(k=.2417,0,2e3,2e3),j=234);j--;x.arc(960,540,((j+t*3)%9)**2*15,a=j*k+C(t),a-k))if(!j%9)x.beginPath(x.stroke())

Dec 16 2018 5:10 PM UTC

}// 140/140

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

Endless Tunnel

u/katkip

The problem is there is actually no perspective you are entering a tunnel. The line width must be thicker in the edges

show FPS hide FPS share fullscreen

cantelope

remix of d/11424 by u/pavel

function u(t) {

eval(unescape(escape`景爨硛氽❦楬汓瑹汥❝㴧⌰〰㔧ⱸ学㴧晩汬剥捴❝⠰ⰰⱫ㴲攳Ⱬ⤻樽ⴭ款㸶㭸学崨⡩⵪⬴⤪本太本猽未术㈰ⱳ⤩椽欥㘴Ⱨ㴹㘰⼨㌸⵪⤬硛汝㵠桳污⠤笨夽⠸⭃⡩⼴⤪䌨⡴⨳〭橼〩⼴⤪㌩⤪㐰⬱㐰紬㤹┬㜰┬⸵总`.replace(/u(..)/g,"$1%")))

Dec 15 2018 3:06 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 FPS hide FPS share 1 remix fullscreen

Quant1um

function u(t) {

eval(unescape(escape`愽挮睩摴桼㵴籼⡩㵪㵫㵬㴲〬戽㤹㤬挮潮捬楣欽攽㹻椫㴨攮砪㌭欩⼲〬樫㴨攮礪㌭氩⼲ぽ⤻楦⡩㰰♫㰰籩㸰♫㹡⥩㴭椪⸷㭩昨樼〦氼〩樽⵪⨮㜻楦⡬㹢♪㸰⥪㴭横⸷ⱬ㵢Ⱪ⨽⸹㭸⹦楬汒散琨欫㵩ⱬ⬽樫㴱ⰹⰹ⤻`.replace(/u(..)/g,"$1%")))

Dec 15 2018 12:43 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 #physics

u/metamero

great!
u/katkip

Awesome!
u/aleamb

awesome!
u/Quant1um

Thanks!

show FPS hide FPS share 2 remixes fullscreen

pavel

remix of d/11420 by u/cantelope

function u(t) {

j=t?j%6e3:P=[]
for(w=i=150;i--;c.width=-1)P[j++]=[40,8+S(i/4)*C(t*16)*3]
P.map((p,i)=>x.fillRect(w+(i%w-75)*(g=w/p[0]--),p[1]*g,s=g*g/23,s))

Dec 15 2018 7:17 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/katkip

#d3 #landscape Nice!!
u/pavel

#uncompressed

show FPS hide FPS share 1 remix fullscreen

rnbw

function u(t) {

if(t<.1){s=5}else{s=-s*.986}if(t<.15){x.fillStyle=''}else{x.fillStyle='#eef'}x.fillRect(0,540+s*9,1,1);~~(t/4)||x.drawImage(c,3/t*6-s-8,s*9)

Dec 14 2018 5:59 PM UTC

}// 140/140

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

perforated metal

dwitter.net | ellisk1 (8783)