Top #flag dweets

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: #ScaryMovies

show FPS hide FPS share fullscreen

joeytwiddle

function u(t) {

x.fillStyle=['#000','#fff','#093'][t|0],x.fillRect(0,360*t,2e3,360)
x.fillStyle='#e23',x.fillRect(0,t*60,(t>9?18-t:t)*60,1)
//🇵🇸

Dec 24 2023 1:30 AM UTC

}// 128/140

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

#Flag of Palestine

u/cantelope

#slowdraw

show FPS hide FPS share 1 remix fullscreen

anotherkitten

function u(t) {

eval(unescape(escape`𨰮𬱴𮑬𩐮𨡡𨱫𩱲𫱵𫡤👒𚁍🐲𜠰𚐊𮀮𩡩𫁬𤱴𮑬𩐽𙰣𩑣𜀧𞱛𜀬𜐮𞀬𜠮𝰬𜰮𝠬𝀮𝑝𛡭𨑰𚁁🐾𦰰𛀱𛠳𛀲𛠵𛀳𛠸𛀵𧐮𫑡𬀨𨐽🡻𩡯𬠨𪐽𨠽𠐿𜠴𞠵𝰻𪐭🐳𞱸𛡦𪑬𫁒𩑣𭀨𝀸𜀭𠰨𠐩𚡍𛑩𚱄𚡓𚁡𚐬𜰶𜀫𤰨𠐩𚡍𛑩𛑄𚡃𚁡𚐬𪐪𜠬𪐪𜠩𚑄🐨𨠭𪐩𚠳𯐩𚐻`.replace(/u../g,'')))

Oct 16 2020 3:36 PM UTC

}// 140/140

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

Chinese Flag

u/joeytwiddle

#flag

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/9185 by u/f8f82804

function u(t) {

c.width=500;a=29;for(i=240;α=C(T=i/a-t),i--;)for(j=6;j--;x.fillRect(i,a+j*a+S(T)*7,1,30))x.fillStyle=`hsl(${a*j**1.4} 99%${9+a*(0<α)*α**2}%`

Aug 9 2018 9:22 PM UTC

}// 140/140

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

Remix #rainbow #flag with improved palette and #phong #shading with better shadows- - #pride #pbr

u/f8f82804

Correct shadows are implemented with the 0<α factor. To golf this in, I had to drop the diffuse reflection term and reuse constants. Palette improvements just took tweaking without extra characters.
u/f8f82804

Loop restructuring also give a very slight FPS improvement.

show FPS hide FPS share fullscreen

recursive

remix of d/2176 by u/scottglz

function u(t) {

w='#fff'
for(X=71;X--;)for(Y=39;Y--;x.fillRect(X*25,Y*25+C(X/2-t)*9,25,25))x.fillStyle=X<24&Y<21?Y%2|X-Y&3|!X|Y%20<1?'#00f':w:Y/3&1?w:'red'

Mar 18 2017 5:30 PM UTC

}// 139/140

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

u/joeytwiddle

#flag

show FPS hide FPS share 2 remixes fullscreen

scottglz

function u(t) {

for(X=71;X--;)for(Y=39;Y--;)x.fillStyle=X<24&Y<21?Y%2|(X-Y)%4|!Y|!X|Y>18?'#00f':'#fff':~~(Y/3)%2?'#fff':'red',x.fillRect(X*25,Y*25+X,25,25)

Mar 17 2017 8:04 PM UTC

}// 139/140

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

Needs more golfing to add an animated wave

Show more comments…
u/magna

~~(Y/3)%2 can be shortened to Y/3&1
u/magna

(X-Y)%4 can be shortened to X-Y&3
u/magna

Added some waves (not so nice): https://www.dwitter.net/d/2188
u/scottglz

I had figured out Y/3%2 before I saw your comment, but X-Y&3 eluded me. Thanks!
u/recursive

