Dweets awesomed by u/RomanW

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 2 remixes fullscreen

BackendForth

function u(t) {

v=Math.random
for(i=4999;i--;)x.fillRect(1920*v(),1080*v(),9,9)
a=1080*v()
if(v()<.04)for(i=1080;i--;){x.clearRect(a,i,9,9)
a+=(v()-.5)*9}

Feb 28 2021 3:59 PM UTC

}// 138/140

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

#lightning

u/magna

Great technique!

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(i=1920;i--;x.fillRect(i&-T,i%T*T,T=32,T))x.fillStyle=`hsl(${T*t},99%,${u[i]=u[i]*.94+T/Math.hypot(i/T-T-C(3*t)*20,i%T-16-S(4*t)*9)||0}%`

Apr 2 2020 4:46 AM UTC

}// 140/140

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

Flare

Show more comments…
u/pavel

Inspired by https://twitter.com/ntsutae/status/124366720…
u/jylikangas

Lovely use of an array for the trail effect!
u/BriSeven

hypot?! WHAAAT how long has THAT been there?
u/katkip

this is actually easier than it looks
u/sigveseb

Looks very pretty :)
u/aleamb

amazing!
u/rodrigo.siqueira

It reminds me the light and movement of this Fluid Simulation https://paveldogreat.github.io/WebGL-Fluid-S…
u/Scaledish

hell, it looks better than the fluid simulation
u/joeytwiddle

#glow #worm

show FPS hide FPS share 1 remix fullscreen

rnbw

function u(t) {

for(c.width^=i=0;i++<210;)for(j=0;j++<7;x.fillStyle=`#f`+j*15)x.fillRect(i*9,540-S(a=t-i/80*C(t+i/69)+j*.89)*230,9,Math.max(210*S(a-1.1),0))

Nov 25 2019 7:18 PM UTC

}// 140/140

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

an attempt at something like a twister

Show more comments…
u/Xen

mmmmm tasty!
u/tomxor

my exact thoughts #marshmallow
u/katkip

twisted icecream
u/Xen

#flump
u/joeytwiddle

That's a very juicy #twister!
u/cyhawk

I teach 9-year-olds programming and used a tidied up version of this to show them how to figure out how something works. They loved it! Thanks! I've added a bit of gap between the strands to make it easier to understand, and I think it looks good. Like Math.max(180*S(a-1.2),0).
u/rnbw

wow, i would have never thought that my recreational programming would be used for educational purposes. glad i was able to help those kids out on their journeys!
u/danny@hille.dk

Just saw this, nice code man! Save 11 b like this: for(c.width=i=300;i--;)for(j=8;j--;x.fillStyle=#f+j*15)x.fillRect(i,99-S(a=t-i/80*C(t+i/99)+j*.9)*40,1,Math.max(40*S(a-1.1),0))

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/16023 by u/rodrigo.siqueira

function u(t) {

for(c.width=a=400;a--;)x.arc(99,99,(2+S(a*2+t)+a*t%500),1.61,7.8),x.globalAlpha=.3,x.fillRect(a,188+20*S(a)*C(a/5)+C(a/2)*3,5,58);x.stroke()

Nov 24 2019 8:56 PM UTC

}// 140/140

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

Kraftwerk's Antenna with city skyline. 📡

u/DataMeta

📻📺📶
u/joeytwiddle

#scene #tribute

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(i=c.width|=0;i--;x[i%64?'fillRect':'clearRect'](!x.rotate(Math.atan(y-8)),9,9,9))y=(i>>6)-t%1,x.setTransform(9,0,0,2,960,64*y+(i%64||3))

Nov 21 2019 8:17 AM UTC

}// 140/140

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

#box #loop

u/aleamb

oh! wow!

show FPS hide FPS share fullscreen

pavel

remix of d/13601 by u/pavel

function u(t) {

c.width|=f=(X,Y,Z,d,o=d<7&&5)=>{for(x.fillRect(960+1e3*X/Z,1e3*Y/Z,s=6/Z/Z,s);o--;f(X+R*S(a=t+11*o),Y+R,Z+R*C(a),d+1))R=o&&2**-d}
f(0,0,1,2)

May 8 2019 6:02 AM UTC

}// 140/140

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

#sierpinski #pyramid

Show more comments…
u/KilledByAPixel

Wow!
u/Jezza

So great!
u/iverjo

Impressive! #d3
u/katkip

cute
u/rodrigo.siqueira

