Dwitter - javascript demos in 140 characters

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: #Food

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 fullscreen

katkip

function u(t) {

if(!t)r=Math.random,a=95,b=50;a+=r()<.5?-1:1;b+=r()<.5?-1:1;x.fillStyle=`hsla(${S(a)<C(b)?100:60},99%,50%,.3)`;x.fillRect(a*10,b*10,25,25)

Oct 19 2018 6:55 PM UTC

}// 138/140

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

#challenge add more entities with different colors. If you think you are a genius, make them fight lol

show FPS hide FPS share fullscreen

anotherkitten

remix of d/9934 by u/anotherkitten

function u(t) {

c.style.background=R();if(t<35.5)with(x)shadowColor=`hsl(${t*10} 76%66%`,fillRect(15,15,shadowBlur=25,25),translate(25,8),rotate(t*2.10588)

Oct 18 2018 3:42 AM UTC

}// 139/140

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

cleaned, made more visible and pretty

show FPS hide FPS share fullscreen

heyitsguay

remix of d/10397 by u/heyitsguay

function u(t) {

x.filter='blur(6px)hue-rotate(1deg'
x.drawImage(c,0,0)
x.fillStyle='#db1'
for(i=8;i--;)x.fillRect(960+C(t+i)*960,250+S(t/i)**5*620,39,39)

Oct 18 2018 10:37 PM UTC

}// 137/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 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

show FPS hide FPS share 1 remix fullscreen

bbyalcinkaya

function u(t) {

c.width=1920
d=60// change this
for(i=0;i<360;i++){
k=(360-i)*t/60
x.fillRect(960+i*C(k),540+i*S(k*t/d),20,20)
}

Oct 20 2018 9:45 PM UTC

}// 114/140

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

eine kleine nachtdweet

show FPS hide FPS share fullscreen

katkip

function u(t) {

c.width*=1;for(i=0;i++<41;)for(j=0;j++<75;)if(i%11&&j%11)x.fillStyle=`hsl(${C(i|j)<S(i&j)?200:170} 99%50%)`,x.fillRect(j*25,i*25,25,25)

Oct 18 2018 1:23 PM UTC

}// 135/140

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

Visualizing a symmetry formula

show FPS hide FPS share fullscreen

pavel

remix of d/10516 by u/pavel

function u(t) {

c.width^=t?onmousemove=e=>X=e.x/99:X=0
for(i=99;i--;x.lineTo(960+a*S(p)/.7,540+(i&4?a:-a)))a=960/(3+C(p=(i-(i>>2))*6.28/(t&7)-X))
x.stroke()

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

#minimal #perspective #d3 #cube #interactive

u/aleamb

awesome!

show FPS hide FPS share 1 remix fullscreen

rbong

remix of d/697 by u/p01

function u(t) {

for(n=210;n-=1/64;x.fillStyle=`hsl(${k*22},99%,50%)`,x.fillRect(n%3*666,n*5,16,16))for(r=C(t),i=S(t),k=28;--k/r;i=j)j=r*i-n/99,r=r*r-i*i-n%3

Oct 20 2018 5:53 PM UTC

}// 140/140

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

Rainbow Fractal Slice

u/rbong

#fractal #rainbow
u/prplz

#heavy
u/rbong

Looks a bit heavier than the original because I had to slow it down, but it's the same intensity. I would like to make a faster Mandelbrot/Julia set. This is closer to the original effect:
u/rbong

c.width|=0;for(n=200;n-=1/64;x.fillStyle=hsl(${k*22},99%,50%),x.fillRect(n%3*666,n*5,16,16))for(r=C(t*3),i=S(t*4),k=28;--k/r;i=j)j=2*r*i+1-n/99,r=r*r-i*i+1-n%3
u/rbong

Insert backticks where the style changes in that comment, I can't edit it

show FPS hide FPS share fullscreen

magna

remix of d/7191 by u/magna

function u(t) {

s=[]
for(p in x)s.push(p)
T.valueOf=Math.random
f=x[s[T*s.length|0]]
try{f.call&&f.apply(x,[T,T,T,T,T,T,T,T,T].slice(0,f.length))}catch(e){}

Oct 18 2018 6:21 PM UTC

}// 140/140

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

Brute-force dweet

u/magna

Open in new tab and refresh to see random stuff
u/tomxor

I love the concept :D, it's a shame the results are so small. Maybe worth randomising the scale of some params beyond 1 also?