Dweets awesomed by u/richev

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

richev

function u(t) {

c.width|=0
q=6.28
x.stroke()
x.translate(960,540)
h=l=>x.fillRect(-5,-50,10,l)
r=a=>x.rotate(a)
r(q*t+q/2)
h(500)
r(t*q/120-t*q+q);
h(350)

Aug 5 2018 8:21 AM UTC

}// 138/140

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

Fast clock hands...ran out of characters to draw the outline of the clock face.

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 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

DataMeta

remix of d/1428 by u/irregularshed

function u(t) {

for(i=1920;i--;)v=(t*60)%1080,l=(i^v)%256&frame,
x.fillStyle=R(l,l/4,l*3),x.fillRect(i,v,1,1)

Aug 4 2018 6:59 PM UTC

}// 93/140

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

Simple test inspired by firegodjr's bitwise dweets

u/fujimotos

#scanline #slow_render

show FPS hide FPS share fullscreen

richev

function u(t) {

c.width|=0
x.lineWidth=9
x.fillStyle='#fc3'
r=500
for(i=0;i<=8;i++)j=i%2?r:-r,a=.448*i,x.lineTo(960+S(t+a)*j,r+C(t+a)*j)
x.stroke()
x.fill()

Aug 4 2018 12: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).

First dweet - a simple rotating golden seven pointed star

u/firegodjr

Welcome to Dwitter!
u/richev

thanks!

show FPS hide FPS share fullscreen

katkip

function u(t) {

for(i=0;i<300;i++)h=(i+t*t/2)*28%360,x.fillStyle=`hsl(${t+h/3},99%,50%)`,x.fillRect(i%20*99,~~(i/20)*99,h*t,t*h)

Aug 4 2018 10:40 AM UTC

}// 112/140

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

Idea from d/1787

u/lionleaf

Cool! Shy not post as a remix?
u/lionleaf

Why*
u/katkip

Oh good point.

show FPS hide FPS share 1 remix fullscreen

katkip

remix of d/5190 by u/rikardlindstrom

function u(t) {

x.fillStyle=R(2,9,9,.04);x.fillRect(0,0,v=2e3,v);for(i=2e3;i--;y=(i*i+t*v)%v,x.fillStyle=R(0,255,0),x.fillText("01"[i%2],(i*13.37**i)%v,y));

Aug 3 2018 10:55 AM UTC

}// 140/140

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

#matrix

dwitter.net | richev (19887)