New dweets | Dwitter

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

katkip

remix of d/9112 by u/katkip

function u(t) {

F=n=>{return(t*frame/n%2<1/2)};x.drawImage(c,0,9);for(j=214;j--;)x.fillStyle=F(j^t*60)?"green":"blue",x.fillRect(j*9,0,9,9);time+=1337

Aug 5 2018 7:41 AM UTC

}// 134/140

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

Fractalands!

show FPS hide FPS share fullscreen

katkip

function u(t) {

r=q=>(frame/time*1e14)%q;
if(Math.floor(t)%3==0)
{c.width+=0; x.font='3in V';x.fillText(r(10)+1,890,650);}
{return;}

Aug 5 2018 7:33 AM UTC

}// 116/140

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

#number #guess #game ! r=q=>(frame/time*1e14)%q; is a random number generator. Try to guess the next number.

show FPS hide FPS share 1 remix fullscreen

katkip

remix of d/9083 by u/katkip

function u(t) {

F=n=>{return(C(n)^T(n/13.37)*t)%3-1<1};x.drawImage(c,0,l=9);for(j=214;j--;)x.fillStyle=F(j^t*60)?"#362":"#dedbef",x.fillRect(j*l,0,l,l)

Aug 5 2018 7:12 AM UTC

}// 135/140

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

The ruins of the temple

u/lionleaf

Looks like a PCB

show FPS hide FPS share fullscreen

richev

function u(t) {

x.lineCap='round'
x.lineWidth=20*t
x.beginPath()
c=6.28*t-1.5
x.strokeStyle=`hsl(${t*72},99%,60%)`
x.arc(960,540,270,c,c+.2)
x.stroke()

Aug 5 2018 6:54 AM UTC

}// 135/140

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

Expanding rainbow loop

u/lionleaf

Very satisfying to watch #rainbow #donut

show FPS hide FPS share fullscreen

firegodjr

remix of d/9065 by u/firegodjr

function u(t) {

for(j=100;j--;)for(y=100;y--;)x.fillStyle=R(b=(Math.hypot(j+50*S(t),y+50*C(t))/50*(t*99+(j+y^y-j)))%99*2,b,b),x.fillRect(j*9,y*9,9,9)

Aug 5 2018 5:25 AM UTC

}// 133/140

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

u/katkip

Finnaly it doesn't lag.
u/magna

Sweet!
u/fujimotos

#hypot This is the first dweet I ever see that utilizes Math.hypot()
u/aleamb

nice!

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/9106 by u/richev

function u(t) {

with(x)for(i=300;i--;stroke())beginPath(strokeStyle=`hsl(${290-i},99%,60%`),arc(960,1080,390+i,0,7)

Aug 5 2018 4:24 AM UTC

}// 99/140

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

Down to 99, to make room for clouds at both ends

u/richev

I'm very much a beginner here, and am still running out of characters :-) x.font="450px'";x.fillText('☁️ ☁️',90,1080)
u/stiaje

Instead of 1080, you can write 2e3 which is short for 2000.
u/stiaje

Or 1e3, I guess :)
u/stiaje

Also, because the dweet starts with with(x) you don't need to write x.fillText, just fillText, as long as you make sure to separate your statements with a comma instead of a semicolon!

show FPS hide FPS share fullscreen

firegodjr

remix of d/9106 by u/richev

function u(t) {

with(x)for(i=320;i--;stroke(),font="500pt x",fillText('☁️',i%2*a,a))beginPath(x.strokeStyle=`hsl(${-i-40},99%,60%`),arc(a=960,800,i+360,3,0)

Aug 5 2018 1:47 AM UTC

}// 140/140

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

Challenge accepted ^^

u/iverjo

Haha, I knew someone would accept that challenge ^^
u/lionleaf

#rainbow #clouds

show FPS hide FPS share 2 remixes fullscreen

richev

function u(t) {

for(i=390;i<690;i+=.1)
x.beginPath(),
x.strokeStyle=`hsl(${-i+680},99%,60%)`,
x.arc(960,900,i,3.14,0),
x.stroke();

Aug 5 2018 12:07 AM UTC

}// 114/140

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

A minimal rainbow - can anyone squeeze in a cloud at each end? (I ran out of characters)

u/magna

100: for(i=300;i--;x.stroke())x.beginPath(x.strokeStyle=hsl(${290-i},99%,60%),x.arc(960,1080,390+i,0,7)

show FPS hide FPS share 1 remix fullscreen

yonatan

remix of d/9104 by u/yonatan

function u(t) {

eval(unescape(escape`景爨挮睩摴栽ⴱⱴ⬽ㅥ㜬椽㌳㭁㵓⡩ⴭ⤻⥦潲⡪㵩㭘㵓⡪ⴭ⤻砮獴牯步⡮敷⁐慴栲䐨❍✫倩⤩倽孁ⱂ㵃⡩⤬堬夽䌨権崮浡瀨砽㹸⩴⨳㌦㈵㔩ⱸ⹬楮敗楤瑨㴨⡐嬰崭偛㉝⤪⨲⬨偛ㅝⵐ嬳崩⨪㈩⨪⴮㘪㘠`.replace(/u(..)/g,"$1%")))

Aug 4 2018 10:47 PM UTC

}// 135/140

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

particles.js clone in 135 chars, thanks to d/9094 by u/MrM@_S

Show more comments…
u/yonatan

uncompressed version: for(c.width=-1,t+=1e7,i=33;A=S(i--);)for(j=i;X=S(j--);x.stroke(new Path2D('M'+P)))P=[A,B=C(i),X,Y=C(j)].map(x=>x*t*33&255),x.lineWidth=((P[0]-P[2])**2+(P[1]-P[3])**2)**-.6*6
u/katkip

Wow that's nice.
u/joeytwiddle

Impressive!
u/Lazy1337

#compressed
u/Lazy1337

#particles
u/joeytwiddle

#graph #network #web

show FPS hide FPS share 1 remix fullscreen

yonatan

remix of d/9087 by u/katkip

function u(t) {

c.width|=0
t+=1e6
for(i=22;A=S(i--);)for(j=i;X=S(j--);x.stroke(new Path2D('M'+[A,B=C(i),X,Y=C(j)].map(x=>((x*99*t&4095)-1e3)))));

Aug 4 2018 10:09 PM UTC

}// 129/140

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