双层爱心通过数学计算和帧动画结合的方式,实现了一个视觉效果丰富的动态心形图案,展现了数学函数在图形绘制中的应用。
1. 核心功能与效果
程序运行后会创建一个黑色背景的窗口,窗口中会显示一个由大量小点组成的动态心形图案。心形会呈现出呼吸般的扩张收缩效果,同时伴随边缘扩散和中心光晕的动态变化,整体视觉效果流畅且富有层次感。
2. 代码结构与模块解析
(1)导入的库
random:用于生成随机数,控制点的扩散和位置变化math中的sin, cos, pi, log:用于心形曲线的数学计算和动画曲线控制tkinter:用于创建图形界面和绘制动画
(2)常量定义
定义了一系列控制动画效果的参数:
- 画布尺寸:
CANVAS_WIDTH/CANVAS_HEIGHT(640x640) - 中心坐标:
CANVAS_CENTER_X/CANVAS_CENTER_Y(画布中心) - 图形放大倍数:
IMAGE_ENLARGE(11) - 颜色设置:
INNER_HEART_COLOR(粉色,内心颜色)、OUTER_HEART_COLOR(未设置,外心颜色) - 扩散系数:
SCATTER_BETA(0.15)、收缩比例:SHRINK_RATIO(15) - 动画帧率:
FRAME_DELAY(160 毫秒 / 帧) - 点数量:
NUM_POINTS(2000,核心点)、NUM_HALO_POINTS(3000,光晕点)
(3)HeartParameters类
用于存储心形图案的各类点集合:
points:核心心形点集合edge_diffusion_points:边缘扩散点集合center_diffusion_points:中心扩散点集合all_points:所有点的帧动画数据(按帧存储)
(4)核心数学函数
-
heart_function(t, shrink_ratio)生成心形曲线上的点坐标。基于经典心形曲线公式:- x=16sin3(t)
- y=−(13cos(t)−5cos(2t)−2cos(3t)−cos(4t))经过缩放(
shrink_ratio)和偏移(到画布中心)后,返回整数坐标。
-
scatter_points(x, y, beta)对指定点(x,y)进行随机扩散,生成边缘模糊效果。通过对数分布的随机数控制扩散幅度,beta值越大扩散越明显。 -
shrink_points(x, y, ratio)对指定点进行收缩,使点向中心聚集。收缩力与点到中心的距离相关,距离越近收缩力越强。 -
curve(p)生成动画曲线,用于控制心形的扩张收缩节奏(基于正弦函数)。
(5)Heart类
心形动画的核心类,负责点的生成、动画计算和渲染:
-
__init__方法:初始化参数,构建点集合,并预计算所有帧的动画数据。 -
build方法:生成三类点集合:- 核心点(
points):直接由心形函数生成 - 边缘扩散点(
edge_diffusion_points):对核心点进行扩散得到 - 中心光晕点(
center_diffusion_points):从核心点中随机选择并扩散得到
- 核心点(
-
calc方法:计算指定帧的所有点位置。根据动画曲线(curve)调整点的收缩 / 扩散状态,生成该帧的所有点数据(坐标和大小)。 -
render方法:在画布上绘制指定帧的所有点。根据点的大小选择颜色(内心 / 外心颜色),通过矩形(create_rectangle)绘制小点。
(6)动画控制函数
draw函数:递归调用实现动画循环。每帧清除画布,绘制当前帧的点,然后延迟FRAME_DELAY毫秒后调用下一帧,形成连续动画。
(7)主程序入口
- 创建 Tkinter 窗口和画布
- 初始化
Heart对象(生成所有帧数据) - 启动动画循环(
draw函数) - 进入 Tkinter 事件循环(
mainloop)
3. 动画原理
- 预计算:程序启动时生成核心点、边缘扩散点和中心光晕点,并预计算所有帧(
generate_frame参数控制帧数)的点位置数据。 - 帧动画:通过
curve函数控制每帧的收缩 / 扩散比例,使心形呈现周期性的缩放效果。 - 渲染循环:每帧清除画布并绘制当前帧的所有点,通过控制点的大小和颜色,形成层次感(核心点 / 边缘点 / 光晕点)。
4. 可优化或修改的方向
- 调整
OUTER_HEART_COLOR(如设置为浅粉色)可增强外心效果 - 修改
FRAME_DELAY可改变动画速度(值越小速度越快) - 调整
NUM_POINTS和NUM_HALO_POINTS可改变点的密度(值越大越密集) - 更改
INNER_HEART_COLOR和OUTER_HEART_COLOR可自定义心形颜色 - 调整
SCATTER_BETA和SHRINK_RATIO可改变扩散和收缩的幅度
5. 代码示例:
import random
from math import sin, cos, pi, log
from tkinter import *
# Constants
CANVAS_WIDTH = 640
CANVAS_HEIGHT = 640
CANVAS_CENTER_X = CANVAS_WIDTH / 2
CANVAS_CENTER_Y = CANVAS_HEIGHT / 2
IMAGE_ENLARGE = 11
INNER_HEART_COLOR = "pink" # Color for the inner heart
OUTER_HEART_COLOR = "" # Color for the outer heart
SCATTER_BETA = 0.15
SHRINK_RATIO = 15
CURVE_RATIO = 10
FRAME_DELAY = 160
NUM_POINTS = 2000
NUM_HALO_POINTS = 3000
class HeartParameters:
def __init__(self):
self.points = set()
self.edge_diffusion_points = set()
self.center_diffusion_points = set()
self.all_points = {}
# Heart function
def heart_function(t, shrink_ratio=IMAGE_ENLARGE):
x = 16 * (sin(t) ** 3)
y = -(13 * cos(t) - 5 * cos(2 * t) - 2 * cos(3 * t) - cos(4 * t))
x *= shrink_ratio
y *= shrink_ratio
x += CANVAS_CENTER_X
y += CANVAS_CENTER_Y
return int(x), int(y)
# Scatter points
def scatter_points(x, y, beta=SCATTER_BETA):
ratio_x = -beta * log(random.random())
ratio_y = -beta * log(random.random())
dx = ratio_x * (x - CANVAS_CENTER_X)
dy = ratio_y * (y - CANVAS_CENTER_Y)
return x - dx, y - dy
# Shrink points
def shrink_points(x, y, ratio):
force = -1 / (((x - CANVAS_CENTER_X) ** 2 + (y - CANVAS_CENTER_Y) ** 2) ** 0.6)
dx = ratio * force * (x - CANVAS_CENTER_X)
dy = ratio * force * (y - CANVAS_CENTER_Y)
return x - dx, y - dy
# Curve function
def curve(p):
return 2 * (3 * sin(4 * p)) / (2 * pi)
# Heart class
class Heart:
def __init__(self, generate_frame=20):
self.parameters = HeartParameters()
self.generate_frame = generate_frame
self.build(NUM_POINTS)
for frame in range(generate_frame):
self.calc(frame)
def build(self, number):
for _ in range(number):
t = random.uniform(0, 2 * pi)
x, y = heart_function(t)
self.parameters.points.add((x, y))
for _x, _y in list(self.parameters.points):
for _ in range(3):
x, y = scatter_points(_x, _y)
self.parameters.edge_diffusion_points.add((x, y))
point_list = list(self.parameters.points)
for _ in range(NUM_HALO_POINTS):
x, y = random.choice(point_list)
x, y = scatter_points(x, y, 0.17)
self.parameters.center_diffusion_points.add((x, y))
@staticmethod
def calc_position(x, y, ratio):
force = 1 / (((x - CANVAS_CENTER_X) ** 2 + (y - CANVAS_CENTER_Y) ** 2) ** 0.520)
dx = ratio * force * (x - CANVAS_CENTER_X) + random.randint(-1, 1)
dy = ratio * force * (y - CANVAS_CENTER_Y) + random.randint(-1, 1)
return x - dx, y - dy
def calc(self, generate_frame):
ratio = CURVE_RATIO * curve(generate_frame / 10 * pi)
halo_radius = int(4 + 6 * (1 + curve(generate_frame / 10 * pi)))
halo_number = int(3000 + 4000 * abs(curve(generate_frame / 10 * pi) ** 2))
all_points = []
heart_halo_point = set()
for _ in range(halo_number):
t = random.uniform(0, 2 * pi)
x, y = heart_function(t, shrink_ratio=SHRINK_RATIO)
x, y = shrink_points(x, y, halo_radius)
if (x, y) not in heart_halo_point:
heart_halo_point.add((x, y))
x += random.randint(-14, 14)
y += random.randint(-14, 14)
size = random.choice((1, 2, 2))
all_points.append((x, y, size))
for x, y in self.parameters.points:
x, y = self.calc_position(x, y, ratio)
size = random.randint(1, 3)
all_points.append((x, y, size))
for x, y in self.parameters.edge_diffusion_points:
x, y = self.calc_position(x, y, ratio)
size = random.randint(1, 2)
all_points.append((x, y, size))
for x, y in self.parameters.center_diffusion_points:
x, y = self.calc_position(x, y, ratio)
size = random.randint(1, 2)
all_points.append((x, y, size))
self.parameters.all_points[generate_frame] = all_points
def render(self, render_canvas, render_frame):
for x, y, size in self.parameters.all_points[render_frame % self.generate_frame]:
if size == 2:
render_canvas.create_rectangle(x, y, x + size, y + size, width=0, fill=INNER_HEART_COLOR)
else:
render_canvas.create_rectangle(x, y, x + size, y + size, width=0, fill=OUTER_HEART_COLOR)
def draw(main: Tk, render_canvas: Canvas, render_heart: Heart, render_frame=0):
render_canvas.delete('all')
render_heart.render(render_canvas, render_frame)
main.after(FRAME_DELAY, draw, main, render_canvas, render_heart, render_frame + 1)
if __name__ == '__main__':
root = Tk()
root.title('')
canvas = Canvas(root, bg='black', height=CANVAS_HEIGHT, width=CANVAS_WIDTH)
canvas.pack()
heart = Heart()
draw(root, canvas, heart)
root.mainloop()