I added some different waves. https://www.dwitter.net/d/2196
u/iverjo

#flag

show FPS hide FPS share 2 remixes fullscreen

mxfh

remix of d/2113 by u/mxfh

function u(t) {

x.setTransform(f=60,0,0,f,9*f,9*f);i=~~t%8;r=i<4;x.rotate(Math.PI/2*i);x.fillStyle=r?'#D22630':'#003087';x.fillRect(l=r?-1:2,l,r?2:f,f)

Mar 14 2017 3:13 AM UTC

}// 135/140

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

http://www.norden.org/en/fakta-om-norden-1/t…

u/iverjo

#flag

show FPS hide FPS share 1 remix fullscreen

erin

remix of d/21477 by u/Qwitter

function u(t) {

w=c.width=1920;N=70;for(j=3e3;j--;){X=(j%N)*15;Y=((j/N)^0)*15;x.fillRect(X+4*(X/120*Y/100)+90,Y+40*S(X/N-7*t)+55,9,9);}x.fillRect(N,4,9,w)

Jan 30 2021 10:56 PM UTC

}// 138/140

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

flag, but i can't figure out how to have the left side not move, if anyone has ideas feel free to remix!

Show more comments…
u/erin

#flag
u/danny@hille.dk

just have your y movement be a function of x -> w=c.width=1920;N=70;for(j=3e3;j--;x.fillRect(X+4*(X/120*Y/100)+90,Y+X*.1*S(X/N-7*t)+55,9,9))X=(j%N)*15,Y=((j/N)^0)*15 x.fillRect(N,50,9,w)
u/danny@hille.dk

for(j=w=c.width|=N=60;j--;x.fillRect(X+4*(X*Y/8e3)+90,Y+X*.1*S(X/N-7*t)+55,9,9))X=j%N*15,Y=j/N*20;x.fillRect(N,50,9,w)
u/erin

o wow there we go
u/erin

room for color too
u/Qwitter

nice!

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/10827 by u/ETHproductions

function u(t) {

eval(unescape(escape`睩瑨⡸⥦潲⡆㵮㴾晩汬却祬攽測晩汬剥捴⠰ⰰⰷ㈰ⰵ㠴ⱆ怣㌳㝠⤬景湴㴢㠰灸✢Ⱪ㴵〻椭ⴻ晩汬呥硴⠢屵㈶〵∬⡩⼹⨲簰⤪㘰⬳〬ㄮ㈪⡩⨹㤥㐴㔩⬷㔩⥦楬汒散琨⡩㰴⤪㜲〬椪ㄶ㜬㉥㌬㠳ⱆ怣䈲㍠⤬䙠⍦晦总`.replace(/u(..)/g,"$1%")))

Jul 4 2019 2:48 PM UTC

}// 139/140

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

More accurate and golfed USA flag, happy 4th!

u/donbright

really nice
u/katkip

#flag

show FPS hide FPS share fullscreen

BalintCsala

function u(t) {

c.width=500
for(i=3;i--;)for(j=99;j--;)(x.fillStyle=`hsl(${i*120},99%,${60+(H=S(t*2+(j/20))*9*(1-j/120))}%`,x.fillRect(50+j,50+i*20+H,1,23))

Mar 26 2018 4:14 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 flag (of something) with shading

u/joeytwiddle

Nice work! I managed shading and colours before, but not both together. d/3161
u/iverjo

#flag

show FPS hide FPS share fullscreen

magna

remix of d/2176 by u/scottglz

function u(t) {

for(X=71;X--;)for(Y=39;Y--;)x.fillStyle=X<24&Y<21?Y%2|X-Y&3|!Y|!X|Y>18?'#00f':'#fff':Y/3&1?'#fff':'red',x.fillRect(X*25,Y*25+9*S(t+X),25,25)

Mar 18 2017 3:44 AM UTC

}// 140/140

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

u/iverjo

#flag

dwitter.net | #flag