Top dweets by u/pavel

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

pavel

function u(t) {

for(d=t<8,n=i=256;i--;x.fillRect(d?9*i:855+n*i*(i<2),!d*300,50,d?4:50))x.fillStyle=R(C((t|Math.abs(i-107))**.5*t)<0&&n)
x.drawImage(c,0,d*4)

Nov 12 2018 3:19 AM UTC

}// 140/140

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

Demon

Show more comments…
u/magna

Amazing!
u/iverjo

Spot on!
u/katkip

nice idea
u/ndr3w221

this is awesome!
u/and3k5

i did not expect the last bit! scary!
u/aleamb

great! #waitforit
u/lionleaf

Amazing #demon

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/23821 by u/pavel

function u(t) {

for(c.width=w=127,i=n=9087;i--;u[i]=420*t>n-i?p&u[r=i+w+i*t%3|0]<1?u[r]++:p:(X-Y/2-30*t-w&Y)<1)x.fillRect(X=i&w,Y=i>>7,.7,p=u[i])

Sep 10 2021 9:36 PM UTC

}// 129/140

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

Mr Sierpiński, I don't feel so good

u/Joachim

#sierpinski #particles #physics
u/tomxor

interesting idea (transitioning between imovable and movable).
u/Toby

Very original!
u/rep_movsd

Entropy :(
u/donbright

bravo

show FPS hide FPS share 3 remixes fullscreen

pavel

function u(t) {

for(c.width|=j=21,x.scale(5,5),x.lineJoin="round";j--;)for(i=26;i--;)x.arc(192,108,1.3**(r=j+i%2+t%2),a=(i+j)%24/3.8197+C(r)/2,a);x.stroke()

Feb 11 2020 7:29 AM UTC

}// 140/140

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

Creeping

u/katkip

kind #tunnel
u/Yogeshp3

source of mathematics?
u/cantelope

source: pavel
u/pavel

I was inspired by https://twitter.com/beesandbombs/status/1221… I wanted to see if I could draw it with one stroke. Then I just started playing around. +C(r)/2 does most of the work here, if you delete it you can see the reference shape.
u/pavel

%24 is only there to avoid a bug in Safari from angle being too big on arc. /3.8197 is short for *Math.PI/12

show FPS hide FPS share fullscreen

pavel

remix of d/16679 by u/DataMeta

function u(t) {

t||x.fillRect(0,0,2e3,2e3)
for(n=8;n--;x.clearRect(960+i*C(n?i:c-e),540-i*S(n?i:c+e),s=n/2||6,s))
i=320+781*Math.random()*!!n,c=t%11,e=c>6.3

Nov 21 2019 2:51 AM UTC

}// 140/140

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

#planet

u/pavel

Small remix with a background that doesn't draw over the planet
u/rnbw

"n?i:c-e" indeed
u/DataMeta

Cool! :)
u/Xen

oooooooo nice

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/16169 by u/tomxor

function u(t) {

eval(unescape(escape`𩡯𬠨𫁥𭀠𪐽𝐶𜀰𛁷👣𛡷𪑤𭁨🐹𞐬𦀬𦐬𦠬𪠬𬰽𜐶𞱩𛐭𞱸𛡦𪑬𫁒𩑣𭀨𦀽𪐥𭰬𦐽𪐯𭰬𜐬𛠶𛑚𛱷𚐩𩡯𬠨𪠽𝀬𦠽𭰻𪠭𛐻𚑚𛐽𣑡𭁨𛡨𮑰𫱴𚁘𛐵𜀬𦐯𜠬𦠩𛑳𛑓𚁙𛱳𚱴𚠴𚐪𞀫𠰨𝐪𤰨𦐯𬰫𠰨𦀯𝠩𚐫𝐪𤰨𦀯𬰫𤰨𦠯𬰫𦐯𝠫𭀪𞀩𚐫𭀩𚠵`.replace(/u../g,'')))

Oct 19 2019 4:18 AM UTC

}// 134/140

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

Ray Marching SDF Smoke #improved fps

u/tomxor

huh, did not know about Math.hypot, also it's weird how sensitive V8 is to globals... or rather how it seems incapable of optimising them into locals itself.
u/tomxor

