Dweets awesomed by u/krispuusepp

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

pavel

function u(t) {

for(i=c.width|=0;y=--i>>7;)x[i&7?'arc':'moveTo'](43*(i/2&60|y&2),25*(3*y+y%2-2),99-i%2*(51+45/(1+i**C(t+y/9))),a=(i+y+.5)%6/.955,a)
x.fill()

May 11 2022 12:56 AM UTC

}// 140/140

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

Unblasphemous Geometryᵀᴹ Radical Echoes Pattern by Xponentialdesign

u/pavel

Source: https://www.reddit.com/user/xponentialdesign…
u/Xen

Love it!
u/vain

i'm really amazed how you converted the gif anim to an amazing tiny code. just great! <3
u/pavel

Thanks for the kind words :)

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

for(i=c.width|=h=1.5708;y=i--%3-1||S(i);x.fillRect(960+16*S(a+=i*h+t/3)/p,540-9*C(a)/p+13*r*y,4,4))r=9+9/(1+i**S(i*i+t)),p=S(a=i%3*i%h+.8)/r

Mar 30 2022 10:47 PM UTC

}// 140/140

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

Hypercube #beesandbombs

u/vain

very cool. like the morphing / moving dots / lines #cube #3d
u/tomxor

Very neat. The migration of the points gives it quite an etherial look.
u/aleamb

amazing!

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/10399 by u/rodrigo.siqueira

function u(t) {

for(x.fillRect(0,0,m=9e3,2e3);m--;x.fillStyle=R(m*S(m*m+t*3),m%210,Y/2))Y=m/9,x.fillRect(960+C(k=m/2-t/6)*Y*2,540+S(k)*Y+S(Y/99+t)*99,Y/9,9)

Feb 25 2022 9:51 PM UTC

}// 140/140

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

Waving surface. Remix of my first dweet (3D Sombrero Equation).

Show more comments…
u/magna

WHOAAAAAA
u/magna

so pretty!
u/tomxor

I hear a mexican wave when looking at this, peaking in the middle :D
u/vain

great code, great colors, great execution !
u/aleamb

brutal
u/pavel

Very nice; sparing chars for the black background adds a lot
u/Renaud___

beautiful
u/cristea

So great!

show FPS hide FPS share fullscreen

rep_movsd

function u(t) {

eval(unescape(escape`𭁼𯀨𮀮𩡩𫁬𤡥𨱴𚁘👙🐰𛀰𛁏🐲𩐳𛁏𚐬𪰽𣑡𭁨𛡲𨑮𩁯𫐩𒡦𫱲𚁸𛡲𫱴𨑴𩐨𤀽𣰩𛁡🐭𜐮𜠴𛁣🐭𪰨𚐬𩀽𪰨𚐬𮀮𩡩𫁬𤱴𮑬𩐽𤠨𩀪𤀬𪰨𚐪𤀬𪰨𚐪𤀬𛠸𚐬𪐽𣰻𛐭𪐻𚑸𛡦𪑬𫁒𩑣𭀨𦀪𣰬𦐪𣰬𜠬𜠩𛁛𦀬𦑝👛𤰨𨐪𦐩𚱣𚡃𚁡𚡘𚐬𤰨𛑣𚡘𚐫𩀪𠰨𛑣𚡙𚑝`.replace(/u../g,'')))

Nov 11 2021 4:41 PM UTC

}// 140/140

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

Chaotic Galaxies

u/rep_movsd

#fractal #chaos #space
u/rep_movsd

Based off of the Clifford attractor

show FPS hide FPS share fullscreen

Joachim

function u(t) {

eval(unescape(escape`󮬽󨼮󭽩󩍴󪌽󜬰󜌊󘝴󟽷󟝳󟝤󟝘󟝙󟝡󟜹󞭯󫭭󫽵󬽥󩍯󭽮󟝥󟜾󩌭󛜊󮌮󩭩󫍬󤭥󨽴󚍘󚼽󠼨󩬽󩌯󛬶󝌩󛍙󚼽󤼨󩬩󛌹󛌹󚜊󦌾󭼭󞜦󦜼󬼦󦜾󬼭󜜵󙭘󟍷󚼹󟼨󭼽󞜫󮬥󤼨󭌩󚬹󞜬󬼽󞜫󮬥󠼨󭌩󚬹󞜬󨜫󚼩󞭸󛭦󪝬󫍔󩝸󭌨󨜬󭼬󬼩󒭘󟌰󯍘󟭺󯍙󟌰󯍙󟬹󞜿󚍡󟜰󛍤󚼫󚜺󩌥󟜴`.replace(/u../g,'')))

Nov 11 2021 3:07 PM UTC

}// 140/140

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

Number collector!! Click the screen to move the square 90 degrees clockwise. Collect the numbers. Don't crash into the edge of the screen or all your points will be lost. #interactive #game

