Animated HUD circle

Question

I wonder if it is possible to created a simple animation in beamer of the Hud circle as shown in this video: https://youtu.be/qjlGh3EGglA

Ok, the quality is not good, so let me try to describe it:

An internal crux (X)
An external circle (C)
Four external arrow tips (T)
- (T)s circle arround (C) while radially oscillate towards and away from (X)
- (T)s have 3D aspect
- (T)s and (C) glow

Sorry if it seems dumb, but although I have seen many examples of animations in latex, I am new to beamer and never made any animation by myself.

Any idea? Thank you!

score 2 · Answer 1 · 2019-11-15T04:13:16.790

Frankly, I think you should rather ask separate questions on these items, and combine them in the way you want. Anyway, here is a code that produces something along the lines of your question. I am not sure I understand the points, and do not know what (T)s have 3D aspect means.

\documentclass{beamer}
\usepackage{tikz}
\usetikzlibrary{shapes.arrows,shadows.blur}
\makeatletter
% from https://tex.stackexchange.com/a/328452/121799
% which got unfortunately deleted
\tikzset{render blur shadow/.code={\pgfbs@savebb%
\pgfsyssoftpath@getcurrentpath{\pgfbs@input@path}%
\pgfbs@compute@shadow@bbox%
\pgfbs@process@rounding{\pgfbs@input@path}{\pgfbs@fadepath}%
\pgfbs@apply@canvas@transform%
\colorlet{pstb@shadow@color}{#1!\pgfbs@opacity!white}%
\pgfdeclarefading{shadowfading}{\pgfbs@paint@fading}%
\pgfsetfillcolor{#1}%
\pgfsetfading{shadowfading}{\pgftransformshift{\pgfpoint{\pgfbs@midx}{\pgfbs@midy}}}%
\pgfbs@usebbox{fill}%
\pgfbs@restorebb%
},render blur shadow/.default=shadowcolor}
\makeatother
\tikzset{marrow/.style={minimum height=1.4cm,minimum width=1.2cm,
   single arrow, single arrow head extend=.125cm, 
   fill=red,scale=0.4,glow},
   glow/.style={blur shadow={shadow blur steps=10,shadow xshift=0ex,shadow yshift=0ex,
   shadow scale=#1}},
   glow/.default=1.06,
   glow color/.code={\colorlet{shadowcolor}{#1}},glow color/.default=black}
\newcount\myangle
\begin{document}
\begin{frame}[t]
\frametitle{An oscillating circle with rotating glowing arrows}
\animate<2-92>
\animatevalue<1-91>{\myangle}{0}{360}
\begin{tikzpicture}[glow color=red]
 \pgfmathsetmacro{\myradius}{1+0.2*sin(\the\myangle)}
 \path[use as bounding box] (-2.5,-2.5) rectangle (2.5,2.5);
 \node[draw=red,ultra thick,circle,minimum size=2*\myradius cm,fill=white,
    glow,path picture={\draw (-0.25*\myradius,-0.25*\myradius) -- 
    (0.25*\myradius,0.25*\myradius)
    (-0.25*\myradius,0.25*\myradius) -- 
    (0.25*\myradius,-0.25*\myradius);},rotate=\the\myangle]{};
 \foreach \X in {0,90,180,270} 
 {\path (\X+\the\myangle:\myradius cm+0.05cm) node[anchor=east,marrow,rotate=\X+180+\the\myangle]{};}
\end{tikzpicture}
\end{frame}
\end{document}

If you view the resulting pdf on Acrobat Reader in the full screen mode, it will autoplay the animation from slide 2 on (\animate<2-92>).

Animated HUD circle

1 Answers1