#smoke
u/aleamb

#sdf #raymarching

show FPS hide FPS share fullscreen

pavel

function u(t) {

t?c.width|=0:(i=A=240,j=B=80,p=q=-9)
x[f='fillRect'](i+=p=i<7*A?p:-p,840,A,A)
x[f](j+=q=j>0?q:-q,1e3,B,B)
j>i-B&&(j=i-B,p+=s=(q-p)/5,q-=s*9)

Jan 24 2019 10:56 PM UTC

}// 140/140

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

Perfect elastic collision #physics #simulation

Show more comments…
u/pavel

Big block is 9x the weight of the little block
u/katkip

This is impressive. Idea from 3blue1brown?
u/iverjo

Wow!
u/bekfast2390

This is like ping-pong!
u/joeytwiddle

Some context: https://www.youtube.com/watch?v=HEfHFsfGXjs 3Blue1Brown
u/katkip

hi, PI
u/Undefined

A fellow 3b1b fan, I see :D
u/joeytwiddle

#3b1b
u/ivylab

I always wait until the big one gets way up to the left side and it goes bam bam bam bam bam :)

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

for(i=c.width|=h=1.5708;Y=i--%3-1||S(i);x.fillRect(960+S(a+t)*800/r/z,540+Y*800/z,s=60/z/z,s))a=i%3?i:i*h,r=(a%2?S:T)(a%h+h/2),z=3+C(a+t)/r

Apr 12 2019 7:45 AM UTC

}// 139/140

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

Butterfly box #d3 #cube #perspective

u/Jezza

Woah!
u/KilledByAPixel

Well done.
u/lionleaf

That's wild! Love it #butterfly

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(i=c.width|=t%=1,s=60*2**t,r=.71+.29*t;i--;x.fillRect(((i&60)+Y%2*2+r*C(a=.7854*(2*i+t-1))-t-.5)*s,(Y*2+r*S(a)-.5)*s,s,s))Y=i>>6

Sep 8 2021 6:43 PM UTC

}// 131/140

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

Check this out

Show more comments…
u/UEZ

Looks very nice and smart coded. One noob question: which colors will be used in the loop by default when you don't use fillStyle? I saw many examples without fillStyle but the result is not monochrom. Thx.
u/rep_movsd

The default fill color and stroke color are black. Colors have to be set with fillStyle, strokeStyle or perhaps even setting the background (rare)
u/pavel

The default color for fill, fillRect, stroke, strokeRect is black and you need to call fillStyle or strokeStyle respectively. You must have seen other drawing techniques, maybe like putImage or using style attributes to add a filter over the B&W colors.
u/pavel

Haha looks like we answered at the same time and eerily similarly.
u/UEZ

Hmm, when I look to https://www.dwitter.net/d/23732 I cannot see any strokeStyle/fillStyle but the color result is greyscale.
u/pavel

Gray can be achieved by spacing out black pixels amongst white ones. d/23773 shows this clearest.

show FPS hide FPS share 4 remixes fullscreen

pavel

remix of d/12230 by u/pavel

function u(t) {

for(c.width|=p=2*Math.PI,x.scale(9,9),i=13;j=i--*p/6;x.arc(107+45*C(A=j-t/4+i*p/12),60+45*S(A),14,a=(t+j)%p,a));x.stroke()

Feb 8 2019 8:33 PM UTC

}// 122/140

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

I like how the corners are "walking"

show FPS hide FPS share fullscreen

pavel

function u(t) {

f=(X,y,r=80,a=0)=>r>6&&[0,.4,-.4,0].map(o=>o?f(X+r*S(a)*C(X*y/4e4+t),y-r*C(a),r*.8,a+o):x.lineTo(X,y));c.width=640;f(320,360);x.stroke()

Apr 24 2020 8:23 AM UTC

}// 136/140

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

Rotating #tree #fractal

u/pavel

Inspired by https://twitter.com/ntsutae/status/125356447…
u/neimad

You should do a twitch channel. amazing.
u/ntsutae

I’m honored.
u/pavel

u/ntsutae :O I love your stuff on twitter! 素晴らしですよ
u/vain

Great 3D version !!

dwitter.net | pavel (7288)