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

rodrigo.siqueira

function u(t) {

c.width=1600
p=420
for(j=0;j<7;j=j+.3){for(i=1;i<7;i=i+.3){
x.lineTo(800+S(t+i)*p,p+C(i+t)*p)
x.lineTo(800+S(t+j)*p,p+C(j+t)*p)}}x.stroke()

Oct 27 2018 12:06 AM UTC

}// 139/140

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

HAL-9000

u/pavel

Try changing C(i+t) to C(i*t)

show FPS hide FPS share fullscreen

rodrigo.siqueira

function u(t) {

c.width=1600
for(j=0;j<5;j=j+1.57){for(i=1;i<200;i=i+3.13){
x.lineTo(800,440+C(j+i+t/2)*280)
x.lineTo(800+C(i)*600,450+S(j)*330)}}x.stroke()

Oct 26 2018 11:39 PM UTC

}// 140/140

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

Hypnotic wire art

u/BirdsTweetCodersDweet

Pretty :D

show FPS hide FPS share fullscreen

anotherkitten

function u(t) {

for(i=2,l=218;i;)x.fillStyle=--i?"#55cdfc":"#f7a8b8",x.fillRect(0,l-l*i,t*l,l),x.fillRect(0,l*3+l*i,t*l,l)

Oct 26 2018 11:05 PM UTC

}// 106/140

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

u/anotherkitten

shit didnt realize this was so slow lol

show FPS hide FPS share fullscreen

BalintCsala

function u(t) {

x.fillRect(0,0,c.width=160,160)
for(i=36;i--;i-35&&i%7-2&i%7-6&&x.fillRect(10+i*4,44,3,16))x.clearRect(8+i*4,44,3,21+(i==(t*3+5|0)**3%36))

Oct 26 2018 10:42 PM UTC

}// 138/140

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

Piano playing itself

u/magna

Awesome! Using - instead of + makes it more like depressing the keys IMHO.
u/BirdsTweetCodersDweet

That's 21-(i== for you... Took me a while to figure out which + you meant :P
u/lionleaf

#piano

show FPS hide FPS share fullscreen

Xen

remix of d/10713 by u/New_Core

function u(t) {

s=c.style;s.backgroundBlendMode='difference';for(b=[i=9];i--;s.background=b)b[i]=`linear-gradient(${t*i*t}deg,red,tan,aqua,blue)`

Oct 26 2018 9:29 PM UTC

}// 129/140

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

10Seconds

show FPS hide FPS share 2 remixes fullscreen

yonatan

function u(t) {

c.style.background=`linear-gradient(#357, #f023 50%,#8428 50%,#434),radial-gradient(circle at center,#fff 7%,#fd8 9%,#ca8 33%)`

Oct 26 2018 9:16 PM UTC

}// 127/140

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

#sunset

show FPS hide FPS share fullscreen

jonathan-potter

function u(t) {

c.width+=0
r=z=>Math.random()-.5
a=this.a||[...Array(1e4)].map(z=>[4e3*r(),3e3*r(),r(),r()])
a.map(b=>x.fillRect(b[0]+=b[2],b[1]+=b[3],7,7))

Oct 26 2018 9:13 PM UTC

}// 140/140

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

random moving objects using window.a for persistence #floatingobjects

u/pavel

Js puts all vars into global namespace if you don't use 'var' or 'let' and t starts at 0 so you can do t?a.map(...):a=[...]
u/katkip

#ai

show FPS hide FPS share fullscreen

yonatan

remix of d/10705 by u/yonatan

function u(t) {

eval(unescape(escape`瑼簨挮睩摴栽㔶㠩㭣⹩湮敲䡔䵌㵠㱳癧㸼晩汴敲⁩搽显㱦敔畲扵汥湣攠扡獥䙲敱略湣礽⸰〵⁮畭佣瑡癥猽㔠⼾㱦敄楳灬慣敭敮瑍慰⁳捡汥㴤筓⡴⤪㈰ぽ㹠㭸⹦楬汔數琨砮晩汴敲㴢畲氨⍦⤢ⰰⰰ⤻;`.replace(/u(..)/g,"$1%")))

Oct 26 2018 8:13 PM UTC

}// 134/140

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

Improved performance remix (568px width)

Show more comments…
u/iverjo

How does this work?
u/yonatan

SVG perlin noise displaced by itself and used as a filter on the canvas. Time controls the displacement filter'r scale.
u/yonatan

the filltext() is required for the thing to paint itself apparently (fillRect works too)
u/yonatan

I half-guessing so if anyone has a better explanation...
u/yonatan

placing the displacement filter as a child of the turbulence node seems to feed the parent's output into both of the child's input nodes.
u/yonatan

oops, not child, sibling.
u/yonatan

tl;dr: no idea :)

show FPS hide FPS share fullscreen

jonathan-potter

function u(t) {

c.width=500
v=(X,Y)=>x.fillRect(X,125+Y,2,2)
for(X=0;X<40;X++)for(y=0;y<9;y++){
  v((p=X-t%1)*20-100,y*p/4)
  v(600-(p=X+t%1)*20,-y*p/4)
}

Oct 26 2018 8:05 PM UTC

}// 139/140

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

rotating twisted column (looked cooler sideways)

u/jonathan-potter

recreation of recreation of https://www.youtube.com/watch?time_continue=…

show FPS hide FPS share fullscreen

katkip

function u(t) {

if(!t)c.width=w=500;for(i=w/10;i--;)for(j=w/10;j--;)x.fillStyle=`hsl(${((i<j/.55?i*100:j*100+t*100))},99%,50%)`,x.fillRect(i*10,j*10,10,10)

Oct 26 2018 6:53 PM UTC

}// 139/140

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

Idk, just looked satisfying to me. #color