love.gif

前言

最近有一個電視劇，講程序員的故事，巴拉巴拉......，被我關注的一個up主，吐槽了。總之電視劇中有一個跳動的心，up主復現了， 那我也跟著學習了下，也弄了個動圖~.

愛心

為畫這樣一個動圖， 當然得先畫一個心，在網上找一心形曲線公式~ 可以去wolframalpha 搜fifth heart curve，可以看到這樣的心形公式

image.png

那我們就可以繪圖了

import numpy as np
import matplotlib.pyplot as plt

fig = plt.figure(figsize=(7, 6))
ax = plt.gca()
t = np.linspace(0, 2*np.pi, 2000)
x = 16 * np.sin(t) ** 3
y = 13 * np.cos(t) - 5 * np.cos(2 * t) - 2 * np.cos(3 * t) - np.cos(4 * t)
plt.scatter(x, y, s=3, c="#d66582")

就可以畫出這樣一個圖了

image.png

內層有一層隨機點， 我們就可以添加一層隨機點。

def scatter_inside(x, y, beta=0.15):
    ratio_x = - beta * np.log(np.random.rand(x.shape[0]))
    ratio_y = - beta * np.log(np.random.rand(y.shape[0]))
    dx = ratio_x * x
    dy = ratio_y * y
    return x - dx, y - dy

x1, y1 = scatter_inside(x, y , beta=0.15)
ax.scatter(x1, y1, s=3, c="#d66582")

得到這樣

image.png

內層比較空虛， 就在內層也添加一圈點

x1, y1 = scatter_inside(x*0.7, y*0.7 , beta=0.15)
ax.scatter(x1, y1, s=3, c="#d66582")

得到了這個

image.png

再在外層添加一圈隨機點

xo, yo = scatter_inside(x*1.2, y*1.2, beta=0.1)
ax.scatter(xo, yo, s=3, c="#d66582", alpha=0.8, marker=r'$\heartsuit$')

然后就是這個效果

image.png

把背景變黑，圖形的的邊框

ax.set_facecolor("black")
for spine in ax.spines.values():
        spine.set_visible(False)
ax.tick_params(bottom=False, labelbottom=False,
                   left=False, labelleft=False)  

image.png

現在是如何實現動圖效果， 這個主要實現坐標的整體縮放。這借用一個Python庫直接將動圖保存為GIF文件。

# 安裝庫
pip install gif

@gif.frame
def plot_heart(x, y, ratio):
    fig = plt.figure(figsize=(7, 6))
    ax = plt.gca()
    x = x * np.sin(ratio) *0.5
    y = y * np.sin(ratio) *0.5
    plt.scatter(x, y, s=3, c="#d66582")
    x1, y1 = scatter_inside(x, y, beta=0.15)
    np.random.seed(1)
    x1, y1 = scatter_inside(x, y , beta=0.15)
    ax.scatter(x1, y1, s=3, c="#d66582")
    x1, y1 = scatter_inside(x*0.7, y*0.7 , beta=0.15)
    ax.scatter(x1, y1, s=3, c="#d66582")
    xo, yo = scatter_inside(x*1.2, y*1.2, beta=0.1)
    ax.scatter(xo, yo, s=3, c="#d66582", alpha=0.8, marker=r'$\heartsuit$')
    ax.set_facecolor("black")
    for spine in ax.spines.values():
            spine.set_visible(False)
    ax.tick_params(bottom=False, labelbottom=False,
                       left=False, labelleft=False)   
    plt.xlim((-6*np.pi, 6*np.pi))
    plt.ylim((-6*np.pi, 6*np.pi))

frames = []
for ratio in np.linspace(np.pi/3, 2*np.pi/3, 20):
    t = np.linspace(0, 2*np.pi, 2000)
    x = 16 * np.sin(t) ** 3
    y = 13 * np.cos(t) - 5 * np.cos(2 * t) - 2 * np.cos(3 * t) - np.cos(4 * t)
    of = plot_heart(x, y, ratio)
    frames.append(of)
gif.save(frames, "love3.gif", duration=100)  

love3.gif

額，為啥何和文章開頭的動畫不一樣呢~~因為不想讓你們白嫖（笑）不過主要代碼都給出來了，大家就參考著，自己改吧改吧就行了。 Up主的視頻講解可以見：https://b23.tv/gKzcExJ

參考

https://b23.tv/gKzcExJ

如果你想要全部代碼去這里獲取吧 文章