arrays - 有没有更好的方法来可视化数组?
问题描述
我想确保我用来显示数组的方法对于我不知道的更好方法来说不是一个尴尬的解决方法。到目前为止,我所拥有的很多东西都感觉很尴尬。
对于间距元素,我将 TextMobject 数组的每个元素设置为 .next_to 右侧的前一个元素,并带有缓冲区。有更好的方法吗?
对于元素周围的框,我将分别绘制数组的整个宽度的顶线和底线,然后在元素之间绘制垂直线。我不打算关心以不同方式绘制这些框的动画,尽管我确实计划使用现有工具来突出显示元素。有更好的方法吗?
到目前为止,这是我的“hello world”代码。任何建议/改进都非常受欢迎!
class ExampleArray(Scene):
def construct(self):
n = 6
labels = TextMobject(* ["[" + str(index) + "]" for index in range(n)] )
text = TextMobject( *[str(random.randint(0,10)) for i in range(n) ] )
# space it out
for i in range(1,len(text)):
text[i].next_to(text[i-1], RIGHT, buff = 0.8)
text.move_to(ORIGIN)
for i in range(len(labels)):
labels[i].scale(0.5)
labels[i].next_to( text[i], DOWN, buff = 0.5)
# can I just make a copy of top_line?
top_line = Line(text.get_left() + LEFT, text.get_right() + RIGHT)
bottom_line = Line(text.get_left() + LEFT, text.get_right() + RIGHT)
top_line.next_to(text, UP)
bottom_line.next_to(text, DOWN)
self.add(labels)
self.add(top_line, bottom_line)
for i in range(len(text)):
self.play(Write(text[i]))
self.wait(0.1)
解决方案
这就是我会做的方式。我建议你考虑以下几点:
- 当您不知道是否必须重用代码时,请始终将代码模块化。
- 垂直阅读总是比水平阅读更好。
- 避免使用索引(在真正需要时使用它们)
- 使用
CONFIG
字典来概括您将在整个场景中使用的变量。 - 更短的代码不是更好的代码的代名词,必须始终保持平衡:
- 易于阅读
- 易于维护
- 易于扩展
class ExampleArray2(Scene):
CONFIG = {
"array_len": 6,
"random_seed": 1, # with this you force to manim use other numbers
# Change the random_seed to other number every time you want other
# random numbers
}
def construct(self):
labels = TextMobject(*[
f"[{index}]"
for index in range(self.array_len)
])
text = TextMobject(*[
str(random.randint(0,10))
for i in range(self.array_len)
])
# space it out
text.arrange(RIGHT,buff=0.8)
# See: https://github.com/3b1b/manim/blob/master/manimlib/mobject/mobject.py#L936
for label,t in zip(labels,text): # I like to avoid using indexes
label.scale(0.5)
label.next_to(t,DOWN,buff=0.5)
up_and_down_line = self.get_up_and_down_line(
VGroup(text,labels),
buff=0.7, # Distance between numbers and lines
scale=1.4 # Scale of the line
)
self.play(
*list(map(lambda x: Write(x,run_time=2),[text,labels])),
*list(map(GrowFromCenter,up_and_down_line))
)
self.wait()
def get_long_line(self,mob,y_direction,buff=0.5,scale=1):
return Line(
mob.get_corner(y_direction + LEFT),
mob.get_corner(y_direction + RIGHT)
).shift(y_direction*buff).scale(scale)
def get_up_and_down_line(self,mob,**kwargs):
return VGroup(
self.get_long_line(mob,UP,**kwargs),
self.get_long_line(mob,DOWN,**kwargs)
)
推荐阅读
- java - Kafka 最佳实践 + 如何为 JVM 设置推荐设置
- json - 在领域中存储字典数组的 JSON 响应
- android - 片段内容重叠工具栏和底部导航视图
- javascript - 从局部变量加载 D3
- java - Spring,从其他对象的getter中填充对象的setter
- php - nohup 进程一直关闭
- docker - Docker 文件命令从错误的存储库运行 apt-get update
- java - AppEngine 标准 — 无法设置
在 appengine-web.xml 中为 0 - pyspark - GraphFrames的PageRank错误
- php - PHP GD 库未安装,但实际上已启用