使用VSCode开发少儿编程项目：下雨了

最新推荐文章于 2025-09-14 17:14:50 发布
最新推荐文章于 2025-09-14 17:14:50 发布
阅读量226 收藏 6
点赞数 3
CC 4.0 BY-SA版权
分类专栏： 少儿编程 Python VS插件 文章标签： vscode pygame python 青少年编程
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jjj_web/article/details/151626886

使用VSCode开发少儿编程项目：下雨了

我将指导你如何使用VSCode创建一个名为"下雨了"的交互式动画项目，这个项目适合少儿学习编程和物理现象的理解。

项目概述

"下雨了"是一个模拟下雨场景的交互式动画，包含雨滴下落、水面涟漪、雨伞互动等元素，让孩子们通过编程理解自然现象和物理规律。

环境设置

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

代码实现

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

import pygame
import sys
import random
import math

# 初始化pygame
pygame.init()
pygame.mixer.init()  # 初始化声音模块

# 设置窗口
WIDTH, HEIGHT = 800, 600
screen = pygame.display.set_mode((WIDTH, HEIGHT))
pygame.display.set_caption("下雨了")

# 颜色定义
SKY_BLUE = (135, 206, 235)
DARK_BLUE = (0, 0, 139)
GRAY = (100, 100, 100)
BLUE = (0, 0, 255)
LIGHT_BLUE = (173, 216, 230)
WHITE = (255, 255, 255)
BLACK = (0, 0, 0)
BROWN = (139, 69, 19)
GREEN = (34, 139, 34)

# 加载声音
try:
    rain_sound = pygame.mixer.Sound("rain.wav")  # 需要准备一个雨声的音频文件
    thunder_sound = pygame.mixer.Sound("thunder.wav")  # 雷声
except:
    print("音频文件未找到，程序将继续但没有声音")

# 雨滴类
class Raindrop:
    def __init__(self):
        self.x = random.randint(0, WIDTH)
        self.y = random.randint(-100, -10)
        self.speed = random.randint(5, 15)
        self.length = random.randint(5, 15)
        self.thickness = random.randint(1, 2)
        
    def fall(self):
        self.y += self.speed
        # 如果雨滴落到地面，重新从顶部开始
        if self.y > HEIGHT - 100:
            self.y = random.randint(-100, -10)
            self.x = random.randint(0, WIDTH)
            
    def draw(self):
        pygame.draw.line(screen, LIGHT_BLUE, (self.x, self.y), 
                         (self.x, self.y + self.length), self.thickness)

# 涟漪类
class Ripple:
    def __init__(self, x, y):
        self.x = x
        self.y = y
        self.radius = 2
        self.max_radius = random.randint(20, 40)
        self.speed = random.uniform(0.5, 1.5)
        self.alpha = 255  # 透明度
        
    def update(self):
        self.radius += self.speed
        self.alpha = max(0, 255 - (self.radius / self.max_radius) * 255)
        return self.radius < self.max_radius
        
    def draw(self):
        if self.alpha > 0:
            ripple_surface = pygame.Surface((self.radius*2, self.radius*2), pygame.SRCALPHA)
            pygame.draw.circle(ripple_surface, (255, 255, 255, self.alpha), 
                              (self.radius, self.radius), self.radius, 1)
            screen.blit(ripple_surface, (self.x - self.radius, self.y - self.radius))

# 雨伞类
class Umbrella:
    def __init__(self):
        self.x = WIDTH // 2
        self.y = HEIGHT - 150
        self.open = True
        self.color = (random.randint(0, 255), random.randint(0, 255), random.randint(0, 255))
        
    def draw(self):
        # 绘制伞柄
        pygame.draw.line(screen, BROWN, (self.x, self.y), (self.x, self.y + 70), 3)
        
        if self.open:
            # 绘制伞面
            pygame.draw.arc(screen, self.color, (self.x - 50, self.y - 50, 100, 100), 
                           math.pi, 2 * math.pi, 50)
            # 绘制伞骨
            for i in range(8):
                angle = math.pi + (i * math.pi / 7)
                start_x = self.x
                start_y = self.y
                end_x = self.x + 50 * math.cos(angle)
                end_y = self.y + 50 * math.sin(angle)
                pygame.draw.line(screen, BLACK, (start_x, start_y), (end_x, end_y), 1)
        else:
            # 绘制闭合的伞
            pygame.draw.rect(screen, self.color, (self.x - 5, self.y - 50, 10, 60))
            
    def toggle(self):
        self.open = not self.open
        self.color = (random.randint(0, 255), random.randint(0, 255), random.randint(0, 255))

