☰

TikZ のテキストに遠近感を持たせる（斜めだけではなく）

tag-icon • tag-icon tikz-pgf
TikZ のテキストに遠近感を持たせる（斜めだけではなく）

Tiでテキストを表示したいけ遠近法によって歪んだ Z は次のようになります。

ここに画像の説明を入力してください
（チェック柄は説明のため追加されています）

TeX.SEには同様の解決策が多数あります（ここ、ここ、 またはここ) ですが、私が見つけたものはすべて、単に傾斜と傾きを利用して遠近感を偽装しています。

このソリューションでは、テキストを次のように変換する必要があります。

  1. 通常水平に平行な線がすべて収束する水平消失点を持つ
  2. 通常垂直に平行な線がすべて収束する垂直消失点を持つか、または厳密に平行に保つ（上記の例のように）

  • ソリューションによってユーザーが消失点を明示的に定義できる場合はボーナスになります。

これを出発点として使用できます:

\documentclass[tikz]{standalone}
\begin{document}
\begin{tikzpicture}
\node[draw,align=left] at (0,0) {some text\\maybe with line breaks};
\end{tikzpicture}
\end{document}

答え1

このアプローチでは、単語を小さな三角形に分割し、各三角形に傾斜と傾きを適用します。これは、投影だけでなく、一般的な非線形変換にも機能します。

以前にも登場した

\documentclass[border=9,tikz]{standalone}
\begin{document}
\fontsize{188pt}{0}\bfseries

\pgfmathdeclarefunction{fxx}{2}{\pgfmathparse{fx(#1+1,#2)-fx(#1,#2)}}
\pgfmathdeclarefunction{fxy}{2}{\pgfmathparse{fy(#1+1,#2)-fy(#1,#2)}}
\pgfmathdeclarefunction{fyx}{2}{\pgfmathparse{fx(#1,#2+1)-fx(#1,#2)}}
\pgfmathdeclarefunction{fyy}{2}{\pgfmathparse{fy(#1,#2+1)-fy(#1,#2)}}

\begin{tikzpicture}
    \pgfmathdeclarefunction{gx}{2}{\pgfmathparse{3*#1-20}}
    \pgfmathdeclarefunction{gy}{2}{\pgfmathparse{3.1622*#2}}
    \pgfmathdeclarefunction{gz}{2}{\pgfmathparse{#1+10}}
    \pgfmathdeclarefunction{fx}{2}{\pgfmathparse{gx(#1,#2)*6/gz(#1,#2)}}
    \pgfmathdeclarefunction{fy}{2}{\pgfmathparse{gy(#1,#2)*6/gz(#1,#2)}}
    \clip(-15,-9)rectangle(15,10);
    \foreach\i in{0,...,40}{
        \foreach\j in{-3,...,3}{
            \pgfmathsetmacro\aa{fxx(\i,\j)}
            \pgfmathsetmacro\ab{fxy(\i,\j)}
            \pgfmathsetmacro\ba{fyx(\i,\j)}
            \pgfmathsetmacro\bb{fyy(\i,\j)}
            \pgfmathsetmacro\xx{fx (\i,\j)}
            \pgfmathsetmacro\yy{fy (\i,\j)}
            \pgflowlevelobj{
                \pgfsettransformentries{\aa}{\ab}{\ba}{\bb}{\xx cm}{\yy cm}
            }{
                \clip(1,0)--(0,0)--(0,1)--cycle;
                \draw(1,0)--(0,0)--(0,1)--cycle;
                \tikzset{shift={(-\i,-\j)}}
                \path(20,.5)node{WORDART};
            }
            \pgfmathsetmacro\aa{fxx(\i  ,\j+1)}
            \pgfmathsetmacro\ab{fxy(\i  ,\j+1)}
            \pgfmathsetmacro\ba{fyx(\i+1,\j  )}
            \pgfmathsetmacro\bb{fyy(\i+1,\j  )}
            \pgfmathsetmacro\xx{fx (\i+1,\j+1)}
            \pgfmathsetmacro\yy{fy (\i+1,\j+1)}
            \pgflowlevelobj{
                \pgfsettransformentries{\aa}{\ab}{\ba}{\bb}{\xx cm}{\yy cm}
            }{
                \clip(0,0)--(-1,0)--(0,-1)--cycle;
                \draw(0,0)--(-1,0)--(0,-1)--cycle;
                \tikzset{shift={(-\i-1,-\j-1)}}
                \path(20,.5)node{WORDART};
            }
        }
    }
\end{tikzpicture}

\end{document}

関連情報