How to draw a waving flag in TikZTikZ and FIFA WorldCup 2018: Flags of Nationstransform shape nonlinear=true vs. accessing coordinatesTikZ: Cropping the Bounding BoxRotate a node but not its content: the case of the ellipse decorationNational flag using TikZHow to define the default vertical distance between nodes?Drawing a flag in Tikz!TikZ: Drawing an arc from an intersection to an intersectionHow to prevent rounded and duplicated tick labels in pgfplots with fixed precision?Esperanto flag in Tikz?Algerian flag in TikzLine up nested tikz enviroments or how to get rid of them

Alternative to sending password over mail?

Why is 150k or 200k jobs considered good when there's 300k+ births a month?

What are these boxed doors outside store fronts in New York?

How do I gain back my faith in my PhD degree?

Are the number of citations and number of published articles the most important criteria for a tenure promotion?

What is a clear way to write a bar that has an extra beat?

Find the result of this dual key cipher

I'm flying to France today and my passport expires in less than 2 months

Is it unprofessional to ask if a job posting on GlassDoor is real?

Character reincarnated...as a snail

Why is consensus so controversial in Britain?

Replacing matching entries in one column of a file by another column from a different file

What does "Puller Prush Person" mean?

Watching something be written to a file live with tail

Convert two switches to a dual stack, and add outlet - possible here?

Can I ask the recruiters in my resume to put the reason why I am rejected?

What's the point of deactivating Num Lock on login screens?

NMaximize is not converging to a solution

Why doesn't H₄O²⁺ exist?

Is it possible to do 50 km distance without any previous training?

High voltage LED indicator 40-1000 VDC without additional power supply

What's that red-plus icon near a text?

When a company launches a new product do they "come out" with a new product or do they "come up" with a new product?

Malcev's paper "On a class of homogeneous spaces" in English



How to draw a waving flag in TikZ


TikZ and FIFA WorldCup 2018: Flags of Nationstransform shape nonlinear=true vs. accessing coordinatesTikZ: Cropping the Bounding BoxRotate a node but not its content: the case of the ellipse decorationNational flag using TikZHow to define the default vertical distance between nodes?Drawing a flag in Tikz!TikZ: Drawing an arc from an intersection to an intersectionHow to prevent rounded and duplicated tick labels in pgfplots with fixed precision?Esperanto flag in Tikz?Algerian flag in TikzLine up nested tikz enviroments or how to get rid of them













5















Let's take the flag of Germany as an example, because the flag is way quite simple and its waving state can be easily drawn "manually". But I am asking about general flag (the flag of any country/group, even the flag of my team).




Normal flag (1)



documentclass[tikz]standalone
usepackagexcolor
definecolorgerblaRGB0,0,0
definecolorgerredRGB255,0,0
definecolorgeryelRGB255,204,0
begindocument
begintikzpicture
fill[gerbla] (0,2) rectangle (5,3);
fill[gerred] (0,1) rectangle (5,2);
fill[geryel] (0,0) rectangle (5,1);
endtikzpicture
enddocument


enter image description here



Waving flag (2) (the ratio may not be true)



documentclass[tikz]standalone
usepackagexcolor
definecolorgerblaRGB0,0,0
definecolorgerredRGB255,0,0
definecolorgeryelRGB255,204,0
begindocument
begintikzpicture
fill[gerbla] (0,3) to[out=0,in=180] (4,2) -- (4,1) to[out=180,in=0] (0,2) -- cycle;
fill[gerred] (0,2) to[out=0,in=180] (4,1) -- (4,0) to[out=180,in=0] (0,1) -- cycle;
fill[geryel] (0,1) to[out=0,in=180] (4,0) -- (4,-1) to[out=180,in=0] (0,0) -- cycle;
endtikzpicture
enddocument


enter image description here



Advanced waving flag (3)



enter image description here



(unTikZified – image taken from Emojipedia)




Question



How to draw a waving flag? In other word, say I already have a rectangle-shape flag (1), with many patterns and items on it (even with some includegraphics), how can I "wave" (1) to get (2), where



  1. The ratio length/width is still correct.

  2. The images, patterns, etc. on the flag are waved too, and these items still fit correctly with the overall flag.

Bonus question



If I already have (1) or (2), how can I get shadow effects and light effects like (3)?




The code for the flag of the United States, as requested by @marmot:



documentclass[tikz]standalone
usetikzlibraryshapes
usepackagexcolor
begindocument
begintikzpicture
definecolorusbluergb.234,.233,.430
definecolorusaredrgb.698,.132,.203
fill[usared] (0,0) rectangle (1.9,1);
foreach i in 1,3,...,11
fill[white] (0,i/13) rectangle (1.9,(i+1)/13);
fill [usblue] (0,6/13) rectangle (1.9*2/5,1);
foreach i in 1,2,3,4,5,6
foreach j in 1,2,3,4,5
node[star,star points=5,star point ratio=2.25,fill=white,minimum size=0.0616cm,inner sep=0pt] at ((1.9/15)*i-(1.9/30),6/13+(7/130)+(7*(j-1)/65)) ;


foreach i in 1,2,3,4,5
foreach j in 1,2,3,4
node[star,star points=5,star point ratio=2.25,fill=white,minimum size=0.0616cm,inner sep=0pt] at ((1.9/15)*i,6/13+(7*j/65)) ;


endtikzpicture
enddocument


enter image description here










