%!TEX lualatex

\documentclass[10pt]{article}
\usepackage[margin=5mm,a4paper]{geometry}
\usepackage{tikz}
\usepackage{simplekv}
\usepackage{etoolbox}
\usepackage{fontawesome5}
\usepackage{codehigh}
\setlength\parindent{0pt}

\newlength\fluotertextedecalx
\newlength\fluotertextedecaly
\defKV[FluoterTexte]{%
	Couleur=\def\fluotertextecoul{#1},%
	CouleurCorps=\def\fluotertextecoulcorps{#1},%
	Echelle=\xdef\fluotertexteechelle{\fpeval{(#1)*0.33}},%
	Inclinaison=\xdef\fluotertextepivot{\fpeval{90+(#1)}},%
	DecalX=\setlength\fluotertextedecalx{#1},%
	DecalY=\setlength\fluotertextedecaly{#1},%
	Logo=\def\fluotertextelogo{#1},%
	Noeud=\def\fluotertextenoeud{#1},%
	Ancre=\def\fluotertexteancre{#1}
}
\setKVdefault[FluoterTexte]{%
	Couleur=yellow,%
	CouleurCorps=darkgray,%
	Echelle=1,%
	Inclinaison=0,%
	DecalX=0.25mm,%
	DecalY=-0.5ex,%
	Logo={},%
	Noeud=SURLIGN,%
	Ancre=east
}

\tikzset{fluoter/.style={fill opacity=0.5,text opacity=1,line width=0pt,inner sep=0pt,outer sep=1pt}}
\tikzset{fluoterlogo/.style={scale=3}}

\NewDocumentCommand\TexteAFluoter{ O{} m }{%
	\restoreKV[FluoterTexte]%
	\setKV[FluoterTexte]{#1}%
	\begin{tikzpicture}[baseline=(\fluotertextenoeud.base),remember picture]
		\node[fill=\fluotertextecoul,fluoter] (\fluotertextenoeud) {#2};
	\end{tikzpicture}%
}
\NewDocumentCommand\FluoterApres{ O{} }{%
	\restoreKV[FluoterTexte]%
	\setKV[FluoterTexte]{#1}%
	\begin{tikzpicture}[remember picture,overlay]
		\begin{scope}[shift={([xshift=\fluotertextedecalx,yshift=\fluotertextedecaly]\fluotertextenoeud.\fluotertexteancre)},scale=\fluotertexteechelle,rotate=\fluotertextepivot,transform shape,line width=\fpeval{\fluotertexteechelle*0.25}mm,line join=bevel]
			\begin{scope}[shift={(-0.2,-1)}]
				\filldraw[fill=\fluotertextecoul,draw=\fluotertextecoul!97.5!\fluotertextecoulcorps] (0,0)--(1,0){[rounded corners=\fpeval{\fluotertexteechelle*1}mm]--(1,1.2)--(0.2,1)}--cycle;
				\filldraw[\fluotertextecoulcorps] (0,0)--(-1,-3)--(2.5,-3)--(1,0)--cycle;
				\filldraw[draw=\fluotertextecoulcorps,fill=\fluotertextecoul] (-1,-3)--(2.5,-3){[rounded corners=\fpeval{\fluotertexteechelle*2}mm]--(2.25,-9)--(-0.75,-9)}--cycle;
				\ifstrempty{\fluotertextelogo}%
				{}%
				{%
					\draw (0.75,-6) node[rotate=-90,fluoterlogo] {\fluotertextelogo} ;
				}%
			\end{scope}
		\end{scope}
	\end{tikzpicture}%
}

\NewDocumentCommand\FluoterTexte{ O{} m }{%
	\restoreKV[FluoterTexte]%
	\setKV[FluoterTexte]{#1}%
	\begin{tikzpicture}[baseline=(SURLIGN.base),remember picture]
		\node[fill=\fluotertextecoul,fluoter] (SURLIGN) {#2};
	\end{tikzpicture}%
	\begin{tikzpicture}[remember picture,overlay]
		\begin{scope}[shift={([xshift=\fluotertextedecalx,yshift=\fluotertextedecaly]\fluotertextenoeud.\fluotertexteancre)},scale=\fluotertexteechelle,rotate=\fluotertextepivot,transform shape,line width=\fpeval{\fluotertexteechelle*0.25}mm,line join=bevel]
			\begin{scope}[shift={(-0.2,-1)}]
				\filldraw[fill=\fluotertextecoul,draw=\fluotertextecoul!97.5!\fluotertextecoulcorps] (0,0)--(1,0){[rounded corners=\fpeval{\fluotertexteechelle*1}mm]--(1,1.2)--(0.2,1)}--cycle;
				\filldraw[\fluotertextecoulcorps] (0,0)--(-1,-3)--(2.5,-3)--(1,0)--cycle;
				\filldraw[draw=\fluotertextecoulcorps,fill=\fluotertextecoul] (-1,-3)--(2.5,-3){[rounded corners=\fpeval{\fluotertexteechelle*2}mm]--(2.25,-9)--(-0.75,-9)}--cycle;
				\ifstrempty{\fluotertextelogo}%
					{}%
					{%
						\draw (0.75,-6) node[rotate=-90,fluoterlogo] {\fluotertextelogo} ;
					}%
			\end{scope}
		\end{scope}
	\end{tikzpicture}%
}

\begin{document}

\section{Exemples}

\begin{demohigh}[language=latex/latex2]
L’aventure de \TeX\ débute en 1976. Cette année-là, Donald Knuth reçoit les épreuves du deuxième volume de son œuvre majeure, \textit{The Art of Computer Programming}. Il reste stupéfait devant la piètre qualité d’impression. Les éditeurs avaient remplacé la composition au plomb par la photocomposition, une technique plus rapide et économique, \FluoterTexte[Inclinaison=-10,Couleur=cyan,Echelle=0.75]{mais qui massacrait les formules mathématiques}.

Cette déception aurait pu rester une simple anecdote. Mais ce professeur de Stanford décide de prendre les choses en main. Le 1er février 1977, il découvre les machines de composition numériques haute résolution. Cette révélation le pousse à se lancer dans ce qui deviendra l’un des projets personnels les plus audacieux de l’histoire informatique.
\end{demohigh}

\begin{demohigh}[language=latex/latex2]
L’aventure de \TeX\ débute en 1976. Cette année-là, Donald Knuth reçoit les épreuves du deuxième volume de son œuvre majeure, \textit{The Art of Computer Programming}. Il reste stupéfait devant la piètre qualité d’impression. Les éditeurs avaient remplacé la composition au plomb par la photocomposition, une technique plus rapide et économique, \TexteAFluoter[Couleur=cyan]{mais qui massacrait les formules mathématiques}.

Cette déception aurait pu rester une simple anecdote. Mais ce professeur de Stanford décide de prendre les choses en main. Le 1er février 1977, il découvre les machines de composition numériques haute résolution. Cette révélation le pousse à se lancer dans ce qui deviendra l’un des projets personnels les plus audacieux de l’histoire informatique.
\FluoterApres[Inclinaison=-10,Couleur=cyan,Echelle=0.75]
\end{demohigh}

\begin{demohigh}[language=latex/latex2]
En ligne, on essaye en surlignant
\FluoterTexte[Inclinaison=-20,Logo={\sffamily\bfseries FLUO\TeX}]{ce petit texte}.
\end{demohigh}

\vspace*{1.5cm}

\begin{demohigh}[language=latex/latex2]
\tikzset{fluoter/.style={fill opacity=0.75,text opacity=1,line width=0pt,inner sep=1mm,outer sep=0.5mm}}
En ligne, deuxième essai, en surlignant la formule
\FluoterTexte[%
  Echelle=2,Inclinaison=-30,Couleur=pink,CouleurCorps=teal!50!black,%
  Ancre=south west,Logo={\sffamily\bfseries\LaTeX},DecalY=-2ex]%
  {$f'(x)=\displaystyle\frac{(2x+5)}{\textrm{e}^{-3x}}$}.
\end{demohigh}

\end{document}