【玩物立志-scratch少儿编程】骑上小摩托(动态背景+摄像头控制操作)

news/2024/11/15 20:42:49/

前言

🚀 博主主页:阿阿阿阿锋的主页_CSDN
🚁 编程工具:scratch网页版
🚁 本程序相关资源:图片素材及程序源码

scratch是一款主要面向小朋友们的编程工具,也有很多的大朋友们喜欢它,因为它确实简单而有趣,通过搭积木,就可以建造出一些好玩的小程序。
这次记录的是一个跑酷(低配版)模式的小游戏,但是,我们是通过面向摄像头的动作来操纵角色的哦!


文章目录

  • 前言
  • 一. 程序演示
  • 二. 动态背景制作
  • 三. 视频侦测与运动控制
  • 四. 障碍物——小石头
  • 结语

一. 程序演示

请添加图片描述

图中右上角箭头的方向为检测到的视频运动的方向,数字大小代表运动的幅度(单位为舞台的坐标单位)

二. 动态背景制作

我们这里只是使用一种简单的方式,来模拟出动态背景的效果。

首先,我们需要一张首尾衔接自然的背景图片。
动态背景模拟的原理就是在舞台中放置首尾相连的两张图片:

  • 一张从舞台中央开始向左运动,到舞台的最左侧
  • 一张从舞台最右侧开始运动,到舞台的中央

一旦图片运动到指定位置,就立即回到初始位置,继续运动。

在这里插入图片描述
实现代码:
因为舞台不能使用运动类积木,我们将背景图片实现为一个角色
在这里插入图片描述

注意:为什么这里x坐标的判断用的小于而不是等于?因为背景运动的最小单位是10,可能根本就没有等于的情况出现。

三. 视频侦测与运动控制

积木功能
电脑以舞台为参考系,视频中物体运动的距离(单位为舞台坐标单位)
手机以舞台为参考系,视频中物体运动的方向

为了让游戏稍稍增加一点难度,我们可以限制只有在一定范围的运动方向和运动距离才可以让程序中的角色做出反应。

实现代码:
在这里插入图片描述

四. 障碍物——小石头

简单起见,这里我们的程序中始终只有一个小石头,它不断地从舞台的最右边移动到舞台的最左边,然后又回到最右边,就可以模拟出一种有很多石头不断出现的假象

实现代码(石头):
在这里插入图片描述

为了让游戏效果更好一点,我们还可以让小摩托在碰到石头的时候就发出警报声

实现代码(主角):
在这里插入图片描述

如何快速准确地获取角色或背景的颜色,我在另一篇文章的小技巧中有讲到,可以点击:小猫走迷宫


结语

优化设想:

1)可以利用变量模块,加上生命值分数属性
2)对角色的跳跃动作进行优化,模拟抛体运动的效果,更优美一点

🪐 我们的“骑上小摩托”程序到这里就做完啦!有人可能会疑惑:诶,右上角的箭头不是还没说吗?但是箭头并不是我们程序的主要部分,只是为了更形象地看到视频侦测采集到的数据。
🪐 如果文章对你有所帮助,记得支持一下博主哦!


http://www.ppmy.cn/news/858003.html

相关文章

C++测手速小游戏

终于有空写点代码了(作业好多awa) 今天带来的是一款非常有趣的测手速游戏,玩家可以测试自己的反应速度。 创作背景: MCYH的反应速度及其迟钝。 为了锻炼自己,MCYH制作了一款测手速的小游戏,以达到提高反应速…

Java阶段五Day05

Java阶段五Day05 文章目录 Java阶段五Day05问题解析无法启动Naocs Nacos服务注册发现Nacos运行架构nacos-server是一个服务进程 配置注册服务端客户端csmall-for-jsd-business-adapter 整合nacos-clientyaml详细配置注册信息在nacos中的内存状态多实例注册服务抓取(…

学计算机需要培训班吗?我对计算机培训班的浅谈

在学习IT技术的过程中,你是否也被安利过各种五花八门的技术培训班?这些培训班都是怎样向你宣传的,你又对此抱有着怎样的态度呢?在培训班里学技术,真的有用吗? 文章目录 一、引入话题二、学习IT上培训班的益…

Photoshop CS6 for Mac破解版/序列号简介

Photoshop无论是在Windows平台还是Mac平台,都是最受欢迎的图像处理工具,Mac志为大伙找到了最新的Adobe photoshop CS6for Mac破解版,无需序列号,希望能够帮助到大家。 Photoshop CS6 for Mac破解方法: 1、断网 2、开始安装&#…

ADOBE CS3 序列号

今天帮一朋友装台电脑,是vista的,原先她想要装成XP,不过经过努力,弄了张集成ICH9驱动的安装光盘,终于XP上了,不过最终由于指纹识别、摄像头找遍都找不到驱动,于是又装回Vista U版去了。系统搞定…

Adobe flash professional CS5的序列号

Adobe flash professional CS5的序列号 2011年02月17日 用户操作 [留言] [发消息] [加为好友] AIR Android Flash Flex Flex-chart FMS SFS 生活点滴 项目技术文章 存档 [b] Adobe flash professional CS5的序列号 [/b][b]收藏 [/b] 1302-1856-1610-7184-8664-4749 1302-1629-…

Adobe Illustrator CS5 序列号及安装方法

Adobe Illustrator CS5 序列号及安装方法 我给经验说一下吧,靠了,累死我了,PS安装一点不费劲,就这个ai怎么弄都不好用,一装好就被adobe认出来是非法的。现在好了,咱不按电驴上的方法破解hosts,咱自己找了个方法,人工编辑hosts!就大功告成了!轻松加自在,娃哈哈哈!!…

免注册(不用序列号)使用Photoshop CS6

近日,我安装Photoshop CS6碰到了一些麻烦 经过一番努力解决了困难: Photoshop CS6安装包 链接:http://pan.baidu.com/s/1o7Wq8Me 密码:hney Photoshop CS6安装包里面包括64位的,可以选择两个,如果是64位…