share|improve this question




























    5















    Let's take the flag of Germany as an example, because the flag is way quite simple and its waving state can be easily drawn "manually". But I am asking about general flag (the flag of any country/group, even the flag of my team).




    Normal flag (1)



    documentclass[tikz]standalone
    usepackagexcolor
    definecolorgerblaRGB0,0,0
    definecolorgerredRGB255,0,0
    definecolorgeryelRGB255,204,0
    begindocument
    begintikzpicture
    fill[gerbla] (0,2) rectangle (5,3);
    fill[gerred] (0,1) rectangle (5,2);
    fill[geryel] (0,0) rectangle (5,1);
    endtikzpicture
    enddocument


    enter image description here



    Waving flag (2) (the ratio may not be true)



    documentclass[tikz]standalone
    usepackagexcolor
    definecolorgerblaRGB0,0,0
    definecolorgerredRGB255,0,0
    definecolorgeryelRGB255,204,0
    begindocument
    begintikzpicture
    fill[gerbla] (0,3) to[out=0,in=180] (4,2) -- (4,1) to[out=180,in=0] (0,2) -- cycle;
    fill[gerred] (0,2) to[out=0,in=180] (4,1) -- (4,0) to[out=180,in=0] (0,1) -- cycle;
    fill[geryel] (0,1) to[out=0,in=180] (4,0) -- (4,-1) to[out=180,in=0] (0,0) -- cycle;
    endtikzpicture
    enddocument


    enter image description here



    Advanced waving flag (3)



    enter image description here



    (unTikZified – image taken from Emojipedia)




    Question



    How to draw a waving flag? In other word, say I already have a rectangle-shape flag (1), with many patterns and items on it (even with some includegraphics), how can I "wave" (1) to get (2), where



    1. The ratio length/width is still correct.

    2. The images, patterns, etc. on the flag are waved too, and these items still fit correctly with the overall flag.

    Bonus question



    If I already have (1) or (2), how can I get shadow effects and light effects like (3)?




    The code for the flag of the United States, as requested by @marmot:



    documentclass[tikz]standalone
    usetikzlibraryshapes
    usepackagexcolor
    begindocument
    begintikzpicture
    definecolorusbluergb.234,.233,.430
    definecolorusaredrgb.698,.132,.203
    fill[usared] (0,0) rectangle (1.9,1);
    foreach i in 1,3,...,11
    fill[white] (0,i/13) rectangle (1.9,(i+1)/13);
    fill [usblue] (0,6/13) rectangle (1.9*2/5,1);
    foreach i in 1,2,3,4,5,6
    foreach j in 1,2,3,4,5
    node[star,star points=5,star point ratio=2.25,fill=white,minimum size=0.0616cm,inner sep=0pt] at ((1.9/15)*i-(1.9/30),6/13+(7/130)+(7*(j-1)/65)) ;


    foreach i in 1,2,3,4,5
    foreach j in 1,2,3,4
    node[star,star points=5,star point ratio=2.25,fill=white,minimum size=0.0616cm,inner sep=0pt] at ((1.9/15)*i,6/13+(7*j/65)) ;


    endtikzpicture
    enddocument


    enter image description here










    share|improve this question


























      5












      5








      5


      1






      Let's take the flag of Germany as an example, because the flag is way quite simple and its waving state can be easily drawn "manually". But I am asking about general flag (the flag of any country/group, even the flag of my team).




      Normal flag (1)



      documentclass[tikz]standalone
      usepackagexcolor
      definecolorgerblaRGB0,0,0
      definecolorgerredRGB255,0,0
      definecolorgeryelRGB255,204,0
      begindocument
      begintikzpicture
      fill[gerbla] (0,2) rectangle (5,3);
      fill[gerred] (0,1) rectangle (5,2);
      fill[geryel] (0,0) rectangle (5,1);
      endtikzpicture
      enddocument


      enter image description here



      Waving flag (2) (the ratio may not be true)



      documentclass[tikz]standalone
      usepackagexcolor
      definecolorgerblaRGB0,0,0
      definecolorgerredRGB255,0,0
      definecolorgeryelRGB255,204,0
      begindocument
      begintikzpicture
      fill[gerbla] (0,3) to[out=0,in=180] (4,2) -- (4,1) to[out=180,in=0] (0,2) -- cycle;
      fill[gerred] (0,2) to[out=0,in=180] (4,1) -- (4,0) to[out=180,in=0] (0,1) -- cycle;
      fill[geryel] (0,1) to[out=0,in=180] (4,0) -- (4,-1) to[out=180,in=0] (0,0) -- cycle;
      endtikzpicture
      enddocument


      enter image description here



      Advanced waving flag (3)



      enter image description here



      (unTikZified – image taken from Emojipedia)




      Question



      How to draw a waving flag? In other word, say I already have a rectangle-shape flag (1), with many patterns and items on it (even with some includegraphics), how can I "wave" (1) to get (2), where



      1. The ratio length/width is still correct.

      2. The images, patterns, etc. on the flag are waved too, and these items still fit correctly with the overall flag.

      Bonus question



      If I already have (1) or (2), how can I get shadow effects and light effects like (3)?




      The code for the flag of the United States, as requested by @marmot:



      documentclass[tikz]standalone
      usetikzlibraryshapes
      usepackagexcolor
      begindocument
      begintikzpicture
      definecolorusbluergb.234,.233,.430
      definecolorusaredrgb.698,.132,.203
      fill[usared] (0,0) rectangle (1.9,1);
      foreach i in 1,3,...,11
      fill[white] (0,i/13) rectangle (1.9,(i+1)/13);
      fill [usblue] (0,6/13) rectangle (1.9*2/5,1);
      foreach i in 1,2,3,4,5,6
      foreach j in 1,2,3,4,5
      node[star,star points=5,star point ratio=2.25,fill=white,minimum size=0.0616cm,inner sep=0pt] at ((1.9/15)*i-(1.9/30),6/13+(7/130)+(7*(j-1)/65)) ;


      foreach i in 1,2,3,4,5
      foreach j in 1,2,3,4
      node[star,star points=5,star point ratio=2.25,fill=white,minimum size=0.0616cm,inner sep=0pt] at ((1.9/15)*i,6/13+(7*j/65)) ;


      endtikzpicture
      enddocument


      enter image description here










      share|improve this question
















      Let's take the flag of Germany as an example, because the flag is way quite simple and its waving state can be easily drawn "manually". But I am asking about general flag (the flag of any country/group, even the flag of my team).




      Normal flag (1)



      documentclass[tikz]standalone
      usepackagexcolor
      definecolorgerblaRGB0,0,0
      definecolorgerredRGB255,0,0
      definecolorgeryelRGB255,204,0
      begindocument
      begintikzpicture
      fill[gerbla] (0,2) rectangle (5,3);
      fill[gerred] (0,1) rectangle (5,2);
      fill[geryel] (0,0) rectangle (5,1);
      endtikzpicture
      enddocument


      enter image description here



      Waving flag (2) (the ratio may not be true)



      documentclass[tikz]standalone
      usepackagexcolor
      definecolorgerblaRGB0,0,0
      definecolorgerredRGB255,0,0
      definecolorgeryelRGB255,204,0
      begindocument
      begintikzpicture
      fill[gerbla] (0,3) to[out=0,in=180] (4,2) -- (4,1) to[out=180,in=0] (0,2) -- cycle;
      fill[gerred] (0,2) to[out=0,in=180] (4,1) -- (4,0) to[out=180,in=0] (0,1) -- cycle;
      fill[geryel] (0,1) to[out=0,in=180] (4,0) -- (4,-1) to[out=180,in=0] (0,0) -- cycle;
      endtikzpicture
      enddocument


      enter image description here



      Advanced waving flag (3)



      enter image description here



      (unTikZified – image taken from Emojipedia)




      Question



      How to draw a waving flag? In other word, say I already have a rectangle-shape flag (1), with many patterns and items on it (even with some includegraphics), how can I "wave" (1) to get (2), where



      1. The ratio length/width is still correct.

      2. The images, patterns, etc. on the flag are waved too, and these items still fit correctly with the overall flag.

      Bonus question



      If I already have (1) or (2), how can I get shadow effects and light effects like (3)?




      The code for the flag of the United States, as requested by @marmot:



      documentclass[tikz]standalone
      usetikzlibraryshapes
      usepackagexcolor
      begindocument
      begintikzpicture
      definecolorusbluergb.234,.233,.430
      definecolorusaredrgb.698,.132,.203
      fill[usared] (0,0) rectangle (1.9,1);
      foreach i in 1,3,...,11
      fill[white] (0,i/13) rectangle (1.9,(i+1)/13);
      fill [usblue] (0,6/13) rectangle (1.9*2/5,1);
      foreach i in 1,2,3,4,5,6
      foreach j in 1,2,3,4,5
      node[star,star points=5,star point ratio=2.25,fill=white,minimum size=0.0616cm,inner sep=0pt] at ((1.9/15)*i-(1.9/30),6/13+(7/130)+(7*(j-1)/65)) ;


      foreach i in 1,2,3,4,5
      foreach j in 1,2,3,4
      node[star,star points=5,star point ratio=2.25,fill=white,minimum size=0.0616cm,inner sep=0pt] at ((1.9/15)*i,6/13+(7*j/65)) ;


      endtikzpicture
      enddocument


      enter image description here







      tikz-pgf






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited 1 hour ago







      JouleV

















      asked 2 hours ago









      JouleVJouleV

      10.9k22560




      10.9k22560




















          1 Answer
          1






          active

          oldest

          votes


















          7














          You can use nonlinear transformations to achieve this effect.



          documentclass[tikz,border=3.14mm]standalone
          usepgfmodulenonlineartransformations
          definecolorgerblaRGB0,0,0
          definecolorgerredRGB255,0,0
          definecolorgeryelRGB255,204,0
          makeatletter
          defflagtransformation%
          pgf@xa=pgf@x%
          pgf@ya=pgf@y%
          %typeoutoldspace x=pgf@xaspace old space y=pgf@ya%
          pgfmathsetmacromyypgf@ya+7*sin(pgf@xa*3.6)-0.1*pgf@xa%
          %typeoutatspace x=thepgf@xa:space newspace y=myy%
          pgf@y=myy pt
          makeatother
          newcommandGermanFlag%
          fill[gerbla] (0,2) rectangle (4,3);
          fill[gerred] (0,1) rectangle (4,2);
          fill[geryel] (0,0) rectangle (4,1);
          begindocument
          begintikzpicture[font=sffamily,scale=1]
          beginscope[local bounding box=linear]
          GermanFlag
          endscope
          node[anchor=south] (lin) at (linear.north)linear;
          beginscope[xshift=5cm,local bounding box=nonlinear,transform shape
          nonlinear=true]
          pgftransformnonlinearflagtransformation
          GermanFlag
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (0,0) rectangle (2,3);
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (2,0) rectangle (4,3);
          endscope
          node[anchor=south] at (lin.south-|nonlinear.north)nonlinear;
          endtikzpicture
          enddocument


          enter image description here



          Of course, this works with any flag you have the TikZ code for, including of course your nice US flag.



          documentclass[tikz,border=3.14mm]standalone
          usetikzlibraryshapes
          usepgfmodulenonlineartransformations
          definecolorusbluergb.234,.233,.430
          definecolorusaredrgb.698,.132,.203
          makeatletter
          defflagtransformation%
          pgf@xa=pgf@x%
          pgf@ya=pgf@y%
          %typeoutoldspace x=pgf@xaspace old space y=pgf@ya%
          pgfmathsetmacromyypgf@ya+7*sin(pgf@xa*3.6)-0.1*pgf@xa%
          %typeoutatspace x=thepgf@xa:space newspace y=myy%
          pgf@y=myy pt
          makeatother
          newcommandUSFlag%
          fill[usared] (0,0) rectangle (1.9,1);
          foreach i in 1,3,...,11
          fill[white] (0,i/13) rectangle (1.9,(i+1)/13);
          fill [usblue] (0,6/13) rectangle (1.9*2/5,1);
          foreach i in 1,2,3,4,5,6
          foreach j in 1,2,3,4,5
          node[star,star points=5,star point ratio=2.25,fill=white,
          minimum size=0.0616cm,inner sep=0pt] at ((1.9/15)*i-(1.9/30),6/13+(7/130)+(7*(j-1)/65)) ;


          foreach i in 1,2,3,4,5
          foreach j in 1,2,3,4
          node[star,star points=5,star point ratio=2.25,fill=white,minimum size=0.0616cm,inner sep=0pt] at ((1.9/15)*i,6/13+(7*j/65)) ;


          begindocument
          begintikzpicture[font=sffamily,scale=2,transform shape]
          beginscope[local bounding box=linear]
          USFlag
          endscope
          node[anchor=south] (lin) at (linear.north)linear;
          beginscope[xshift=2.5cm,local bounding box=nonlinear,transform shape
          nonlinear=true]
          pgftransformnonlinearflagtransformation
          USFlag
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (0,0) rectangle (0.95,1);
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (0.95,0) rectangle (1.9,1);
          endscope
          node[anchor=south] at (lin.south-|nonlinear.north)nonlinear;
          endtikzpicture
          enddocument


          enter image description here



          And here is something for Black Mild.



          documentclass[tikz,border=3.14mm]standalone
          usetikzlibraryshapes
          usepgfmodulenonlineartransformations
          definecolorusbluergb.234,.233,.430
          definecolorusaredrgb.698,.132,.203
          makeatletter
          defflagtransformation%
          pgf@xa=pgf@x%
          pgf@ya=pgf@y%
          %typeoutoldspace x=pgf@xaspace old space y=pgf@ya%
          pgfmathsetmacromyypgf@ya+7*sin(pgf@xa*3.6)-0.1*pgf@xa%
          %typeoutatspace x=thepgf@xa:space newspace y=myy%
          pgf@y=myy pt
          tikzdeclarecoordinatesystemflag% https://tex.stackexchange.com/a/434247/121799
          tikz@scan@one@pointrelax(#1)
          flagtransformation

          makeatother
          newcommandUSFlag%
          fill[usared] (0,0) rectangle (1.9,1);
          foreach i in 1,3,...,11
          fill[white] (0,i/13) rectangle (1.9,(i+1)/13);
          fill [usblue] (0,6/13) rectangle (1.9*2/5,1);
          foreach i in 1,2,3,4,5,6
          foreach j in 1,2,3,4,5
          node[star,star points=5,star point ratio=2.25,fill=white,
          minimum size=0.0616cm,inner sep=0pt] at ((1.9/15)*i-(1.9/30),6/13+(7/130)+(7*(j-1)/65)) ;


          foreach i in 1,2,3,4,5
          foreach j in 1,2,3,4
          node[star,star points=5,star point ratio=2.25,fill=white,minimum size=0.0616cm,inner sep=0pt] at ((1.9/15)*i,6/13+(7*j/65)) ;


          begindocument
          foreach X in 0,5,...,95
          begintikzpicture[font=sffamily,scale=2,transform shape]
          beginscope[xshift=X pt,
          local bounding box=nonlinear,transform shape
          nonlinear=true]
          pgftransformnonlinearflagtransformation
          USFlag
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (0,0) rectangle (0.95,1);
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (0.95,0) rectangle (1.9,1);
          shade[left color=gray,right color=gray!70,middle color=gray!20]
          (0,1.05) rectangle ++ (-0.1,-3);
          endscope
          endtikzpicture
          enddocument


          enter image description here



          This answer has the codes for many flags, out of which I picked Iceland. (Note that if the flag contains shapes, you need to say transform shape nonlinear=true.) The shading can be added on top.



          documentclass[tikz,border=3.14mm]standalone
          usepgfmodulenonlineartransformations
          makeatletter
          defflagtransformation%
          pgf@xa=pgf@x%
          pgf@ya=pgf@y%
          %typeoutoldspace x=pgf@xaspace old space y=pgf@ya%
          pgfmathsetmacromyypgf@ya+7*sin(pgf@xa*3.6)-0.1*pgf@xa%
          %typeoutatspace x=thepgf@xa:space newspace y=myy%
          pgf@y=myy pt
          makeatother
          definecolorSkyBluergb0.00784314,0.32156864,0.61176473
          definecolorFireRedrgb0.86274511,0.11764706,0.20784314
          newcommandIcelandFlag
          fill[SkyBlue] (0,0) rectangle (25,18);
          fill[white] (7,0) rectangle (11,18);
          fill[white] (0,7) rectangle (25,11);
          fill[FireRed] (8,0) rectangle (10,18);
          fill[FireRed] (0,8) rectangle (25,10);
          begindocument
          begintikzpicture[font=sffamily,scale=0.15]
          beginscope[local bounding box=linear]
          IcelandFlag
          endscope
          node[anchor=south] (lin) at (linear.north)linear;
          beginscope[xshift=35cm,local bounding box=nonlinear]
          pgftransformnonlinearflagtransformation
          IcelandFlag
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (0,0) rectangle (12.5,18);
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (12.5,0) rectangle (25,18);
          endscope
          node[anchor=south] at (lin.south-|nonlinear.north)nonlinear;
          endtikzpicture
          enddocument


          enter image description here



          In order to draw a 3d flag, you may use tikz-3dplot.
          With shade you can get something like this.



          documentclass[tikz]standalone
          usepackagetikz-3dplot
          definecolorgerblaRGB0,0,0
          definecolorgerredRGB255,0,0
          definecolorgeryelRGB255,204,0
          begindocument
          tdplotsetmaincoords7020
          begintikzpicture[tdplot_main_coords]
          % draw[-stealth] (0,0,0) -- (2,0,0) node[pos=1.1]$x$;
          % draw[-stealth] (0,0,0) -- (0,2,0) node[pos=1.1]$y$;
          foreach X [count=Y] in gerbla,gerred,geryel
          shade[left color=X,right color=X!70!black,middle color=X!70!white]
          plot[variable=x,domain=0:2] (x,0.2*sin(x*90),4-Y)
          --
          plot[variable=x,domain=2:0] (x,0.2*sin(x*90),3-Y);
          shade[left color=X!70!black,right color=X,middle color=X!70!white]
          plot[variable=x,domain=2:4] (x,0.2*sin(x*90),4-Y)
          --
          plot[variable=x,domain=4:2] (x,0.2*sin(x*90),3-Y);
          endtikzpicture
          enddocument


          enter image description here






          share|improve this answer

























          • I'm afraid this only answers the bonus question, for flags of Germany, Netherlands, etc. only. How can it deal with, for example, the US flag?

            – JouleV
            2 hours ago











          • @JouleV I switched gears completely and used nonlinear transformations. That way you can wave any flag you have the TikZ code for.

            – marmot
            1 hour ago






          • 1





            @JouleV It does work if you set transform shape nonlinear=true.

            – marmot
            1 hour ago






          • 1





            @marmot One word: perfect! Thanks you very much!!!!!

            – JouleV
            1 hour ago






          • 1





            @JouleV OK OK, I give in. Now it is attached to some post. ;-)

            – marmot
            28 mins ago












          Your Answer








          StackExchange.ready(function()
          var channelOptions =
          tags: "".split(" "),
          id: "85"
          ;
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function()
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled)
          StackExchange.using("snippets", function()
          createEditor();
          );

          else
          createEditor();

          );

          function createEditor()
          StackExchange.prepareEditor(
          heartbeatType: 'answer',
          autoActivateHeartbeat: false,
          convertImagesToLinks: false,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: null,
          bindNavPrevention: true,
          postfix: "",
          imageUploader:
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          ,
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          );



          );













          draft saved

          draft discarded


















          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2ftex.stackexchange.com%2fquestions%2f483459%2fhow-to-draw-a-waving-flag-in-tikz%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown

























          1 Answer
          1






          active

          oldest

          votes








          1 Answer
          1






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes









          7














          You can use nonlinear transformations to achieve this effect.



          documentclass[tikz,border=3.14mm]standalone
          usepgfmodulenonlineartransformations
          definecolorgerblaRGB0,0,0
          definecolorgerredRGB255,0,0
          definecolorgeryelRGB255,204,0
          makeatletter
          defflagtransformation%
          pgf@xa=pgf@x%
          pgf@ya=pgf@y%
          %typeoutoldspace x=pgf@xaspace old space y=pgf@ya%
          pgfmathsetmacromyypgf@ya+7*sin(pgf@xa*3.6)-0.1*pgf@xa%
          %typeoutatspace x=thepgf@xa:space newspace y=myy%
          pgf@y=myy pt
          makeatother
          newcommandGermanFlag%
          fill[gerbla] (0,2) rectangle (4,3);
          fill[gerred] (0,1) rectangle (4,2);
          fill[geryel] (0,0) rectangle (4,1);
          begindocument
          begintikzpicture[font=sffamily,scale=1]
          beginscope[local bounding box=linear]
          GermanFlag
          endscope
          node[anchor=south] (lin) at (linear.north)linear;
          beginscope[xshift=5cm,local bounding box=nonlinear,transform shape
          nonlinear=true]
          pgftransformnonlinearflagtransformation
          GermanFlag
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (0,0) rectangle (2,3);
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (2,0) rectangle (4,3);
          endscope
          node[anchor=south] at (lin.south-|nonlinear.north)nonlinear;
          endtikzpicture
          enddocument


          enter image description here



          Of course, this works with any flag you have the TikZ code for, including of course your nice US flag.



          documentclass[tikz,border=3.14mm]standalone
          usetikzlibraryshapes
          usepgfmodulenonlineartransformations
          definecolorusbluergb.234,.233,.430
          definecolorusaredrgb.698,.132,.203
          makeatletter
          defflagtransformation%
          pgf@xa=pgf@x%
          pgf@ya=pgf@y%
          %typeoutoldspace x=pgf@xaspace old space y=pgf@ya%
          pgfmathsetmacromyypgf@ya+7*sin(pgf@xa*3.6)-0.1*pgf@xa%
          %typeoutatspace x=thepgf@xa:space newspace y=myy%
          pgf@y=myy pt
          makeatother
          newcommandUSFlag%
          fill[usared] (0,0) rectangle (1.9,1);
          foreach i in 1,3,...,11
          fill[white] (0,i/13) rectangle (1.9,(i+1)/13);
          fill [usblue] (0,6/13) rectangle (1.9*2/5,1);
          foreach i in 1,2,3,4,5,6
          foreach j in 1,2,3,4,5
          node[star,star points=5,star point ratio=2.25,fill=white,
          minimum size=0.0616cm,inner sep=0pt] at ((1.9/15)*i-(1.9/30),6/13+(7/130)+(7*(j-1)/65)) ;


          foreach i in 1,2,3,4,5
          foreach j in 1,2,3,4
          node[star,star points=5,star point ratio=2.25,fill=white,minimum size=0.0616cm,inner sep=0pt] at ((1.9/15)*i,6/13+(7*j/65)) ;


          begindocument
          begintikzpicture[font=sffamily,scale=2,transform shape]
          beginscope[local bounding box=linear]
          USFlag
          endscope
          node[anchor=south] (lin) at (linear.north)linear;
          beginscope[xshift=2.5cm,local bounding box=nonlinear,transform shape
          nonlinear=true]
          pgftransformnonlinearflagtransformation
          USFlag
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (0,0) rectangle (0.95,1);
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (0.95,0) rectangle (1.9,1);
          endscope
          node[anchor=south] at (lin.south-|nonlinear.north)nonlinear;
          endtikzpicture
          enddocument


          enter image description here



          And here is something for Black Mild.



          documentclass[tikz,border=3.14mm]standalone
          usetikzlibraryshapes
          usepgfmodulenonlineartransformations
          definecolorusbluergb.234,.233,.430
          definecolorusaredrgb.698,.132,.203
          makeatletter
          defflagtransformation%
          pgf@xa=pgf@x%
          pgf@ya=pgf@y%
          %typeoutoldspace x=pgf@xaspace old space y=pgf@ya%
          pgfmathsetmacromyypgf@ya+7*sin(pgf@xa*3.6)-0.1*pgf@xa%
          %typeoutatspace x=thepgf@xa:space newspace y=myy%
          pgf@y=myy pt
          tikzdeclarecoordinatesystemflag% https://tex.stackexchange.com/a/434247/121799
          tikz@scan@one@pointrelax(#1)
          flagtransformation

          makeatother
          newcommandUSFlag%
          fill[usared] (0,0) rectangle (1.9,1);
          foreach i in 1,3,...,11
          fill[white] (0,i/13) rectangle (1.9,(i+1)/13);
          fill [usblue] (0,6/13) rectangle (1.9*2/5,1);
          foreach i in 1,2,3,4,5,6
          foreach j in 1,2,3,4,5
          node[star,star points=5,star point ratio=2.25,fill=white,
          minimum size=0.0616cm,inner sep=0pt] at ((1.9/15)*i-(1.9/30),6/13+(7/130)+(7*(j-1)/65)) ;


          foreach i in 1,2,3,4,5
          foreach j in 1,2,3,4
          node[star,star points=5,star point ratio=2.25,fill=white,minimum size=0.0616cm,inner sep=0pt] at ((1.9/15)*i,6/13+(7*j/65)) ;


          begindocument
          foreach X in 0,5,...,95
          begintikzpicture[font=sffamily,scale=2,transform shape]
          beginscope[xshift=X pt,
          local bounding box=nonlinear,transform shape
          nonlinear=true]
          pgftransformnonlinearflagtransformation
          USFlag
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (0,0) rectangle (0.95,1);
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (0.95,0) rectangle (1.9,1);
          shade[left color=gray,right color=gray!70,middle color=gray!20]
          (0,1.05) rectangle ++ (-0.1,-3);
          endscope
          endtikzpicture
          enddocument


          enter image description here



          This answer has the codes for many flags, out of which I picked Iceland. (Note that if the flag contains shapes, you need to say transform shape nonlinear=true.) The shading can be added on top.



          documentclass[tikz,border=3.14mm]standalone
          usepgfmodulenonlineartransformations
          makeatletter
          defflagtransformation%
          pgf@xa=pgf@x%
          pgf@ya=pgf@y%
          %typeoutoldspace x=pgf@xaspace old space y=pgf@ya%
          pgfmathsetmacromyypgf@ya+7*sin(pgf@xa*3.6)-0.1*pgf@xa%
          %typeoutatspace x=thepgf@xa:space newspace y=myy%
          pgf@y=myy pt
          makeatother
          definecolorSkyBluergb0.00784314,0.32156864,0.61176473
          definecolorFireRedrgb0.86274511,0.11764706,0.20784314
          newcommandIcelandFlag
          fill[SkyBlue] (0,0) rectangle (25,18);
          fill[white] (7,0) rectangle (11,18);
          fill[white] (0,7) rectangle (25,11);
          fill[FireRed] (8,0) rectangle (10,18);
          fill[FireRed] (0,8) rectangle (25,10);
          begindocument
          begintikzpicture[font=sffamily,scale=0.15]
          beginscope[local bounding box=linear]
          IcelandFlag
          endscope
          node[anchor=south] (lin) at (linear.north)linear;
          beginscope[xshift=35cm,local bounding box=nonlinear]
          pgftransformnonlinearflagtransformation
          IcelandFlag
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (0,0) rectangle (12.5,18);
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (12.5,0) rectangle (25,18);
          endscope
          node[anchor=south] at (lin.south-|nonlinear.north)nonlinear;
          endtikzpicture
          enddocument


          enter image description here



          In order to draw a 3d flag, you may use tikz-3dplot.
          With shade you can get something like this.



          documentclass[tikz]standalone
          usepackagetikz-3dplot
          definecolorgerblaRGB0,0,0
          definecolorgerredRGB255,0,0
          definecolorgeryelRGB255,204,0
          begindocument
          tdplotsetmaincoords7020
          begintikzpicture[tdplot_main_coords]
          % draw[-stealth] (0,0,0) -- (2,0,0) node[pos=1.1]$x$;
          % draw[-stealth] (0,0,0) -- (0,2,0) node[pos=1.1]$y$;
          foreach X [count=Y] in gerbla,gerred,geryel
          shade[left color=X,right color=X!70!black,middle color=X!70!white]
          plot[variable=x,domain=0:2] (x,0.2*sin(x*90),4-Y)
          --
          plot[variable=x,domain=2:0] (x,0.2*sin(x*90),3-Y);
          shade[left color=X!70!black,right color=X,middle color=X!70!white]
          plot[variable=x,domain=2:4] (x,0.2*sin(x*90),4-Y)
          --
          plot[variable=x,domain=4:2] (x,0.2*sin(x*90),3-Y);
          endtikzpicture
          enddocument


          enter image description here






          share|improve this answer

























          • I'm afraid this only answers the bonus question, for flags of Germany, Netherlands, etc. only. How can it deal with, for example, the US flag?

            – JouleV
            2 hours ago











          • @JouleV I switched gears completely and used nonlinear transformations. That way you can wave any flag you have the TikZ code for.

            – marmot
            1 hour ago






          • 1





            @JouleV It does work if you set transform shape nonlinear=true.

            – marmot
            1 hour ago






          • 1





            @marmot One word: perfect! Thanks you very much!!!!!

            – JouleV
            1 hour ago






          • 1





            @JouleV OK OK, I give in. Now it is attached to some post. ;-)

            – marmot
            28 mins ago
















          7














          You can use nonlinear transformations to achieve this effect.



          documentclass[tikz,border=3.14mm]standalone
          usepgfmodulenonlineartransformations
          definecolorgerblaRGB0,0,0
          definecolorgerredRGB255,0,0
          definecolorgeryelRGB255,204,0
          makeatletter
          defflagtransformation%
          pgf@xa=pgf@x%
          pgf@ya=pgf@y%
          %typeoutoldspace x=pgf@xaspace old space y=pgf@ya%
          pgfmathsetmacromyypgf@ya+7*sin(pgf@xa*3.6)-0.1*pgf@xa%
          %typeoutatspace x=thepgf@xa:space newspace y=myy%
          pgf@y=myy pt
          makeatother
          newcommandGermanFlag%
          fill[gerbla] (0,2) rectangle (4,3);
          fill[gerred] (0,1) rectangle (4,2);
          fill[geryel] (0,0) rectangle (4,1);
          begindocument
          begintikzpicture[font=sffamily,scale=1]
          beginscope[local bounding box=linear]
          GermanFlag
          endscope
          node[anchor=south] (lin) at (linear.north)linear;
          beginscope[xshift=5cm,local bounding box=nonlinear,transform shape
          nonlinear=true]
          pgftransformnonlinearflagtransformation
          GermanFlag
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (0,0) rectangle (2,3);
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (2,0) rectangle (4,3);
          endscope
          node[anchor=south] at (lin.south-|nonlinear.north)nonlinear;
          endtikzpicture
          enddocument


          enter image description here



          Of course, this works with any flag you have the TikZ code for, including of course your nice US flag.



          documentclass[tikz,border=3.14mm]standalone
          usetikzlibraryshapes
          usepgfmodulenonlineartransformations
          definecolorusbluergb.234,.233,.430
          definecolorusaredrgb.698,.132,.203
          makeatletter
          defflagtransformation%
          pgf@xa=pgf@x%
          pgf@ya=pgf@y%
          %typeoutoldspace x=pgf@xaspace old space y=pgf@ya%
          pgfmathsetmacromyypgf@ya+7*sin(pgf@xa*3.6)-0.1*pgf@xa%
          %typeoutatspace x=thepgf@xa:space newspace y=myy%
          pgf@y=myy pt
          makeatother
          newcommandUSFlag%
          fill[usared] (0,0) rectangle (1.9,1);
          foreach i in 1,3,...,11
          fill[white] (0,i/13) rectangle (1.9,(i+1)/13);
          fill [usblue] (0,6/13) rectangle (1.9*2/5,1);
          foreach i in 1,2,3,4,5,6
          foreach j in 1,2,3,4,5
          node[star,star points=5,star point ratio=2.25,fill=white,
          minimum size=0.0616cm,inner sep=0pt] at ((1.9/15)*i-(1.9/30),6/13+(7/130)+(7*(j-1)/65)) ;


          foreach i in 1,2,3,4,5
          foreach j in 1,2,3,4
          node[star,star points=5,star point ratio=2.25,fill=white,minimum size=0.0616cm,inner sep=0pt] at ((1.9/15)*i,6/13+(7*j/65)) ;


          begindocument
          begintikzpicture[font=sffamily,scale=2,transform shape]
          beginscope[local bounding box=linear]
          USFlag
          endscope
          node[anchor=south] (lin) at (linear.north)linear;
          beginscope[xshift=2.5cm,local bounding box=nonlinear,transform shape
          nonlinear=true]
          pgftransformnonlinearflagtransformation
          USFlag
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (0,0) rectangle (0.95,1);
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (0.95,0) rectangle (1.9,1);
          endscope
          node[anchor=south] at (lin.south-|nonlinear.north)nonlinear;
          endtikzpicture
          enddocument


          enter image description here



          And here is something for Black Mild.



          documentclass[tikz,border=3.14mm]standalone
          usetikzlibraryshapes
          usepgfmodulenonlineartransformations
          definecolorusbluergb.234,.233,.430
          definecolorusaredrgb.698,.132,.203
          makeatletter
          defflagtransformation%
          pgf@xa=pgf@x%
          pgf@ya=pgf@y%
          %typeoutoldspace x=pgf@xaspace old space y=pgf@ya%
          pgfmathsetmacromyypgf@ya+7*sin(pgf@xa*3.6)-0.1*pgf@xa%
          %typeoutatspace x=thepgf@xa:space newspace y=myy%
          pgf@y=myy pt
          tikzdeclarecoordinatesystemflag% https://tex.stackexchange.com/a/434247/121799
          tikz@scan@one@pointrelax(#1)
          flagtransformation

          makeatother
          newcommandUSFlag%
          fill[usared] (0,0) rectangle (1.9,1);
          foreach i in 1,3,...,11
          fill[white] (0,i/13) rectangle (1.9,(i+1)/13);
          fill [usblue] (0,6/13) rectangle (1.9*2/5,1);
          foreach i in 1,2,3,4,5,6
          foreach j in 1,2,3,4,5
          node[star,star points=5,star point ratio=2.25,fill=white,
          minimum size=0.0616cm,inner sep=0pt] at ((1.9/15)*i-(1.9/30),6/13+(7/130)+(7*(j-1)/65)) ;


          foreach i in 1,2,3,4,5
          foreach j in 1,2,3,4
          node[star,star points=5,star point ratio=2.25,fill=white,minimum size=0.0616cm,inner sep=0pt] at ((1.9/15)*i,6/13+(7*j/65)) ;


          begindocument
          foreach X in 0,5,...,95
          begintikzpicture[font=sffamily,scale=2,transform shape]
          beginscope[xshift=X pt,
          local bounding box=nonlinear,transform shape
          nonlinear=true]
          pgftransformnonlinearflagtransformation
          USFlag
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (0,0) rectangle (0.95,1);
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (0.95,0) rectangle (1.9,1);
          shade[left color=gray,right color=gray!70,middle color=gray!20]
          (0,1.05) rectangle ++ (-0.1,-3);
          endscope
          endtikzpicture
          enddocument


          enter image description here



          This answer has the codes for many flags, out of which I picked Iceland. (Note that if the flag contains shapes, you need to say transform shape nonlinear=true.) The shading can be added on top.



          documentclass[tikz,border=3.14mm]standalone
          usepgfmodulenonlineartransformations
          makeatletter
          defflagtransformation%
          pgf@xa=pgf@x%
          pgf@ya=pgf@y%
          %typeoutoldspace x=pgf@xaspace old space y=pgf@ya%
          pgfmathsetmacromyypgf@ya+7*sin(pgf@xa*3.6)-0.1*pgf@xa%
          %typeoutatspace x=thepgf@xa:space newspace y=myy%
          pgf@y=myy pt
          makeatother
          definecolorSkyBluergb0.00784314,0.32156864,0.61176473
          definecolorFireRedrgb0.86274511,0.11764706,0.20784314
          newcommandIcelandFlag
          fill[SkyBlue] (0,0) rectangle (25,18);
          fill[white] (7,0) rectangle (11,18);
          fill[white] (0,7) rectangle (25,11);
          fill[FireRed] (8,0) rectangle (10,18);
          fill[FireRed] (0,8) rectangle (25,10);
          begindocument
          begintikzpicture[font=sffamily,scale=0.15]
          beginscope[local bounding box=linear]
          IcelandFlag
          endscope
          node[anchor=south] (lin) at (linear.north)linear;
          beginscope[xshift=35cm,local bounding box=nonlinear]
          pgftransformnonlinearflagtransformation
          IcelandFlag
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (0,0) rectangle (12.5,18);
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (12.5,0) rectangle (25,18);
          endscope
          node[anchor=south] at (lin.south-|nonlinear.north)nonlinear;
          endtikzpicture
          enddocument


          enter image description here



          In order to draw a 3d flag, you may use tikz-3dplot.
          With shade you can get something like this.



          documentclass[tikz]standalone
          usepackagetikz-3dplot
          definecolorgerblaRGB0,0,0
          definecolorgerredRGB255,0,0
          definecolorgeryelRGB255,204,0
          begindocument
          tdplotsetmaincoords7020
          begintikzpicture[tdplot_main_coords]
          % draw[-stealth] (0,0,0) -- (2,0,0) node[pos=1.1]$x$;
          % draw[-stealth] (0,0,0) -- (0,2,0) node[pos=1.1]$y$;
          foreach X [count=Y] in gerbla,gerred,geryel
          shade[left color=X,right color=X!70!black,middle color=X!70!white]
          plot[variable=x,domain=0:2] (x,0.2*sin(x*90),4-Y)
          --
          plot[variable=x,domain=2:0] (x,0.2*sin(x*90),3-Y);
          shade[left color=X!70!black,right color=X,middle color=X!70!white]
          plot[variable=x,domain=2:4] (x,0.2*sin(x*90),4-Y)
          --
          plot[variable=x,domain=4:2] (x,0.2*sin(x*90),3-Y);
          endtikzpicture
          enddocument


          enter image description here






          share|improve this answer

























          • I'm afraid this only answers the bonus question, for flags of Germany, Netherlands, etc. only. How can it deal with, for example, the US flag?

            – JouleV
            2 hours ago











          • @JouleV I switched gears completely and used nonlinear transformations. That way you can wave any flag you have the TikZ code for.

            – marmot
            1 hour ago






          • 1





            @JouleV It does work if you set transform shape nonlinear=true.

            – marmot
            1 hour ago






          • 1





            @marmot One word: perfect! Thanks you very much!!!!!

            – JouleV
            1 hour ago






          • 1





            @JouleV OK OK, I give in. Now it is attached to some post. ;-)

            – marmot
            28 mins ago














          7












          7








          7







          You can use nonlinear transformations to achieve this effect.



          documentclass[tikz,border=3.14mm]standalone
          usepgfmodulenonlineartransformations
          definecolorgerblaRGB0,0,0
          definecolorgerredRGB255,0,0
          definecolorgeryelRGB255,204,0
          makeatletter
          defflagtransformation%
          pgf@xa=pgf@x%
          pgf@ya=pgf@y%
          %typeoutoldspace x=pgf@xaspace old space y=pgf@ya%
          pgfmathsetmacromyypgf@ya+7*sin(pgf@xa*3.6)-0.1*pgf@xa%
          %typeoutatspace x=thepgf@xa:space newspace y=myy%
          pgf@y=myy pt
          makeatother
          newcommandGermanFlag%
          fill[gerbla] (0,2) rectangle (4,3);
          fill[gerred] (0,1) rectangle (4,2);
          fill[geryel] (0,0) rectangle (4,1);
          begindocument
          begintikzpicture[font=sffamily,scale=1]
          beginscope[local bounding box=linear]
          GermanFlag
          endscope
          node[anchor=south] (lin) at (linear.north)linear;
          beginscope[xshift=5cm,local bounding box=nonlinear,transform shape
          nonlinear=true]
          pgftransformnonlinearflagtransformation
          GermanFlag
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (0,0) rectangle (2,3);
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (2,0) rectangle (4,3);
          endscope
          node[anchor=south] at (lin.south-|nonlinear.north)nonlinear;
          endtikzpicture
          enddocument


          enter image description here



          Of course, this works with any flag you have the TikZ code for, including of course your nice US flag.



          documentclass[tikz,border=3.14mm]standalone
          usetikzlibraryshapes
          usepgfmodulenonlineartransformations
          definecolorusbluergb.234,.233,.430
          definecolorusaredrgb.698,.132,.203
          makeatletter
          defflagtransformation%
          pgf@xa=pgf@x%
          pgf@ya=pgf@y%
          %typeoutoldspace x=pgf@xaspace old space y=pgf@ya%
          pgfmathsetmacromyypgf@ya+7*sin(pgf@xa*3.6)-0.1*pgf@xa%
          %typeoutatspace x=thepgf@xa:space newspace y=myy%
          pgf@y=myy pt
          makeatother
          newcommandUSFlag%
          fill[usared] (0,0) rectangle (1.9,1);
          foreach i in 1,3,...,11
          fill[white] (0,i/13) rectangle (1.9,(i+1)/13);
          fill [usblue] (0,6/13) rectangle (1.9*2/5,1);
          foreach i in 1,2,3,4,5,6
          foreach j in 1,2,3,4,5
          node[star,star points=5,star point ratio=2.25,fill=white,
          minimum size=0.0616cm,inner sep=0pt] at ((1.9/15)*i-(1.9/30),6/13+(7/130)+(7*(j-1)/65)) ;


          foreach i in 1,2,3,4,5
          foreach j in 1,2,3,4
          node[star,star points=5,star point ratio=2.25,fill=white,minimum size=0.0616cm,inner sep=0pt] at ((1.9/15)*i,6/13+(7*j/65)) ;


          begindocument
          begintikzpicture[font=sffamily,scale=2,transform shape]
          beginscope[local bounding box=linear]
          USFlag
          endscope
          node[anchor=south] (lin) at (linear.north)linear;
          beginscope[xshift=2.5cm,local bounding box=nonlinear,transform shape
          nonlinear=true]
          pgftransformnonlinearflagtransformation
          USFlag
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (0,0) rectangle (0.95,1);
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (0.95,0) rectangle (1.9,1);
          endscope
          node[anchor=south] at (lin.south-|nonlinear.north)nonlinear;
          endtikzpicture
          enddocument


          enter image description here



          And here is something for Black Mild.



          documentclass[tikz,border=3.14mm]standalone
          usetikzlibraryshapes
          usepgfmodulenonlineartransformations
          definecolorusbluergb.234,.233,.430
          definecolorusaredrgb.698,.132,.203
          makeatletter
          defflagtransformation%
          pgf@xa=pgf@x%
          pgf@ya=pgf@y%
          %typeoutoldspace x=pgf@xaspace old space y=pgf@ya%
          pgfmathsetmacromyypgf@ya+7*sin(pgf@xa*3.6)-0.1*pgf@xa%
          %typeoutatspace x=thepgf@xa:space newspace y=myy%
          pgf@y=myy pt
          tikzdeclarecoordinatesystemflag% https://tex.stackexchange.com/a/434247/121799
          tikz@scan@one@pointrelax(#1)
          flagtransformation

          makeatother
          newcommandUSFlag%
          fill[usared] (0,0) rectangle (1.9,1);
          foreach i in 1,3,...,11
          fill[white] (0,i/13) rectangle (1.9,(i+1)/13);
          fill [usblue] (0,6/13) rectangle (1.9*2/5,1);
          foreach i in 1,2,3,4,5,6
          foreach j in 1,2,3,4,5
          node[star,star points=5,star point ratio=2.25,fill=white,
          minimum size=0.0616cm,inner sep=0pt] at ((1.9/15)*i-(1.9/30),6/13+(7/130)+(7*(j-1)/65)) ;


          foreach i in 1,2,3,4,5
          foreach j in 1,2,3,4
          node[star,star points=5,star point ratio=2.25,fill=white,minimum size=0.0616cm,inner sep=0pt] at ((1.9/15)*i,6/13+(7*j/65)) ;


          begindocument
          foreach X in 0,5,...,95
          begintikzpicture[font=sffamily,scale=2,transform shape]
          beginscope[xshift=X pt,
          local bounding box=nonlinear,transform shape
          nonlinear=true]
          pgftransformnonlinearflagtransformation
          USFlag
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (0,0) rectangle (0.95,1);
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (0.95,0) rectangle (1.9,1);
          shade[left color=gray,right color=gray!70,middle color=gray!20]
          (0,1.05) rectangle ++ (-0.1,-3);
          endscope
          endtikzpicture
          enddocument


          enter image description here



          This answer has the codes for many flags, out of which I picked Iceland. (Note that if the flag contains shapes, you need to say transform shape nonlinear=true.) The shading can be added on top.



          documentclass[tikz,border=3.14mm]standalone
          usepgfmodulenonlineartransformations
          makeatletter
          defflagtransformation%
          pgf@xa=pgf@x%
          pgf@ya=pgf@y%
          %typeoutoldspace x=pgf@xaspace old space y=pgf@ya%
          pgfmathsetmacromyypgf@ya+7*sin(pgf@xa*3.6)-0.1*pgf@xa%
          %typeoutatspace x=thepgf@xa:space newspace y=myy%
          pgf@y=myy pt
          makeatother
          definecolorSkyBluergb0.00784314,0.32156864,0.61176473
          definecolorFireRedrgb0.86274511,0.11764706,0.20784314
          newcommandIcelandFlag
          fill[SkyBlue] (0,0) rectangle (25,18);
          fill[white] (7,0) rectangle (11,18);
          fill[white] (0,7) rectangle (25,11);
          fill[FireRed] (8,0) rectangle (10,18);
          fill[FireRed] (0,8) rectangle (25,10);
          begindocument
          begintikzpicture[font=sffamily,scale=0.15]
          beginscope[local bounding box=linear]
          IcelandFlag
          endscope
          node[anchor=south] (lin) at (linear.north)linear;
          beginscope[xshift=35cm,local bounding box=nonlinear]
          pgftransformnonlinearflagtransformation
          IcelandFlag
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (0,0) rectangle (12.5,18);
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (12.5,0) rectangle (25,18);
          endscope
          node[anchor=south] at (lin.south-|nonlinear.north)nonlinear;
          endtikzpicture
          enddocument


          enter image description here



          In order to draw a 3d flag, you may use tikz-3dplot.
          With shade you can get something like this.



          documentclass[tikz]standalone
          usepackagetikz-3dplot
          definecolorgerblaRGB0,0,0
          definecolorgerredRGB255,0,0
          definecolorgeryelRGB255,204,0
          begindocument
          tdplotsetmaincoords7020
          begintikzpicture[tdplot_main_coords]
          % draw[-stealth] (0,0,0) -- (2,0,0) node[pos=1.1]$x$;
          % draw[-stealth] (0,0,0) -- (0,2,0) node[pos=1.1]$y$;
          foreach X [count=Y] in gerbla,gerred,geryel
          shade[left color=X,right color=X!70!black,middle color=X!70!white]
          plot[variable=x,domain=0:2] (x,0.2*sin(x*90),4-Y)
          --
          plot[variable=x,domain=2:0] (x,0.2*sin(x*90),3-Y);
          shade[left color=X!70!black,right color=X,middle color=X!70!white]
          plot[variable=x,domain=2:4] (x,0.2*sin(x*90),4-Y)
          --
          plot[variable=x,domain=4:2] (x,0.2*sin(x*90),3-Y);
          endtikzpicture
          enddocument


          enter image description here






          share|improve this answer















          You can use nonlinear transformations to achieve this effect.



          documentclass[tikz,border=3.14mm]standalone
          usepgfmodulenonlineartransformations
          definecolorgerblaRGB0,0,0
          definecolorgerredRGB255,0,0
          definecolorgeryelRGB255,204,0
          makeatletter
          defflagtransformation%
          pgf@xa=pgf@x%
          pgf@ya=pgf@y%
          %typeoutoldspace x=pgf@xaspace old space y=pgf@ya%
          pgfmathsetmacromyypgf@ya+7*sin(pgf@xa*3.6)-0.1*pgf@xa%
          %typeoutatspace x=thepgf@xa:space newspace y=myy%
          pgf@y=myy pt
          makeatother
          newcommandGermanFlag%
          fill[gerbla] (0,2) rectangle (4,3);
          fill[gerred] (0,1) rectangle (4,2);
          fill[geryel] (0,0) rectangle (4,1);
          begindocument
          begintikzpicture[font=sffamily,scale=1]
          beginscope[local bounding box=linear]
          GermanFlag
          endscope
          node[anchor=south] (lin) at (linear.north)linear;
          beginscope[xshift=5cm,local bounding box=nonlinear,transform shape
          nonlinear=true]
          pgftransformnonlinearflagtransformation
          GermanFlag
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (0,0) rectangle (2,3);
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (2,0) rectangle (4,3);
          endscope
          node[anchor=south] at (lin.south-|nonlinear.north)nonlinear;
          endtikzpicture
          enddocument


          enter image description here



          Of course, this works with any flag you have the TikZ code for, including of course your nice US flag.



          documentclass[tikz,border=3.14mm]standalone
          usetikzlibraryshapes
          usepgfmodulenonlineartransformations
          definecolorusbluergb.234,.233,.430
          definecolorusaredrgb.698,.132,.203
          makeatletter
          defflagtransformation%
          pgf@xa=pgf@x%
          pgf@ya=pgf@y%
          %typeoutoldspace x=pgf@xaspace old space y=pgf@ya%
          pgfmathsetmacromyypgf@ya+7*sin(pgf@xa*3.6)-0.1*pgf@xa%
          %typeoutatspace x=thepgf@xa:space newspace y=myy%
          pgf@y=myy pt
          makeatother
          newcommandUSFlag%
          fill[usared] (0,0) rectangle (1.9,1);
          foreach i in 1,3,...,11
          fill[white] (0,i/13) rectangle (1.9,(i+1)/13);
          fill [usblue] (0,6/13) rectangle (1.9*2/5,1);
          foreach i in 1,2,3,4,5,6
          foreach j in 1,2,3,4,5
          node[star,star points=5,star point ratio=2.25,fill=white,
          minimum size=0.0616cm,inner sep=0pt] at ((1.9/15)*i-(1.9/30),6/13+(7/130)+(7*(j-1)/65)) ;


          foreach i in 1,2,3,4,5
          foreach j in 1,2,3,4
          node[star,star points=5,star point ratio=2.25,fill=white,minimum size=0.0616cm,inner sep=0pt] at ((1.9/15)*i,6/13+(7*j/65)) ;


          begindocument
          begintikzpicture[font=sffamily,scale=2,transform shape]
          beginscope[local bounding box=linear]
          USFlag
          endscope
          node[anchor=south] (lin) at (linear.north)linear;
          beginscope[xshift=2.5cm,local bounding box=nonlinear,transform shape
          nonlinear=true]
          pgftransformnonlinearflagtransformation
          USFlag
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (0,0) rectangle (0.95,1);
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (0.95,0) rectangle (1.9,1);
          endscope
          node[anchor=south] at (lin.south-|nonlinear.north)nonlinear;
          endtikzpicture
          enddocument


          enter image description here



          And here is something for Black Mild.



          documentclass[tikz,border=3.14mm]standalone
          usetikzlibraryshapes
          usepgfmodulenonlineartransformations
          definecolorusbluergb.234,.233,.430
          definecolorusaredrgb.698,.132,.203
          makeatletter
          defflagtransformation%
          pgf@xa=pgf@x%
          pgf@ya=pgf@y%
          %typeoutoldspace x=pgf@xaspace old space y=pgf@ya%
          pgfmathsetmacromyypgf@ya+7*sin(pgf@xa*3.6)-0.1*pgf@xa%
          %typeoutatspace x=thepgf@xa:space newspace y=myy%
          pgf@y=myy pt
          tikzdeclarecoordinatesystemflag% https://tex.stackexchange.com/a/434247/121799
          tikz@scan@one@pointrelax(#1)
          flagtransformation

          makeatother
          newcommandUSFlag%
          fill[usared] (0,0) rectangle (1.9,1);
          foreach i in 1,3,...,11
          fill[white] (0,i/13) rectangle (1.9,(i+1)/13);
          fill [usblue] (0,6/13) rectangle (1.9*2/5,1);
          foreach i in 1,2,3,4,5,6
          foreach j in 1,2,3,4,5
          node[star,star points=5,star point ratio=2.25,fill=white,
          minimum size=0.0616cm,inner sep=0pt] at ((1.9/15)*i-(1.9/30),6/13+(7/130)+(7*(j-1)/65)) ;


          foreach i in 1,2,3,4,5
          foreach j in 1,2,3,4
          node[star,star points=5,star point ratio=2.25,fill=white,minimum size=0.0616cm,inner sep=0pt] at ((1.9/15)*i,6/13+(7*j/65)) ;


          begindocument
          foreach X in 0,5,...,95
          begintikzpicture[font=sffamily,scale=2,transform shape]
          beginscope[xshift=X pt,
          local bounding box=nonlinear,transform shape
          nonlinear=true]
          pgftransformnonlinearflagtransformation
          USFlag
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (0,0) rectangle (0.95,1);
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (0.95,0) rectangle (1.9,1);
          shade[left color=gray,right color=gray!70,middle color=gray!20]
          (0,1.05) rectangle ++ (-0.1,-3);
          endscope
          endtikzpicture
          enddocument


          enter image description here



          This answer has the codes for many flags, out of which I picked Iceland. (Note that if the flag contains shapes, you need to say transform shape nonlinear=true.) The shading can be added on top.



          documentclass[tikz,border=3.14mm]standalone
          usepgfmodulenonlineartransformations
          makeatletter
          defflagtransformation%
          pgf@xa=pgf@x%
          pgf@ya=pgf@y%
          %typeoutoldspace x=pgf@xaspace old space y=pgf@ya%
          pgfmathsetmacromyypgf@ya+7*sin(pgf@xa*3.6)-0.1*pgf@xa%
          %typeoutatspace x=thepgf@xa:space newspace y=myy%
          pgf@y=myy pt
          makeatother
          definecolorSkyBluergb0.00784314,0.32156864,0.61176473
          definecolorFireRedrgb0.86274511,0.11764706,0.20784314
          newcommandIcelandFlag
          fill[SkyBlue] (0,0) rectangle (25,18);
          fill[white] (7,0) rectangle (11,18);
          fill[white] (0,7) rectangle (25,11);
          fill[FireRed] (8,0) rectangle (10,18);
          fill[FireRed] (0,8) rectangle (25,10);
          begindocument
          begintikzpicture[font=sffamily,scale=0.15]
          beginscope[local bounding box=linear]
          IcelandFlag
          endscope
          node[anchor=south] (lin) at (linear.north)linear;
          beginscope[xshift=35cm,local bounding box=nonlinear]
          pgftransformnonlinearflagtransformation
          IcelandFlag
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (0,0) rectangle (12.5,18);
          shade[left color=black,right color=black,middle color=white,opacity=0.15]
          (12.5,0) rectangle (25,18);
          endscope
          node[anchor=south] at (lin.south-|nonlinear.north)nonlinear;
          endtikzpicture
          enddocument


          enter image description here



          In order to draw a 3d flag, you may use tikz-3dplot.
          With shade you can get something like this.



          documentclass[tikz]standalone
          usepackagetikz-3dplot
          definecolorgerblaRGB0,0,0
          definecolorgerredRGB255,0,0
          definecolorgeryelRGB255,204,0
          begindocument
          tdplotsetmaincoords7020
          begintikzpicture[tdplot_main_coords]
          % draw[-stealth] (0,0,0) -- (2,0,0) node[pos=1.1]$x$;
          % draw[-stealth] (0,0,0) -- (0,2,0) node[pos=1.1]$y$;
          foreach X [count=Y] in gerbla,gerred,geryel
          shade[left color=X,right color=X!70!black,middle color=X!70!white]
          plot[variable=x,domain=0:2] (x,0.2*sin(x*90),4-Y)
          --
          plot[variable=x,domain=2:0] (x,0.2*sin(x*90),3-Y);
          shade[left color=X!70!black,right color=X,middle color=X!70!white]
          plot[variable=x,domain=2:4] (x,0.2*sin(x*90),4-Y)
          --
          plot[variable=x,domain=4:2] (x,0.2*sin(x*90),3-Y);
          endtikzpicture
          enddocument


          enter image description here







          share|improve this answer














          share|improve this answer



          share|improve this answer








          edited 28 mins ago

























          answered 2 hours ago









          marmotmarmot

          115k5145276




          115k5145276












          • I'm afraid this only answers the bonus question, for flags of Germany, Netherlands, etc. only. How can it deal with, for example, the US flag?

            – JouleV
            2 hours ago











          • @JouleV I switched gears completely and used nonlinear transformations. That way you can wave any flag you have the TikZ code for.

            – marmot
            1 hour ago






          • 1





            @JouleV It does work if you set transform shape nonlinear=true.

            – marmot
            1 hour ago






          • 1





            @marmot One word: perfect! Thanks you very much!!!!!

            – JouleV
            1 hour ago






          • 1





            @JouleV OK OK, I give in. Now it is attached to some post. ;-)

            – marmot
            28 mins ago


















          • I'm afraid this only answers the bonus question, for flags of Germany, Netherlands, etc. only. How can it deal with, for example, the US flag?

            – JouleV
            2 hours ago











          • @JouleV I switched gears completely and used nonlinear transformations. That way you can wave any flag you have the TikZ code for.

            – marmot
            1 hour ago






          • 1





            @JouleV It does work if you set transform shape nonlinear=true.

            – marmot
            1 hour ago






          • 1





            @marmot One word: perfect! Thanks you very much!!!!!

            – JouleV
            1 hour ago






          • 1





            @JouleV OK OK, I give in. Now it is attached to some post. ;-)

            – marmot
            28 mins ago

















          I'm afraid this only answers the bonus question, for flags of Germany, Netherlands, etc. only. How can it deal with, for example, the US flag?

          – JouleV
          2 hours ago





          I'm afraid this only answers the bonus question, for flags of Germany, Netherlands, etc. only. How can it deal with, for example, the US flag?

          – JouleV
          2 hours ago













          @JouleV I switched gears completely and used nonlinear transformations. That way you can wave any flag you have the TikZ code for.

          – marmot
          1 hour ago





          @JouleV I switched gears completely and used nonlinear transformations. That way you can wave any flag you have the TikZ code for.

          – marmot
          1 hour ago




          1




          1





          @JouleV It does work if you set transform shape nonlinear=true.

          – marmot
          1 hour ago





          @JouleV It does work if you set transform shape nonlinear=true.

          – marmot
          1 hour ago




          1




          1





          @marmot One word: perfect! Thanks you very much!!!!!

          – JouleV
          1 hour ago





          @marmot One word: perfect! Thanks you very much!!!!!

          – JouleV
          1 hour ago




          1




          1





          @JouleV OK OK, I give in. Now it is attached to some post. ;-)

          – marmot
          28 mins ago






          @JouleV OK OK, I give in. Now it is attached to some post. ;-)

          – marmot
          28 mins ago


















          draft saved

          draft discarded
















































          Thanks for contributing an answer to TeX - LaTeX Stack Exchange!


          • Please be sure to answer the question. Provide details and share your research!

          But avoid


          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.

          To learn more, see our tips on writing great answers.




          draft saved


          draft discarded














          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2ftex.stackexchange.com%2fquestions%2f483459%2fhow-to-draw-a-waving-flag-in-tikz%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown





















































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown

































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown







          Popular posts from this blog

          Oświęcim Innehåll Historia | Källor | Externa länkar | Navigeringsmeny50°2′18″N 19°13′17″Ö / 50.03833°N 19.22139°Ö / 50.03833; 19.2213950°2′18″N 19°13′17″Ö / 50.03833°N 19.22139°Ö / 50.03833; 19.221393089658Nordisk familjebok, AuschwitzInsidan tro och existensJewish Community i OświęcimAuschwitz Jewish Center: MuseumAuschwitz Jewish Center

          Valle di Casies Indice Geografia fisica | Origini del nome | Storia | Società | Amministrazione | Sport | Note | Bibliografia | Voci correlate | Altri progetti | Collegamenti esterni | Menu di navigazione46°46′N 12°11′E / 46.766667°N 12.183333°E46.766667; 12.183333 (Valle di Casies)46°46′N 12°11′E / 46.766667°N 12.183333°E46.766667; 12.183333 (Valle di Casies)Sito istituzionaleAstat Censimento della popolazione 2011 - Determinazione della consistenza dei tre gruppi linguistici della Provincia Autonoma di Bolzano-Alto Adige - giugno 2012Numeri e fattiValle di CasiesDato IstatTabella dei gradi/giorno dei Comuni italiani raggruppati per Regione e Provincia26 agosto 1993, n. 412Heraldry of the World: GsiesStatistiche I.StatValCasies.comWikimedia CommonsWikimedia CommonsValle di CasiesSito ufficialeValle di CasiesMM14870458910042978-6

          Typsetting diagram chases (with TikZ?) Announcing the arrival of Valued Associate #679: Cesar Manara Planned maintenance scheduled April 17/18, 2019 at 00:00UTC (8:00pm US/Eastern)How to define the default vertical distance between nodes?Draw edge on arcNumerical conditional within tikz keys?TikZ: Drawing an arc from an intersection to an intersectionDrawing rectilinear curves in Tikz, aka an Etch-a-Sketch drawingLine up nested tikz enviroments or how to get rid of themHow to place nodes in an absolute coordinate system in tikzCommutative diagram with curve connecting between nodesTikz with standalone: pinning tikz coordinates to page cmDrawing a Decision Diagram with Tikz and layout manager