# 云类
class Cloud:
    def __init__(self):
        self.x = random.randint(-100, WIDTH + 100)
        self.y = random.randint(20, 150)
        self.speed = random.uniform(0.5, 1.5)
        self.size = random.randint(30, 70)
        
    def move(self):
        self.x += self.speed
        if self.x > WIDTH + 100:
            self.x = -100
            self.y = random.randint(20, 150)
            
    def draw(self):
        # 绘制云朵（由多个圆组成）
        pygame.draw.circle(screen, GRAY, (self.x, self.y), self.size)
        pygame.draw.circle(screen, GRAY, (self.x - self.size//2, self.y), self.size//1.5)
        pygame.draw.circle(screen, GRAY, (self.x + self.size//2, self.y), self.size//1.5)
        pygame.draw.circle(screen, GRAY, (self.x, self.y - self.size//2), self.size//1.5)

# 创建对象
raindrops = [Raindrop() for _ in range(200)]
ripples = []
clouds = [Cloud() for _ in range(5)]
umbrella = Umbrella()

# 雨强度
rain_intensity = 100
raining = True

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

# 绘制界面元素
def draw_ui():
    # 绘制标题
    title = title_font.render("下雨了", True, WHITE)
    screen.blit(title, (WIDTH // 2 - title.get_width() // 2, 10))
    
    # 绘制控制信息
    controls = font.render("按空格键打开/关闭雨伞 | 按R切换下雨/停雨 | 按+/-调整雨量", True, WHITE)
    screen.blit(controls, (WIDTH // 2 - controls.get_width() // 2, HEIGHT - 30))
    
    # 绘制雨量信息
    rain_text = font.render(f"雨量: {rain_intensity}%", True, WHITE)
    screen.blit(rain_text, (20, 20))
    
    # 绘制状态信息
    status = "正在下雨" if raining else "雨停了"
    status_text = font.render(f"状态: {status}", True, WHITE)
    screen.blit(status_text, (20, 50))

# 绘制地面和水面
def draw_ground():
    # 绘制地面
    pygame.draw.rect(screen, GREEN, (0, HEIGHT - 100, WIDTH, 100))
    
    # 绘制水面
    pygame.draw.rect(screen, DARK_BLUE, (0, HEIGHT - 20, WIDTH, 20))

# 主循环
clock = pygame.time.Clock()
try:
    rain_sound.play(-1)  # 循环播放雨声
except:
    pass

running = True
while running:
    for event in pygame.event.get():
        if event.type == pygame.QUIT:
            running = False
        
        # 键盘事件处理
        elif event.type == pygame.KEYDOWN:
            # 切换雨伞状态
            if event.key == pygame.K_SPACE:
                umbrella.toggle()
            
            # 切换下雨状态
            elif event.key == pygame.K_r:
                raining = not raining
                if raining:
                    try:
                        rain_sound.play(-1)
                    except:
                        pass
                else:
                    try:
                        rain_sound.stop()
                    except:
                        pass
            
            # 调整雨量
            elif event.key == pygame.K_PLUS or event.key == pygame.K_EQUALS:
                rain_intensity = min(200, rain_intensity + 10)
            elif event.key == pygame.K_MINUS:
                rain_intensity = max(0, rain_intensity - 10)
    
    # 填充背景色（天空）
    screen.fill(SKY_BLUE)
    
    # 移动和绘制云朵
    for cloud in clouds:
        cloud.move()
        cloud.draw()
    
    # 绘制地面和水面
    draw_ground()
    
    # 绘制雨伞
    umbrella.draw()
    
    # 处理雨滴
    if raining:
        # 根据雨量调整可见雨滴数量
        visible_drops = int(len(raindrops) * (rain_intensity / 100))
        
        for i in range(visible_drops):
            raindrops[i].fall()
            
            # 检查雨滴是否落到地面
            if raindrops[i].y > HEIGHT - 20:
                # 有一定概率创建涟漪
                if random.random() < 0.3:
                    ripples.append(Ripple(raindrops[i].x, HEIGHT - 20))
            
            # 检查雨滴是否击中雨伞
            if umbrella.open and umbrella.x - 50 < raindrops[i].x < umbrella.x + 50:
                if raindrops[i].y > umbrella.y - 50 and raindrops[i].y < umbrella.y:
                    # 雨滴击中雨伞，从雨伞边缘滑落
                    if random.random() < 0.5:
                        ripples.append(Ripple(umbrella.x - 50, HEIGHT - 20))
                    else:
                        ripples.append(Ripple(umbrella.x + 50, HEIGHT - 20))
                    # 重置雨滴位置
                    raindrops[i].y = random.randint(-100, -10)
                    raindrops[i].x = random.randint(0, WIDTH)
            
            raindrops[i].draw()
    
    # 更新和绘制涟漪
    new_ripples = []
    for ripple in ripples:
        if ripple.update():
            new_ripples.append(ripple)
        ripple.draw()
    ripples = new_ripples
    
    # 随机生成雷声
    if raining and random.random() < 0.001:
        try:
            thunder_sound.play()
        except:
            pass
    
    # 绘制UI
    draw_ui()
    
    pygame.display.flip()
    clock.tick(60)

pygame.quit()
sys.exit()

音频文件准备

为了使项目有声音效果，你需要准备两个音频文件：

  1. rain.wav - 雨声效果
  2. thunder.wav - 雷声效果

你可以从免费音效网站下载这些音频文件，或者使用代码中提供的备用方案（没有声音也能运行）。

教学扩展建议

  1. 添加更多天气元素：

    • 风：让雨滴斜着落下
    • 闪电：随机出现闪电效果
    • 彩虹：雨停后出现彩虹

  2. 添加互动角色：

    • 可控制的人物在雨中行走
    • 动物寻找避雨的地方
    • 植物在雨中生长的动画

  3. 添加物理模拟：

    • 雨滴溅起的水花效果
    • 积水形成和水流效果
    • 雨伞上的水滴流动效果

  4. 添加时间变化：

    • 从白天到夜晚的过渡
    • 季节变化影响雨的效果
    • 雨量随时间变化

  5. 添加教育元素：

    • 显示雨量统计数据
    • 解释水循环过程
    • 展示不同降雨类型（毛毛雨、小雨、暴雨）

运行项目

  1. 在VSCode中打开终端
  2. 运行命令：python rain_simulation.py
  3. 使用键盘控制程序：
    • 空格键：打开/关闭雨伞
    • R键：开始/停止下雨
    • +/-键：调整雨量大小

教育价值

这个项目可以帮助孩子学习：

  1. 编程概念：

    • 面向对象编程（类与对象）
    • 事件处理（键盘和鼠标事件）
    • 动画原理和帧率控制
    • 随机数生成和应用

  2. 物理知识：

    • 重力加速度（雨滴下落）
    • 波的传播（涟漪效果）
    • 碰撞检测（雨滴与雨伞）

  3. 数学知识：

    • 坐标系和几何图形
    • 三角函数（雨伞的绘制）
    • 百分比计算（雨量控制）

  4. 自然现象理解：

    • 降雨的形成过程
    • 水循环的基本原理
    • 天气变化的概念

  5. 艺术与创造力：

    • 颜色和视觉效果
    • 动画时序和节奏
    • 交互设计基础

通过这个项目，孩子们不仅能够学习编程技能，还能加深对自然现象的理解，培养观察力和科学思维。

希望这个"下雨了"项目能给孩子们带来编程的乐趣和科学的启发！

少儿编程入门：C++基础指南
03-19
首先介绍了C++语言的重要性和其在各种应用中的作用，包括系统编程、游戏开发和软件应用。接着，详细讲解了C++的基本概念，如变量、数据类型、运算符、字符串、数组、指针、控制语句、循环、函数和类等。书中还涉及了...
Scratch少儿编程项目音效音乐素材-动物音效-虎.zip
09-17
本压缩包文件《Scratch少儿编程项目音效音乐素材-动物音效-虎.zip》正是针对这一需求，提供了关于虎的动物音效素材，旨在为使用Scratch进行项目开发的少儿编程爱好者提供便利。 音效素材对于少儿编程项目的重要性...
少儿编程-少儿编程系统-少儿编程系统源码-少儿编程管理系统-基于Web的少儿编程系统设计与实现-少儿编程系统设计与实现-java
04-19
少儿编程管理系统-少儿编程管理系统java代码-少儿编程系统设计与实现-基于ssm的少儿编程系统-基于Web的少儿编程系统设计与实现-少儿编程网站-少儿编程网站代码-少儿编程平台-少儿编程平台代码-少儿编程项目-少儿编程...
少儿编程项目：[地铁跑酷2.0].sb2源代码详解
这是一份专为少儿设计的趣味编程学习资源，以游戏形式呈现，具体为「地铁跑酷2.0」的编程项目。通过分析文件标题、描述以及压缩包内的文件名称列表，我们能够提炼出以下知识点： 1. Scratch编程基础 - Scratch是一...
少儿编程scratch项目源代码文件案例素材-下雨天气.zip
05-05
“少儿编程scratch项目源代码文件案例素材-下雨天气.zip”是一个提供给少儿学习编程的资源包。该项目以一个下雨天气为主题，通过Scratch编程实现了一个下雨的场景模拟。在这个项目中，孩子们可以学习如何利用Scratch...
Windows系统下，配置VScode的git以及git终端
weixin_44750594的博客
09-10 336
之后按住键盘的Win + R键 → 输入 sysdm.cpl → 回车（或者在搜索里面搜编辑系统环境变量），之后点击“高级” → “环境变量”在“系统变量”里找到 Path → “编辑” → “新建”两行，放入git安装的路径，进行确定保存，例如我的。点击Setting，然后输入git:path，之后选择Edit in setting.json，加入。之后搜索cmd，之后运行，如下面所示就是成功。重新启动VScode，如下所示，安装成功。，注意这个是看自己路径在哪里。
ssh远程连接服务器到vscode上“连接失败”
l1894的博客
09-14 119
在Windows搜索框中输入。右键点击“命令提示符”，选择。
VSCode使用prettier插件进行格式化配置
程序员大阳
09-14 131
最近刚换电脑，之前用Vetur+Beautify配置格式化比较多，现在突然发现Beautify不维护了。上面配置了HTML空格处理规则为忽略，然后每行500字符才换行。经过一番查找，Prettier还不错，所以此处记录下如何配置。其他配置可以查询文档。
vscode启用GEMINI CODE ASSIST插件
闲人的专栏
09-10 274
如果是通过REMOTE Explorer 远程连接到服务器上进行开发，插件是装在服务器上的，并且服务器上也需要科学网络。一次可以修改多个文档，不得不说，这代码写的还是非常不错的，基本上一编就过，不会存在编译问题。但是vscode自带的copilog是收费的。安装好插件后，在左边侧栏出现一个星星的图标，就是gemini。可以输入问题，让gemini给你生成代码，修改代码。登陆的时候，会打开浏览器进行google账号认证。当下最好用的且免费的AI就是gemini了。当然，科学网络是少不了的。
vscode代码补全
weixin_62713353的博客
09-11 177
📌 Python 插件提供环境管理、调试、运行；Pylance 是智能补全和类型提示的引擎。会看到补全提示（torch.Tensor、torch.nn、torch.cuda 等）用vscode远程跑模型的时候还是很有必要把代码补全开下来的。🧩 第二步：选择你创建的 Conda 环境。鼠标悬停在函数名上可以看到参数类型和文档。🧩第一步：安装 Python 插件。🧩 第三步：确认补全功能已启用。
【VsCode】离线状态下安装插件
TheBigBoy的博客
09-10 255
插件目录：C:\Users\BK3\.vscode\extensions。三、配置 extensions.json 文件，即时生效。二、将需要的插件拷贝至内网同级目录。一、外网在线下载需要的插件。
多语言编码Agent解决方案（3）-VSCode扩展实现
weixin_41247583的博客
09-14 263
本部分包含VSCode扩展的完整实现，包括多语言支持、命令注册、API调用和自动补全功能。
vscode选择py解释器提示环境变量错误
chinesegf的博客
09-11 396
', 创建清理后的PATH，[Environment]::SetEnvironmentVariable('PATH', $cleanPath, 'User') 如果预览正常，应用修改。创建清理后的PATH的命令执行后，会弹出命令框，然后输入这个 'C:\WINDOWS\system32;
VSCode设置：解决找不到文件的问题
qq_34142812的博客
09-11 245
VSCode设置，添加 c_cpp_properties.json 文件，导入引用的源文件目录，解决找不到文件的问题.
【VScode】ssh报错
Liaiblog
09-11 222
【VScode SSH连接报错解决方案】当出现"Failed to parse remote port from server output"错误时：1）Windows用户需删除C:\Users\用户名.ssh\known_hosts文件；2）Linux用户需清空/home/用户名/.vscode-server/目录；3）操作完成后重新连接即可恢复正常。该问题通常由SSH密钥配置冲突引起，通过清除旧配置可解决连接问题。
VSCode 远程开发连接（glibc＜2.28）
V777712的博客
09-12 245
参考：https://d1.fan/2025/07/27/VSCode/安装 patchelf，sudo apt-get patchelf。下载最新的glibc。
VSCode 的 Run and Debug 下拉菜单都是怎么配置的，原理是什么？
最新发布
luohaitao的专栏
09-14 577
VSCode通过调试适配器协议(DAP)实现多语言调试功能，其核心是"客户端-调试适配器-底层调试器"的三层架构。调试器扩展通过package.json声明调试能力，VSCode根据当前文件类型动态生成调试选项。对于Python虚拟环境项目，配置launch.json至关重要：1)确保使用正确的Python解释器路径；2)保证依赖包可用性；3)支持复杂启动参数。典型配置包含python解释器路径、program参数和终端设置。未配置可能导致依赖错误或行为不一致，因此建议所有正式项目都配置
Visual Studio Code 安装与更新故障排除：从“拒绝访问”到成功恢复
wdfk_prog的博客https://github.com/wdfk-prog/linux-study
09-12 752
摘要： 本文分析了Visual Studio Code在安装与更新过程中常见的"拒绝访问"错误、文件缺失及快捷方式异常等问题。研究发现，当系统权限不足或进程占用时会导致核心文件缺失，进而引发快捷方式失效和图标异常。通过系统诊断后，提出"下载最新安装包进行覆盖安装"的解决方案，在不破坏用户配置的前提下成功修复了所有问题。该方案有效恢复了VS Code的正常功能，同时保留了用户原有的扩展和设置，为类似故障提供了可操作的低风险解决方案。
VSCode官方汉化包
luohaitao的专栏
09-12 228
通过使用“Configure Display Language”命令显式设置 VS Code 显示语言，可以替代默认 UI 语言。按下“Ctrl+Shift+P”组合键以显示“命令面板”，然后键入“display”以筛选并显示“Configure Display Language”命令。按“Enter”，然后会按区域设置显示安装的语言列表，并突出显示当前语言设置。选择另一个“语言”以切换 UI 语言。安装完成提示重启vscode。扩展包搜索chinese。
少儿编程项目：使用Scratch测量体重指数
资源摘要信息: "Scratch编程项目源代码文件案例素材-[测你的体重指数].zip" Scratch是一个由麻省理工学院媒体实验室开发的图形化编程工具，专为儿童和初学者设计，用于促进编程思维和创造力。该工具提供了一个编程...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值