u/Joachim

Sorry, the square moves anti-clockwise when you click
u/neimad

love it
u/cantelope

nice! and i especially love that i can play it with only my main finger
u/sigveseb

well executed!
u/Joachim

Golfed more accurate movement: z=c.width=200;t?onmousedown=e=>d--:w=s=d=X=Y=a=9;x.fillRect(X+=C(f=d*1.57),Y+=S(f),9,9);X>w-9&Y<s&Y>s-15&X<w+9?(w=z%S(t)*99,s=9+z%C(t)*99,a++):x.fillText(a,w,s);X<0|X>z|Y<0|Y>99?(a=0,d-=2):d%=4

show FPS hide FPS share 1 remix fullscreen

taupelink

remix of d/24306 by u/taupelink

function u(t) {

for(m=t?0:1e4;X=1+S(m),Y=4*S(m*m--);x.fillRect(1e3*X,135*(4+Y),2*i*Y,q))i=m%256,x.fillStyle=R(q=m/9&i*C(X**3*.8),q^=i,q*=X*X%Y-1+Y*2,.1/Y/Y)

Nov 11 2021 2:05 AM UTC

}// 140/140

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

d/24323

u/magna

I Minecraft with cows roaming on a beach
u/Joachim

nice one!
u/tomxor

I also see some minecraft chickens on the left
u/Xen

love it!

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(i=c.width|=t%=1,s=60*2**t,r=.71+.29*t;i--;x.fillRect(((i&60)+Y%2*2+r*C(a=.7854*(2*i+t-1))-t-.5)*s,(Y*2+r*S(a)-.5)*s,s,s))Y=i>>6

Sep 8 2021 6:43 PM UTC

}// 131/140

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

Check this out

Show more comments…
u/UEZ

Looks very nice and smart coded. One noob question: which colors will be used in the loop by default when you don't use fillStyle? I saw many examples without fillStyle but the result is not monochrom. Thx.
u/rep_movsd

The default fill color and stroke color are black. Colors have to be set with fillStyle, strokeStyle or perhaps even setting the background (rare)
u/pavel

The default color for fill, fillRect, stroke, strokeRect is black and you need to call fillStyle or strokeStyle respectively. You must have seen other drawing techniques, maybe like putImage or using style attributes to add a filter over the B&W colors.
u/pavel

Haha looks like we answered at the same time and eerily similarly.
u/UEZ

Hmm, when I look to https://www.dwitter.net/d/23732 I cannot see any strokeStyle/fillStyle but the color result is greyscale.
u/pavel

Gray can be achieved by spacing out black pixels amongst white ones. d/23773 shows this clearest.

show FPS hide FPS share fullscreen

danny@hille.dk

remix of d/20135 by u/danny@hille.dk

function u(t) {

f=i=>S(t+y/255*C(t)+i*1.57)*120;for(y=c.width|=0;y--;)for(i=4;i--;)n=f(i),m=f(i+1),n<m&&x.fillRect(n+f(y/255)+940,y,k=m-n,(i%2?k:99-k)/120)

Sep 3 2021 12:37 PM UTC

}// 140/140

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

Twisted metal remix #uncompressed

u/danny@hille.dk

This is a personal thing!!! Twister2d is one of my favorite old school effects, it's also one of the first things i tried to golf to fit into a dweet (and I failed miserably :-)) I have retried tried (and failed) a couple of times, but this is the first time i actually managed to get the damn thing to fit without compression. I had to scarifice colors to maintin an interesting animation. Perhaps I'll get it next time :-) #twister #twister2d
u/New_Core

it look great...
u/DataMeta

beautiful #grayscale

show FPS hide FPS share 2 remixes fullscreen

TGY

remix of d/23680 by u/TGY

function u(t) {

for(i=frame%214,j=6;j--;)
for(y=82-20*j+9*S(p=i/45+j)**2;y++<120-j*20;x.fillRect(9*i,9*y|0,9,9))
x.fillStyle=R(g=80+45*S(p+y/20)**2,g+y,3*g)

Aug 30 2021 4:05 PM UTC

}// 140/140

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

#windows11

u/davidsover

Upgrade for free!

show FPS hide FPS share fullscreen

tactical_retard

remix of d/23593 by u/tactical_retard

function u(t) {

Y=60*t
for(X=w=h=2e3;X--;){
a=(X-1250)/(q=w/4)
b=(Y-q)/q
r=j=0
for(i=50;i--;)t=r,r=(t*t-j*j)+a,j=(2*t*j)+b;r*r+j*j<4&&x.fillRect(X,Y,1,1)}

Aug 19 2021 7:17 PM UTC

}// 138/140

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

mandelbrot set

dwitter.net | krispuusepp (4206)