尽管您要求图形界面,但仍然只是为了好玩,我决定为您的二进制搜索任务实现以下简单的 ASCII 艺术可视化,给您一些想法可能对您有用。
在将图形绘制到控制台时,我使用了一些 ANSI escape codes。 Windows 上的这个转义码需要安装一次colorama 模块python -m pip install colorama。在 Linux 上它不需要安装任何东西。
代码可以调整为不同的随机种子值或数字数量或数字大小(最多 100、最多 1000 等)。值是随机选择的,具有固定的种子值(random.seed(...) 行中的更改值)。
首先我展示在我的 Linux (asciinema link) 上录制的 ASCII 视频截屏视频,然后是代码:
代码:
Try it online!
import platform, time, sys
if platform.system() == 'Windows':
import colorama
colorama.init()
def vis(data, steps):
def str_set(s, i, c):
return s[:i] + c + s[i + 1:]
def astr_set(a, j, i, c):
a[j] = str_set(a[j], i, c)
dlen = max(len(str(e)) for e in data) + 1
loline = ''.join(str(e).zfill(dlen - 1) + '|' for e in data)
ll = len(loline)
N = len(steps)
h1 = 3
lines = [' ' * ll for e in range(h1 * N)] + [loline]
def emit_frame():
sys.stdout.write("\033[F" * len(lines) + '\n'.join(lines) + '\n')
time.sleep(1)
emit_frame()
for i in range(N - 1):
lpcur, lpnext = [dlen * steps[i + e] + (dlen - 2) // 2 for e in (0, 1)]
for j in range(h1 - 1):
astr_set(lines, i * h1 + j, lpcur, '|')
dir_ = -1 if steps[i + 1] < steps[i] else +1 if steps[i + 1] > steps[i] else 0
for j in range((i + 1) * h1, len(lines) - 1):
astr_set(lines, j, lpcur, '.' if j < len(lines) - 2 else '?')
for j in range(lpcur, lpnext + dir_, dir_):
astr_set(lines, (i + 1) * h1 - 1, j, ('/' if dir_ < 0 else '\\') if j in (lpcur, lpnext) else '-')
if j == lpcur:
emit_frame()
if i == N - 2:
for j in range((i + 1) * h1, len(lines) - 1):
astr_set(lines, j, lpnext, '|' if j < len(lines) - 2 else 'V')
emit_frame()
def binary_search(f, l, r, target):
steps = []
while l <= r:
m = (l + r) // 2
steps.append(m)
fm = f(m)
if fm < target:
l = m + 1
elif fm > target:
r = m - 1
else:
break
return steps
def main():
import random
random.seed(3)
data = sorted(random.randrange(100) for i in range(30))
target = data[random.randrange(len(data))]
steps = binary_search(lambda x: data[x], 0, len(data) - 1, target)
vis(data, steps)
if __name__ == '__main__':
main()
最终输出:
|
|
\-----------------------\
. |
. |
. \-----------\
. . |
. . |
. . /-----/
. . | .
. . | .
. . /--/ .
. . | . .
. . | . .
? ? V ? ?
01|08|16|19|19|24|29|29|30|33|47|49|50|60|60|60|60|66|69|69|70|70|74|75|77|77|80|81|81|91|
我还创建了我的代码(下载代码 here 或 Try it online)的稍微修改的无限 ASCII 截屏版本,它可以生成下一个快速播放的视频(asciinema link):
还有一个版本,它使用 Unicode 字符来绘制漂亮的箭头和线条,它还显示了更密集的树,使用更多的数字进行搜索(下载代码 here 或 Try it online),你会得到下一个视频(asciinema link),在浏览器的新标签/窗口中打开下一个视频图像,可以看到它更漂亮更大:
还有一次尝试制作更高级的代码和可视化。现在是两级可视化,前半步是垂直绘制的,其余的步是水平绘制的。这样做是为了实现更高的图像密度,将 mor 数字放在控制台屏幕上。
像往常一样,下载代码here 和/或Try it online here。结果视频如下(加上asciinema link):