They said it was impossible. But Pavel did it anyway and here it is.
u/KilledByAPixel

This one was worth of an awesome gif... https://imgur.com/gallery/oHiQizL
u/f8f82804

#perspective
u/KilledByAPixel

reddit says hi https://www.reddit.com/r/perfectloops/commen…
u/katkip

Top of the month
u/yukulele

shouldn't it have a triangular base?
u/pavel

That would be a tetrahedron. Pyramids usually have a square base.
u/vain

So wonderful! Amazing work!

show FPS hide FPS share 1 remix fullscreen

tomxor

function u(t) {

eval(unescape(escape`眽㤰Ⱪ㵬㵷⩷⼵ⱴ㴱⭴⩴⼱㈻景爨砮晩汬剥捴⠰ⰰⱣ⹷楤瑨㵷⨲ⱷ⨲⤻椭ⴻ砮晩汬剥捴⡘⨶ⱙ⨶ⰱ⭋ⰵ⤩堽椥眯㌬夽椯眬䘽琭椯氬䬽ㄭ䘥ㄬ䬪㴨奞堭繆⤯㈷┱⭋⨪㠬砮晩汬却祬攽恨獬⠤筩⨱㈰紬㤹┬⑻䬪㤹紥⥠`.replace(/u(..)/g,"$1%")))

Feb 14 2019 12:46 AM UTC

}// 140/140

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

Trinitron #crt #scanline #fractal

u/tomxor

Finally resorted to UTF8. This is a reasonably accurate slow motion aperture grille scanline animation... Although if run very slow you will see it's not simulating 3 electron beams. t=fps (scanline) w=width (subpixels) the later must be a multiple of 3 and 5. Use X, Y and floored F to plugin your own fractal!
u/tomxor

Uncompressed: w=90,i=l=w*w/5,t=1+t*t/12; for(x.fillRect(0,0,c.width=w*2,w*2);i--;x.fillRect(X*6,Y*6,1+K,5)) X=i%w/3,Y=i/w|0,F=t-i/l,K=1-F%1,K*=(Y^X-~F)/27%1+K**8, x.fillStyle=hsl(${i*120},99%,${K*99}%)
u/sigveseb

Kick-ass!
u/C010011012

bypassing the character limit I see using unicode escapements and regex u r very clever

show FPS hide FPS share 4 remixes fullscreen

katkip

remix of d/11885 by u/katkip

function u(t) {

seed=4
c.width*=1;for(i=43;i--;)for(j=71;j--;)
x.fillRect(j*30+S(i/seed+t)*100-100,i*30+C(j/seed+t)*100-100,30,30)

Jan 19 2019 6:50 PM UTC

}// 114/140

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

It is going up. To go down, change seed=0.02

u/katkip

Haha, this got 20 likes
u/Xen

seed=5+C(t)*2
u/katkip

The perfect straight one is seed=.0123
u/katkip

44 likes om!
u/vain

Very cool and smooth looking fx

show FPS hide FPS share fullscreen

ellisk1

function u(t) {

for(k=c.width|=n=960;k--;x.fillRect(n+(y/3+40)*C(a),y,7,99))j=k%n,a=j/62+((j/192|0)+(k>n))*3.2,x.fillStyle=R(b=S(a)*255,-b/2),y=(a+t*5)*30%n

Dec 25 2018 11:41 AM UTC

}// 140/140

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

Ribbon Christmas Tree

u/rodrigo.siqueira

#christmas #tree

show FPS hide FPS share 1 remix fullscreen

magna

function u(t) {

x.fillRect(0,0,c.width=w=255,w)
for(i=99;i--;x.fill(x.arc((t*b*i+i*i)%w,99+b,5+b/5,!x.beginPath(),7)))b=i&1?1:-1,x.fillStyle=R(w,b*w,b*w,.2)

Jun 26 2018 3:22 AM UTC

}// 140/140

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

Highway at night #bokeh

u/lionleaf

I like it! #traffic
u/magna

2 chars shorter, yellow headlights: with(x)for(i=fillRect(0,0,c.width=w=255,w)|99;i--;fill(arc((t*b+i)*i%w,99+b,5+b/5,!beginPath(),7)))b=i&1?1:-1,fillStyle=R(w,b*w,b*w*.8,.2)
u/aleamb

absolutely beautiful, magna
u/joeytwiddle

Love it. Reminds me of Mercury - The Timeless. Would be great to get some z-axis going.
u/magna

Thanks folks!

dwitter.net | RomanW (4172)