目錄
前言
一、python
1.python 第一個(gè)
2.python第二個(gè)
二、HTML
1.第一個(gè)
2.第二個(gè)html
3.第三個(gè)html
3.第四個(gè)html
總結(jié)
前言
最近那個(gè)電視劇很火，就是搞愛心代碼的，本人興趣使然，在網(wǎng)上搜集了一些代碼，經(jīng)過一定修改，做一個(gè)小總結(jié)。源文件直接免費(fèi)下載點(diǎn)此處
一、python
運(yùn)行
主要用的包都是那么幾個(gè)，csdn搜pycharm怎么導(dǎo)包就可以。
1.python 第一個(gè)
成品效果
?
調(diào)整思路
HEART_COLOR = "#EEAEEE" ?#引號(hào)內(nèi)修改顏色！顏色代碼放在文章末尾
雙引號(hào)里面可以在csdn搜RGB顏色，比如這個(gè)兄弟的，直接看里面的對(duì)照表，把包括#的數(shù)字或字母替換就可以換顏色了
代碼如下文章來源地址http://www.zghlxwxcb.cn/news/detail-777674.html
import random
from math import sin, cos, pi, log
from tkinter import *
CANVAS_WIDTH = 840 # 畫布的寬
CANVAS_HEIGHT = 680 # 畫布的高
CANVAS_CENTER_X = CANVAS_WIDTH / 2 # 畫布中心的X軸坐標(biāo)
CANVAS_CENTER_Y = CANVAS_HEIGHT / 2 # 畫布中心的Y軸坐標(biāo)
IMAGE_ENLARGE = 11 # 放大比例
HEART_COLOR = "#EEAEEE" #引號(hào)內(nèi)修改顏色！顏色代碼放在文章末尾
def heart_function(t, shrink_ratio: float = IMAGE_ENLARGE):
"""
“愛心函數(shù)生成器”
:param shrink_ratio: 放大比例
:param t: 參數(shù)
:return: 坐標(biāo)
"""
# 基礎(chǔ)函數(shù)
x = 17 * (sin(t) ** 3)
y = -(16 * cos(t) - 5 * cos(2 * t) - 2 * cos(3 * t) - cos(3 * t))
# 放大
#x *= shrink_ratio
#y *= shrink_ratio
x*=IMAGE_ENLARGE
y*=IMAGE_ENLARGE
# 移到畫布中央
x += CANVAS_CENTER_X
y += CANVAS_CENTER_Y
return int(x), int(y)
def scatter_inside(x, y, beta=0.15):
"""
隨機(jī)內(nèi)部擴(kuò)散
:param x: 原x
:param y: 原y
:param beta: 強(qiáng)度
:return: 新坐標(biāo)
"""
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
def shrink(x, y, ratio):
"""
抖動(dòng)
:param x: 原x
:param y: 原y
:param ratio: 比例
:return: 新坐標(biāo)
"""
force = -1 / (((x - CANVAS_CENTER_X) ** 2 + (y - CANVAS_CENTER_Y) ** 2) ** 0.6) # 這個(gè)參數(shù)...
dx = ratio * force * (x - CANVAS_CENTER_X)
dy = ratio * force * (y - CANVAS_CENTER_Y)
return x - dx, y - dy
def curve(p):
"""
自定義曲線函數(shù)，調(diào)整跳動(dòng)周期
:param p: 參數(shù)
:return: 正弦
"""
# 可以嘗試換其他的動(dòng)態(tài)函數(shù)，達(dá)到更有力量的效果（貝塞爾？）
return 2 * (2 * sin(4 * p)) / (2 * pi)
class Heart:
"""
愛心類
"""
def __init__(self, generate_frame=20):
self._points = set() # 原始愛心坐標(biāo)集合
self._edge_diffusion_points = set() # 邊緣擴(kuò)散效果點(diǎn)坐標(biāo)集合
self._center_diffusion_points = set() # 中心擴(kuò)散效果點(diǎn)坐標(biāo)集合
self.all_points = {} # 每幀動(dòng)態(tài)點(diǎn)坐標(biāo)
self.build(2000)
self.random_halo = 1000
self.generate_frame = generate_frame
for frame in range(generate_frame):
self.calc(frame)
def build(self, number):
# 愛心
for _ in range(number):
t = random.uniform(0, 2 * pi) # 隨機(jī)不到的地方造成愛心有缺口
x, y = heart_function(t)
self._points.add((x, y))
# 愛心內(nèi)擴(kuò)散
for _x, _y in list(self._points):
for _ in range(3):
x, y = scatter_inside(_x, _y, 0.05)
self._edge_diffusion_points.add((x, y))
# 愛心內(nèi)再次擴(kuò)散
point_list = list(self._points)
for _ in range(10000):
x, y = random.choice(point_list)
x, y = scatter_inside(x, y, 0.27)
self._center_diffusion_points.add((x, y))
@staticmethod
def calc_position(x, y, ratio):
# 調(diào)整縮放比例
force = 1 / (((x - CANVAS_CENTER_X) ** 2 + (y - CANVAS_CENTER_Y) ** 2) ** 0.420) # 魔法參數(shù)
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 = 15 * 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 = []
# 光環(huán)
heart_halo_point = set() # 光環(huán)的點(diǎn)坐標(biāo)集合
for _ in range(halo_number):
t = random.uniform(0, 2 * pi) # 隨機(jī)不到的地方造成愛心有缺口
x, y = heart_function(t, shrink_ratio=-15) # 魔法參數(shù)
x, y = shrink(x, y, halo_radius)
if (x, y) not in heart_halo_point:
# 處理新的點(diǎn)
heart_halo_point.add((x, y))
x += random.randint(-60, 60)
y += random.randint(-60, 60)
size = random.choice((1, 1, 2))
all_points.append((x, y, size))
all_points.append((x+20, y+20, size))
all_points.append((x-20, y -20, size))
all_points.append((x+20, y - 20, size))
all_points.append((x - 20, y +20, size))
# 輪廓
for x, y in self._points:
x, y = self.calc_position(x, y, ratio)
size = random.randint(1, 3)
all_points.append((x, y, size))
# 內(nèi)容
for x, y in self._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._center_diffusion_points:
x, y = self.calc_position(x, y, ratio)
size = random.randint(1, 2)
all_points.append((x, y, size))
self.all_points[generate_frame] = all_points
def render(self, render_canvas, render_frame):
for x, y, size in self.all_points[render_frame % self.generate_frame]:
render_canvas.create_rectangle(x, y, x + size, y + size, width=0, fill=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(1, draw, main, render_canvas, render_heart, render_frame + 1)
if __name__ == '__main__':
root = Tk()
canvas = Canvas(root, bg='black', height=CANVAS_HEIGHT, width=CANVAS_WIDTH)
canvas.pack()
heart = Heart()
draw(root, canvas, heart)
root.mainloop()
2.python第二個(gè)
成品效果
?
調(diào)整思路
HEART_COLOR = "#EEAEEE" ?#心的顏色
調(diào)整顏色的思路同上文章來源：http://www.zghlxwxcb.cn/news/detail-777674.html
代碼如下
import random
from math import sin, cos, pi, log
from tkinter import *
CANVAS_WIDTH = 640 # 畫布的寬
CANVAS_HEIGHT = 480 # 畫布的高
CANVAS_CENTER_X = CANVAS_WIDTH / 2 # 畫布中心的X軸坐標(biāo)
CANVAS_CENTER_Y = CANVAS_HEIGHT / 2 # 畫布中心的Y軸坐標(biāo)
IMAGE_ENLARGE = 11 # 放大比例
HEART_COLOR = "pink" # 心的顏色
def heart_function(t, shrink_ratio: float = IMAGE_ENLARGE):
"""
“愛心函數(shù)生成器”
:param shrink_ratio: 放大比例
:param t: 參數(shù)
:return: 坐標(biāo)
"""
# 基礎(chǔ)函數(shù)
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)
def scatter_inside(x, y, beta=0.15):
"""
隨機(jī)內(nèi)部擴(kuò)散
:param x: 原x
:param y: 原y
:param beta: 強(qiáng)度
:return: 新坐標(biāo)
"""
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
def shrink(x, y, ratio):
"""
抖動(dòng)
:param x: 原x
:param y: 原y
:param ratio: 比例
:return: 新坐標(biāo)
"""
force = -1 / (((x - CANVAS_CENTER_X) ** 2 + (y - CANVAS_CENTER_Y) ** 2) ** 0.6) # 這個(gè)參數(shù)...
dx = ratio * force * (x - CANVAS_CENTER_X)
dy = ratio * force * (y - CANVAS_CENTER_Y)
return x - dx, y - dy
def curve(p):
"""
自定義曲線函數(shù)，調(diào)整跳動(dòng)周期
:param p: 參數(shù)
:return: 正弦
"""
return 4 * (2 * sin(4 * p)) / (2 * pi)
class Heart:
"""
愛心類
"""
def __init__(self, generate_frame=20):
self._points = set() # 原始愛心坐標(biāo)集合
self._edge_diffusion_points = set() # 邊緣擴(kuò)散效果點(diǎn)坐標(biāo)集合
self._center_diffusion_points = set() # 中心擴(kuò)散效果點(diǎn)坐標(biāo)集合
self.all_points = {} # 每幀動(dòng)態(tài)點(diǎn)坐標(biāo)
self.build(2000)
self.random_halo = 1000
self.generate_frame = generate_frame
for frame in range(generate_frame):
self.calc(frame)
def build(self, number):
# 愛心
for _ in range(number):
t = random.uniform(0, 2 * pi) # 隨機(jī)不到的地方造成愛心有缺口
x, y = heart_function(t)
self._points.add((x, y))
# 愛心內(nèi)擴(kuò)散
for _x, _y in list(self._points):
for _ in range(3):
x, y = scatter_inside(_x, _y, 0.05)
self._edge_diffusion_points.add((x, y))
# 愛心內(nèi)再次擴(kuò)散
point_list = list(self._points)
for _ in range(4000):
x, y = random.choice(point_list)
x, y = scatter_inside(x, y, 0.17)
self._center_diffusion_points.add((x, y))
@staticmethod
def calc_position(x, y, ratio):
# 調(diào)整縮放比例
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 = 10 * curve(generate_frame / 10 * pi) # 圓滑的周期的縮放比例
halo_radius = int(4 + 6 * (1 +到了這里，關(guān)于愛心代碼李峋同款愛心 python html的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
