Project

Kaleidoscope Pattern Generator

万花筒图案生成器

一个从 PyQt + OpenCV 图像处理工具整理出的项目案例:用户选择局部图像后,系统通过镜像、旋转和平铺生成连续纹样,并提供参数化控制与展示。

Type
Interactive System / Image Processing
Focus
Interactive visualization, Image processing, Pattern generation
My role
System design, Visual design, Frontend implementation

Live Demo

Interactive pattern generation demo

基于 Canvas 的交互式纹样生成系统:选择纹理焦点、切换生成结构、调整旋转/缩放/重复次数,在浏览器内实时渲染结果。公开页面仅保留内置示例预览,用于展示核心交互与视觉效果。

Image
Pattern type
Options
Source texture Drag inside the image
Generated pattern
Tiles

Work

Design Rationale

System design

围绕纹样生成与参数控制构建完整交互:将图案探索、参数比较与展示预览组织为连贯工作流,让核心方法和视觉结果可以被清晰呈现。

Computational approach

原项目使用 PyQt 构建界面、OpenCV 处理选区裁切与镜像平铺;本 demo 用 Canvas 在浏览器端复刻核心体验,展示跨技术栈抽象同一交互模型的能力。

Frontend implementation

当前网页 demo 基于原生 JavaScript 与 Canvas 2D API 构建,在轻量的静态页面结构内实现纹样的实时渲染。原项目使用 PyQt 作为界面框架。