Dweets awesomed by u/qwalrus

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 fullscreen

KilledByAPixel

function u(t) {

for(j=i=400;i;)j++%2?i--:x.beginPath(x.stroke()),x.lineTo(960+(Q=1200*S(i*t/2e3))*S(i),540+Q*C(i)),x.strokeStyle=`hsla(${i/3-t*9},99%,50%)`

Apr 21 2019 8:29 PM UTC

}// 140/140

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

Happy Easter! #RoseCurve

u/Xen

Nice! #waitforit

show FPS hide FPS share fullscreen

BalintCsala

remix of d/9613 by u/BalintCsala

function u(t) {

c.width=-1
for(i of"201")x.fillStyle=R(i*T+(K=t%(p=1.57))/p*T),x.fill(new Path2D("M"+[T=99,0,(A=S(z=K+p*i)*T)+T,T-C(z)*33,T+C(z)*T,T+A/3]))

Aug 31 2018 11:11 PM UTC

}// 139/140

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

Uncompressed version achieved with lots of help from u/yonatan

u/f8f82804

#d3 #shading #animated #path2d
u/katkip

Haha nice!
u/aleamb

coooooool
u/lionleaf

#pyramid
u/donbright

ha ha ha brilliant

show FPS hide FPS share fullscreen

jellyedwards

remix of d/8172 by u/generative-eu

function u(t) {

c.width|=0;with(x)for(i=66;i--;stroke())H=i%29,A=H>10,beginPath(lineWidth=25+H),arc(960,540,L=8*i,A*5.4,A?4:7),strokeStyle=R(255-L*t,0,0,.4)

May 24 2018 6:23 AM UTC

}// 140/140

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

What are you doing, Dave? .... #2001

u/zanella

*applause*
u/generative-eu

This is awesome, thanks for the remix!
u/jellyedwards

Thanks very much! I had tried something like this before but couldn't get it <140, your dweet really helped!

show FPS hide FPS share fullscreen

New_Core

function u(t) {

t?c.width=-1:a=1
a+=(t%6)-3
x.arc(300+a,119-68*S(2*t%3.16),50,0,7)
x.stroke()
x.clip()
x.font="6cm A"
x.fillText("Dwitter",200*S(t)-200,160)

May 11 2018 9:01 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/uchenna

please i'm new to javascript how can i use this code on my project
u/sigveseb

this is a cool one!
u/prplz

Nice! I didn't know about clipping
u/BuRRak

Cool! By commenting out clip you see what is going on a bit more!‮
u/fujimotos

#text
u/13thptr

#clip

show FPS hide FPS share fullscreen

nix

function u(t) {

for(w=(c.width|=i=1e3)/8;i--;x.fillRect(i/85/(z=1.7+C(p+w))*w,500+C(z*t)/z*w,s=200/z/z,s/2))p=i/w+C(t/9)*9;x.stroke()

May 9 2018 11:23 PM UTC

}// 117/140

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

u/aleamb

superb!

show FPS hide FPS share fullscreen

yonatan

remix of d/7461 by u/Agnes

function u(t) {

c.width|=0
a=Math.abs
for(i=99,s=400;i--&&s>10;s/=a(C(t))+a(S(t)))x.setTransform(A=S(t*i),B=C(t*i),-B,A,960,540),x.strokeRect(-s,-s,s*2,s*2)

Mar 25 2018 5:08 PM UTC

}// 140/140

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

https://askalice.me/twojs-paradox-fractal/

show FPS hide FPS share 1 remix fullscreen

RUNIE

function u(t) {

c.width|=0
for(i=0;i<64;i++)x.fillStyle=R(b=(60-i)*(S(t*-1+i/32)+3),b,b),x.fillRect((a=1920*i/128)+S(-t+i/7)*99,a/2-48,1920-a*2,1920/1.5-a)

Jan 17 2018 1:17 AM UTC

}// 139/140

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

First dweet! I call it the wibbly wobbly infinite hallway :D

Show more comments…
u/zanella

Welcome! Awesome dweet, I keep thinking that Pennywise will suddenly com running towards the camera! :D
u/sigveseb

Good shadows
u/magna

WOW
u/nystrand

Scary shadows. Very nice!
u/iverjo

Impressive
u/joeytwiddle

#tunnel
u/Cloud

Scary

show FPS hide FPS share 3 remixes fullscreen

ETHproductions

function u(t) {

c.width|=Z=256;for(Y=1;~Y;Y-=4/Z)for(X=1;~X;X-=4/Z)Math.atan2(((a=Math.acos)(X/(1-Y*Y)**.5)+t)%6.28,a(Y))*9&1&&x.fillRect(Z-X*Z,Z-Y*Z,4,4)

Jan 8 2018 9:23 PM UTC

}// 138/140

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

A completely different approach at a rotating patterned sphere: raytracing!

u/sigveseb

nice
u/Xen

mission completed ;-)
u/magna

hax!
u/13thptr

#raytrace
u/13thptr

#sphere #d3

show FPS hide FPS share fullscreen

MrFuzzzy

function u(t) {

c.width=999;if(!t)a=Array(99).fill(99)
c.onmousemove=d=>a[0]=d.clientY*1.5
for(i=1;i<99;i++){x.strokeRect(i*9,a[i]=a[i]*.6+a[i-1]*.4,99,99)}

Jan 8 2018 7:54 PM UTC

}// 140/140

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

u/Xen

nice idea
u/sigveseb

Haha I saw this and I was like "this one totally reacts to mouse input" before I even looked at the code :D nice one
u/magna

Love this!
u/Xen

sigveseb i dont even check anymore, i just wave my mouse over every dweet... :-D
u/iverjo

#interactive

show FPS hide FPS share 2 remixes fullscreen

coderkid

function u(t) {

c.width|=0;for(s=19;s--;)for(a=10;a--;){x.beginPath();x.arc(s*100+50,a*100+50,Math.abs(S(t+s+a)*50),0,2*Math.PI);x.fill();}

Jan 8 2018 12:52 AM UTC

}// 123/140

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

u/Xen

lots of nice dweets, keep up the good work!

dwitter.net | qwalrus (1324)