使用 VSCode 开发少儿编程项目：神奇的画笔

jjj_web

559人浏览 · 2025-09-13 06:00:00

jjj_web · 2025-09-13 06:00:00 发布

使用VSCode开发少儿编程项目：神奇的画笔

我将指导你如何使用VSCode创建一个名为"神奇的画笔"的互动绘画项目，这个项目适合少儿学习编程和培养创造力。

项目概述

"神奇的画笔"是一个互动绘画程序，孩子们可以使用各种特殊效果的画笔在画布上创作，包括彩虹笔、星星笔、烟花笔等，培养他们的创造力和编程兴趣。

环境设置

安装VSCode
安装Python扩展
确保安装了Python 3.x和pygame库（可通过pip install pygame安装）

代码实现

创建一个名为magic_brush.py的文件，然后添加以下代码：

import pygame
import sys
import random
import math

# 初始化pygame
pygame.init()

# 设置窗口
WIDTH, HEIGHT = 800, 600
screen = pygame.display.set_mode((WIDTH, HEIGHT))
pygame.display.set_caption("神奇的画笔")

# 颜色定义
WHITE = (255, 255, 255)
BLACK = (0, 0, 0)
COLORS = [
    (255, 0, 0),    # 红色
    (255, 165, 0),  # 橙色
    (255, 255, 0),  # 黄色
    (0, 255, 0),    # 绿色
    (0, 0, 255),    # 蓝色
    (75, 0, 130),   # 靛蓝色
    (238, 130, 238) # 紫罗兰色
]

# 画笔类型
BRUSH_TYPES = ["普通笔", "彩虹笔", "星星笔", "烟花笔", "镜像笔", "渐变笔"]
current_brush = 0
brush_size = 5
drawing = False
last_pos = None

# 创建画布
canvas = pygame.Surface((WIDTH, HEIGHT))
canvas.fill(WHITE)

# 创建字体
font = pygame.font.SysFont('simhei', 20)
title_font = pygame.font.SysFont('simhei', 30)

# 绘制界面元素
def draw_ui():
    # 绘制标题
    title = title_font.render("神奇的画笔", True, BLACK)
    screen.blit(title, (WIDTH // 2 - title.get_width() // 2, 10))
    
    # 绘制当前画笔信息
    brush_text = font.render(f"画笔: {BRUSH_TYPES[current_brush]} | 大小: {brush_size}", True, BLACK)
    screen.blit(brush_text, (20, HEIGHT - 30))
    
    # 绘制帮助信息
    help_text = font.render("按1-6切换画笔 | 上下箭头调整大小 | 按C清空画布", True, BLACK)
    screen.blit(help_text, (WIDTH - help_text.get_width() - 20, HEIGHT - 30))

# 普通画笔
def normal_brush(pos):
    pygame.draw.circle(canvas, BLACK, pos, brush_size)

# 彩虹画笔
def rainbow_brush(pos):
    color = COLORS[random.randint(0, len(COLORS) - 1)]
    pygame.draw.circle(canvas, color, pos, brush_size)

# 星星画笔
def star_brush(pos):
    color = COLORS[random.randint(0, len(COLORS) - 1)]
    # 绘制一个小星星
    points = []
    for i in range(5):
        angle = math.pi/2 + i * 2*math.pi/5
        points.append((pos[0] + brush_size * math.cos(angle), 
                       pos[1] + brush_size * math.sin(angle)))
        angle += math.pi/5
        points.append((pos[0] + brush_size/2 * math.cos(angle), 
                       pos[1] + brush_size/2 * math.sin(angle)))
    
    pygame.draw.polygon(canvas, color, points)

# 烟花画笔
def firework_brush(pos):
    color = COLORS[random.randint(0, len(COLORS) - 1)]
    for _ in range(5):
        angle = random.uniform(0, 2 * math.pi)
        distance = random.uniform(1, brush_size * 2)
        end_pos = (pos[0] + distance * math.cos(angle), 
                  pos[1] + distance * math.sin(angle))
        pygame.draw.line(canvas, color, pos, end_pos, 1)

# 镜像画笔
def mirror_brush(pos):
    pygame.draw.circle(canvas, BLACK, pos, brush_size)
    # 在对称位置也画一个
    mirror_pos = (WIDTH - pos[0], pos[1])
    pygame.draw.circle(canvas, BLACK, mirror_pos, brush_size)

# 渐变画笔
def gradient_brush(pos):
    if last_pos:
        # 计算两点之间的距离
        dx = pos[0] - last_pos[0]
        dy = pos[1] - last_pos[1]
        distance = max(1, math.sqrt(dx*dx + dy*dy))
        
        # 在两点之间绘制渐变色
        for i in range(int(distance)):
            x = last_pos[0] + dx * i / distance
            y = last_pos[1] + dy * i / distance
            # 根据位置计算颜色
            r = int(255 * i / distance)
            g = int(255 * (1 - i / distance))
            b = random.randint(0, 255)
            pygame.draw.circle(canvas, (r, g, b), (int(x), int(y)), brush_size)

# 主循环
clock = pygame.time.Clock()
running = True

while running:
    for event in pygame.event.get():
        if event.type == pygame.QUIT:
            running = False
        
        # 鼠标事件处理
        elif event.type == pygame.MOUSEBUTTONDOWN:
            if event.button == 1:  # 左键
                drawing = True
                last_pos = event.pos
        
        elif event.type == pygame.MOUSEBUTTONUP:
            if event.button == 1:  # 左键
                drawing = False
                last_pos = None
        
        elif event.type == pygame.MOUSEMOTION:
            if drawing:
                current_pos = event.pos
                # 根据当前画笔类型绘制
                if BRUSH_TYPES[current_brush] == "普通笔":
                    normal_brush(current_pos)
                elif BRUSH_TYPES[current_brush] == "彩虹笔":
                    rainbow_brush(current_pos)
                elif BRUSH_TYPES[current_brush] == "星星笔":
                    star_brush(current_pos)
                elif BRUSH_TYPES[current_brush] == "烟花笔":
                    firework_brush(current_pos)
                elif BRUSH_TYPES[current_brush] == "镜像笔":
                    mirror_brush(current_pos)
                elif BRUSH_TYPES[current_brush] == "渐变笔":
                    gradient_brush(current_pos)
                
                last_pos = current_pos
        
        # 键盘事件处理
        elif event.type == pygame.KEYDOWN:
            # 切换画笔
            if event.key in [pygame.K_1, pygame.K_2, pygame.K_3, pygame.K_4, pygame.K_5, pygame.K_6]:
                index = event.key - pygame.K_1
                if index < len(BRUSH_TYPES):
                    current_brush = index
            
            # 调整画笔大小
            elif event.key == pygame.K_UP:
                brush_size = min(50, brush_size + 1)
            elif event.key == pygame.K_DOWN:
                brush_size = max(1, brush_size - 1)
            
            # 清空画布
            elif event.key == pygame.K_c:
                canvas.fill(WHITE)
    
    # 绘制界面
    screen.blit(canvas, (0, 0))
    draw_ui()
    
    pygame.display.flip()
    clock.tick(60)

pygame.quit()
sys.exit()