前段时间看了一期《最强大脑》,里面展示了各种繁花曲线组合成的非常美丽的图形,一时心血来潮,想尝试自己用代码绘制繁花曲线,想怎么组合就怎么组合。

  

  真实的繁花曲线使用一种称为繁花曲线规的小玩意绘制,繁花曲线规由相互契合的大小两个圆组成,用笔插在小圆上的一个孔中,紧贴大圆的内壁滚动,就可以绘制出漂亮的图案。

  这个过程可以做一个抽象:有两个半径不相等的圆,大圆位置固定,小圆在大圆内部,小圆紧贴着大圆内壁滚动,求小圆上的某一点走过的轨迹。

  进一步分析,小圆的运动可以分解为两个部分:小圆圆心绕大圆圆心公转、小圆绕自身圆心自转。

  设大圆圆心为A,半径为Ra,小圆圆心为B,半径为Rb,轨迹点为C,半径为Rc(BC距离),设小圆公转的弧度为 θ [0, ∞),如图:

  

  因为大圆的圆心坐标是固定的,要求得小圆上的某点的轨迹,就需要先求出小圆在当前时刻的圆心坐标,再求出小圆自转的弧度,最后求出小圆上某点的坐标。

  第一步:求小圆圆心坐标

  小圆圆心(xb, yb)绕大圆圆心(xa, ya)公转,公转轨迹是一个半径为 R- RB 的圆。求小圆圆心坐标,相当于是求半径为 R- RB 的圆上 θ 弧度对应的点的坐标。

  圆上的点的坐标公式为:

  x = r * cos(θ), y = r * sin(θ)

  所以小圆圆心坐标(xb, yb)为:( xa + (Ra - Rb) * cos(θ),  ya + (Ra - Rb) * sin(θ) )

  

  第二步:求小圆自转弧度

  设小圆自转弧度为α,小圆紧贴大圆运动,两者走过的路程相同,因此有:

  Ra * θ = Rb * α

  小圆自转弧度 α = (Ra / Rb) * θ

  

  第三步:求点C坐标

  点C相对小圆圆心B的公转轨迹是一个半径为 Rc 的圆,计算方法同第一步,有:

  轨迹点C的坐标(xc, yc)为:( xb + Rc * cos(α),  yb + Rc * sin(α) )

  按照以上算法分析,用python代码实现如下:

 # -*- coding: utf-8 -*-

 import math

 '''
功能:
已知圆的圆心和半径,获取某弧度对应的圆上点的坐标
入参:
center:圆心
radius:半径
radian:弧度
'''
def get_point_in_circle(center, radius, radian):
return (center[0] + radius * math.cos(radian), center[1] - radius * math.sin(radian)) '''
功能:
内外圆A和B,内圆A沿着外圆B的内圈滚动,已知外圆圆心、半径,已知内圆半径,已知公转弧度和绕点半径,计算绕点坐标
入参:
center_A:外圆圆心
radius_A:外圆半径
radius_B:内圆半径
radius_C:绕点半径
radian:公转弧度
'''
def get_point_in_child_circle(center_A, radius_A, radius_B, radius_C, radian):
# 计算内圆圆心坐标
center_B = get_point_in_circle(center_A, radius_A - radius_B, radian)
# 计算绕点弧度(公转为逆时针,则自转为顺时针)
radian_C = 2.0 * math.pi - ((radius_A / radius_B * radian) % (2.0 * math.pi))
# 计算绕点坐标
return get_point_in_circle(center_B, radius_C, radian_C)

  有两点需要注意:

  (1)屏幕坐标系左上角为原点,垂直向下为Y正轴,与数学坐标系Y轴方向相反,所以第14行Y坐标为减法;

  (2)默认公转为逆时针,则自转为顺时针,所以第30行求自转弧度时,使用了2π - α%(2π);

  坐标已经计算出来,接下来使用pygame绘制。曲线轨迹的绘制思想是以0.01弧度为一个步长,不断计算出新的坐标,把一系列坐标连起来就会形成轨迹图。

  为了能够形成一个封闭图形,还需要知道绘制点什么时候会重新回到起点。想了一个办法,以X轴正半轴为基准线,每次绘制点到达基准线,计算此时绘制点与起点的距离,达到一定精度认为已经回到起点,形成封闭图形。

 ''' 计算两点距离(平方和) '''
