我刚刚访问了一个很酷的网站,它展示了带有交互式控制面板的 PSTricks 动画。有关更多详细信息,请访问此链接(点击)。
问题是网站所有者如何制作带有交互式控制面板的动画?
答案1
该网站上有一篇论文,其中介绍了其工作原理部分
https://mathapedia.com/books/31/sections/169/400
看起来确实相当令人印象深刻。
Mathapedia 的一个版本只需要客户端代码而不需要后端服务器
答案2
我认为您具体想问的是我如何制作滑块?如果是这样,您分享的链接现在是http://latex2js.com主页。
为了将 pstricks 扩展为交互式语言而添加的一个命令是该\slider
命令。您可以添加变量,它将创建一个 HTML5 滑块元素并将其映射到您设置的变量。
您可以在这里阅读有关滑块的更多信息:https://mathapedia.com/books/31/sections/176/subsections/189/431
滑块命令的参数为:
\slider{min}{max}{variable}{latex}{default}
最小值和最大值用于指定滑块范围的最小值和最大值。
latex 参数是显示在滑块旁边的内容,用于向最终用户指示滑块正在更改哪个变量。最后,最重要的是变量参数。变量指定根据滑块的值而更改的变量,可用于 psplot 命令的方程式中。
请注意,使用这些“扩展”功能不向后兼容,也就是说它们在纸上不起作用!
这是一个可以与 LaTeX2HTML5 配合使用的完整示例源:
\begin{pspicture}(-3.5,-1)(3.75,3.5)
\slider{1}{8}{n}{$N$}{4}
\psplot[algebraic,linewidth=1.5pt,plotpoints=1000]{-3.14}{3.14}{cos(n*x/2)+1.3}
\psaxes[showorigin=false,labels=none, Dx=1.62](0,0)(-3.25,0)(3.25,2.5)
\psline[linestyle=dashed](-3.14,0.3)(3.14,0.3)
\psline[linestyle=dashed](-3.14,2.3)(3.14,2.3)
\rput(3.6,2.3){$\frac{1}{1-\alpha}$}
\rput(3.6,0.3){$\frac{1}{1+\alpha}$}
\rput(3.14, -0.35){$\pi$}
\rput(1.62, -0.35){$\pi/2$}
\rput(-1.62, -0.35){$-\pi/2$}
\rput(-3.14, -0.35){$-\pi$}
\rput(0, -0.35){$0$}
\end{pspicture}