def get_instance(p1, p2):
return (p1[0] - p2[0]) * (p1[0] - p2[0]) + (p1[1] - p2[1]) * (p1[1] - p2[1]) '''
功能:
获取绕点路径的所有点的坐标
入参:
center:外圆圆心
radius_A:外圆半径
radius_B:内圆半径
radius_C:绕点半径
shift_radian:每次偏移的弧度,默认0.01,值越小,精度越高,计算量越大
'''
def get_points(center, radius_A, radius_B, radius_C, shift_radian=0.01):
# 转为实数
radius_A *= 1.0
radius_B *= 1.0
radius_C *= 1.0 P2 = 2*math.pi # 一圈的弧度为 2PI
R_PER_ROUND = int(P2/shift_radian/4) + 1 # 一圈需要走多少步(弧度偏移多少次) # 第一圈的起点坐标
start_point = get_point_in_child_circle(center, radius_A, radius_B, radius_C, 0)
points = [start_point]
# 第一圈的路径坐标
for r in range(1, R_PER_ROUND):
points.append(get_point_in_child_circle(center, radius_A, radius_B, radius_C, shift_radian*r)) # 以圈为单位,每圈的起始弧度为 2PI*round,某圈的起点坐标与第一圈的起点坐标距离在一定范围内,认为路径结束
for round in range(1, 100):
s_radian = round*P2
s_point = get_point_in_child_circle(center, radius_A, radius_B, radius_C, s_radian)
if get_instance(s_point, start_point) < 0.1:
break
points.append(s_point)
for r in range(1, R_PER_ROUND):
points.append(get_point_in_child_circle(center, radius_A, radius_B, radius_C, s_radian + shift_radian*r)) return points

  再加上绘制代码,完整代码如下:

 # -*- coding: utf-8 -*-

 import math
import random '''
功能:
已知圆的圆心和半径,获取某弧度对应的圆上点的坐标
入参:
center:圆心
radius:半径
radian:弧度
'''
def get_point_in_circle(center, radius, radian):
return (center[0] + radius * math.cos(radian), center[1] - radius * math.sin(radian)) '''
功能:
内外圆A和B,内圆A沿着外圆B的内圈滚动,已知外圆圆心、半径,已知内圆半径、公转弧度,已知绕点半径,计算绕点坐标
入参:
center_A:外圆圆心
radius_A:外圆半径
radius_B:内圆半径
radius_C:绕点半径
radian:公转弧度
'''
def get_point_in_child_circle(center_A, radius_A, radius_B, radius_C, radian):
# 计算内圆圆心坐标
center_B = get_point_in_circle(center_A, radius_A - radius_B, radian)
# 计算绕点弧度(公转为逆时针,则自转为顺时针)
radian_C = 2.0*math.pi - ((radius_A / radius_B * radian) % (2.0*math.pi))
# 计算绕点坐标
center_C = get_point_in_circle(center_B, radius_C, radian_C)
center_B_Int = (int(center_B[0]), int(center_B[1]))
return center_B_Int, center_C ''' 计算两点距离(平方和) '''
def get_instance(p1, p2):
return (p1[0] - p2[0]) * (p1[0] - p2[0]) + (p1[1] - p2[1]) * (p1[1] - p2[1]) '''
功能:
获取绕点路径的所有点的坐标
入参:
center:外圆圆心
radius_A:外圆半径
radius_B:内圆半径
radius_C:绕点半径
shift_radian:每次偏移的弧度,默认0.01,值越小,精度越高,计算量越大
'''
def get_points(center_A, radius_A, radius_B, radius_C, shift_radian=0.01):
# 转为实数
radius_A *= 1.0
radius_B *= 1.0
radius_C *= 1.0 P2 = 2*math.pi # 一圈的弧度为 2PI
R_PER_ROUND = int(P2/shift_radian) + 1 # 一圈需要走多少步(弧度偏移多少次) # 第一圈的起点坐标
start_center, start_point = get_point_in_child_circle(center_A, radius_A, radius_B, radius_C, 0)
points = [start_point]
centers = [start_center]
# 第一圈的路径坐标
for r in range(1, R_PER_ROUND):
center, point = get_point_in_child_circle(center_A, radius_A, radius_B, radius_C, shift_radian*r)
points.append(point)
centers.append(center) # 以圈为单位,每圈的起始弧度为 2PI*round,某圈的起点坐标与第一圈的起点坐标距离在一定范围内,认为路径结束
for round in range(1, 100):
s_radian = round*P2
s_center, s_point = get_point_in_child_circle(center_A, radius_A, radius_B, radius_C, s_radian)
if get_instance(s_point, start_point) < 0.1:
break
points.append(s_point)
centers.append(s_center)
for r in range(1, R_PER_ROUND):
center, point = get_point_in_child_circle(center_A, radius_A, radius_B, radius_C, s_radian + shift_radian*r)
points.append(point)
centers.append(center) print(len(points)/R_PER_ROUND) return centers, points import pygame
from pygame.locals import * pygame.init()
screen = pygame.display.set_mode((600, 400))
clock = pygame.time.Clock() color_black = (0, 0, 0)
color_white = (255, 255, 255)
color_red = (255, 0, 0)
color_yello = (255, 255, 0) center = (300, 200)
radius_A = 150
radius_B = 110
radius_C = 50 test_centers, test_points = get_points(center, radius_A, radius_B, radius_C)
test_idx = 2
draw_point_num_per_tti = 5 while True:
for event in pygame.event.get():
if event.type==pygame.QUIT:
pygame.quit()
exit(0) screen.fill(color_white) pygame.draw.circle(screen, color_black, center, int(radius_A), 2) if test_idx <= len(test_points):
pygame.draw.aalines(screen, (0, 0, 255), False, test_points[:test_idx], 1)
if test_idx < len(test_centers):
pygame.draw.circle(screen, color_black, test_centers[test_idx], int(radius_B), 1)
pygame.draw.aaline(screen, color_black, test_centers[test_idx], test_points[test_idx], 1)
test_idx = min(test_idx + draw_point_num_per_tti, len(test_points)) clock.tick(50)
pygame.display.flip()

  

  关于pygame的使用,参考博客 eyehere.net/2011/python-pygame-novice-professional-index/

  效果:

使用python和pygame绘制繁花曲线的更多相关文章

  1. Python使用matplotlib绘制三维曲线

    本文主要演示如何使用matplotlib绘制三维图形 代码如下: # -*- coding: UTF-8 -*- import matplotlib as mpl from mpl_toolkits. ...

  2. Python绘制正态分布曲线

      使用Python绘制正态分布曲线,借助matplotlib绘图工具: \[ f(x) = \dfrac{1}{\sqrt{2\pi}\sigma}\exp(-\dfrac{(x-\mu)^2}{2 ...

  3. Python之pygame学习绘制文字制作滚动文字

    pygame绘制文字 ✕ 今天来学习绘制文本内容,毕竟游戏中还是需要文字对玩家提示一些有用的信息. 字体常用的不是很多,在pygame中大多用于提示文字,或者记录分数等事件. 字体绘制基本分为以下几个 ...

  4. WPF 实现繁花曲线

    原文:WPF 实现繁花曲线 版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/nihang1234/article/details/83346919 X ...

  5. Python和Pygame游戏开发 pdf

    Python和Pygame游戏开发 目录 第1章 安装Python和Pygame 11.1 预备知识 11.2 下载和安装Python 11.3 Windows下的安装说明 11.4 Mac OS X ...

  6. 用html5的canvas画布绘制贝塞尔曲线

    查看效果:http://keleyi.com/keleyi/phtml/html5/7.htm 完整代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHT ...

  7. Matlab 如何绘制复杂曲线的包络线

    Matlab 如何绘制复杂曲线的包络线 http://jingyan.baidu.com/article/aa6a2c14d36c710d4c19c4a8.html 如果一条曲线(比如声音波形)波动很 ...

  8. Python使用Pygame.mixer播放音乐

    Python使用Pygame.mixer播放音乐 frequency这里是调频率... 播放网络中的音频: #!/usr/bin/env python # -*- coding: utf-8 -*- ...

  9. 4. 绘制光谱曲线QGraphicsView类

    一.前言 Qt的QGraphicsView类具有强大的视图功能,与其一起使用的还有QGraphicsScene类和QGraphicsItem类.大体思路就是通过构建场景类,然后向场景对象中增加各种图元 ...

随机推荐

  1. linux 分布式文件系统

    分布式文件系统(DFS) 指文件系统管理的物理存储资源不一定直接连接在本地节点上 而是通过计算机网络与节点相连 分布式文件系统的设计基于客户机/服务器模式 一个典型的网络可能包括多个多个用户访问的服务 ...

  2. Android的ListView异步加载图片时,错位、重复、闪烁问题的分析及解决方法

    Android ListView异步加载图片错位.重复.闪烁分析以及解决方案,具体问题分析以及解决方案请看下文. 我们在使用ListView异步加载图片的时候,在快速滑动或者网络不好的情况下,会出现图 ...

  3. 如何在WDM中使用xp系统的DMA用来处理数据

    最近做了一款pci的视频采集卡(H264压缩),由于数据传输量比较大,所有想采用dma来传输数据,刚开始感觉很简单,后来感觉还是困难重重. DMA 验证监控直接内存访问 (DMA) 的使用.随着 Wi ...

  4. yii学习笔记--配置文件的配置

    'basePath'=>dirname(__FILE__).DIRECTORY_SEPARATOR.'..', 'name'=>'My Web Application',//项目的名称 / ...

  5. Vxworks驱动程序的结构

    驱动程序的结构包括三个部分:初始化部分,函数功能部分和中断服务程序ISR.初始化部分初始化硬件,分配设备所需的资源,完成所有与系统相关的设置.如果是字符设备,首先调用iosDrvlnstall()来安 ...

  6. vue全局配置----小白基础篇

    今天学习vue全局配置.希望帮助我们去了解vue的全局配置,快速开发. Vue.config是vue的全局配置对象.包含Vue的所有全局属性: silent:boolean(默认值:false)--- ...

  7. zjoi网络

    map加LCT水一下就过了 # include <stdio.h> # include <stdlib.h> # include <iostream> # incl ...

  8. [HNOI2008]水平可见直线

    按斜率排序后画个图,用单调栈维护这个半平面交 # include <bits/stdc++.h> # define IL inline # define RG register # def ...

  9. 进一步理解阿贾克斯(Ajax)

    一.ajax简介 1.Asynchronous JavaScript and XML(异步的Javascript和XML) 2.是一种在无需重新加载整个网页的情况下能够更新部分网页的技术. 二.aja ...

  10. 微信小程序之实现页面缩放式侧滑效果

    效果图: 实现原理:点击按钮,往需要动画的div中添加或移除拥有动画效果的class. 由于微信小程序中不能操作page这个根节点,所以,只有用一个div(view)来模仿page根节点. 1.结构 ...