少儿编程Scratch学习教程4--基本操作(一)特效例子

article/2025/9/19 23:35:15

为了知道Scrtach可以在我们今后的编程中提供哪些功能。接下来我们分几篇介绍一些例子,熟悉Scratch的基本操作。

1、特效展示例子

首先创建一个角色,我选择了一个红色的苹果

在外观脚本里有很多可以更改外观的选项卡,选择一个更改颜色效果的选项卡放到右侧

为了触发角色颜色改变,添加一个事件,每当按下空格键,颜色就随着响应的修改

多按几次颜色都会不同

按绿色的旗子或者红色的按钮,角色回到初始状态

其实外观里还有很多特效可以变更,大家可以自己去尝试一下

2、创建交互效果例子

我们可以把刚才的苹果移走,鼠标左键选中后,就可以拖到你想要去的地方去。

这次完成个角色和鼠标操作交互的例子。根据鼠标横向变化进行旋转的。

新创建一个角色。

添加更改颜色的特效,并将更改颜色改为旋转。

在控制中选择一个重复执行,这样可以保证触发后,角色一直变化。

在加上一个触发的事件,按住空格开始

在检测里选择一个鼠标的X坐标,放在选择的数值里。

鼠标的X坐标即横向坐标,在左面可以查看。

这样点击空格后,香蕉就会根据鼠标的左右移动,进行不同方向的旋转了。

3、麦克风交互例子

本例子是通过麦克风,控制角色的移动。本例子使用初始化的小猫来进行完成动作。

首先在运动选项卡中选择y坐标增加

然后选择触发事件和循环执行

将侦测响度的选项卡,移动到y坐标增加里。响度越大,y坐标增加越大。点击响度前面的方块,出现勾选项,在左侧可以查看当前的响度。

程序开始后就可以根据声音大小向上移动了。

总结

x坐标:横向坐标,向左会减小,向后会增大

y坐标:纵向坐标,向上会增大,向下会减小

侦测选项卡:进行鼠标,麦克,摄像头等硬件的侦测

运动选项卡:控制角色运动

外观选项卡:控制角色外观特效

事件选项卡:控制角色事件触发

控制选项卡:管理角色执行次数及条件判断

 

少儿编程Scratch学习教程--Scratch介绍及参赛相关

少儿编程Scratch学习教程1--安装下载

少儿编程Scratch学习教程2--官方初学指南

少儿编程Scratch学习教程3--帮助中心

少儿编程Scratch学习教程4--基本操作(一)特效例子

少儿编程Scratch学习教程5--基本操作(二)动画例子

少儿编程Scratch学习教程6--基本操作(三)游戏例子

少儿编程Scratch学习教程7--基本操作(四)故事例子

少儿编程Scratch学习教程8--基本操作(五)声音例子

少儿编程Scratch学习教程9--基本操作(六)Scripts/积木/脚本/代码总结

少儿编程Scratch学习教程10--编程思想

 


http://chatgpt.dhexx.cn/article/JvZJWWyb.shtml

相关文章

少儿编程Scratch学习教程--Scratch介绍及参赛相关

之前写了几篇关于Scratch的使用文章。忽然想起,忘记介绍下Scratch了。 Scratch是一款由麻省理工学院(MIT) 设计开发的少儿编程工具。官方网址是麻省理工学院网站的一个分支。这个软件的开发团队称为“终身幼儿园团队”(Lifelong …

Scratch学习:如何把角色设置成半透明?

我们打开scratch3.0,随便添加一个背景,就是用默认的角色。 第一步,拖入绿旗,代表着开始。 第二步,找到外观里的将颜色设为0这个代码。(因为透明度也是角色的外观,所以我们肯定要从外观里去找。…

scratch学习_和 Vicky 一起学习 Scratch 系列之十三 — 作曲

趣乐博思计算机科学系列 趣乐博思计算机科学系列,以乐趣为首要前提,向少儿讲解最基本的计算机科学常识,在动手实践中培养孩子的创造力,思考力,想象力,逻辑思维能力和协同工作能力。 针对不同年龄段的孩子&a…

【知识分享】儿童编程学习规划(Scratch/Python/C++)

1. 简述 1.1 背景 根据目前国内编程教育体制来讲,最适合中国青少儿学习的是Scratch、Python以及C。   a. 初级阶段Scratch: 图形化的编程工具,适合零基础入门,可以起到编程启蒙的作用;   b. 进阶阶段Python: 动手动力与思维并…

和小朋友分享一些Scratch学习的心得一

都说未来是人工智能、数字化的时代,如何让青少年接触计算机编程思想和技能,已经成为国家人才发展的重要战略之一。 Scratch是由美国麻省理工学院MIT设计开发的图形化少儿编程工具。通过图形控件,小孩可以在不编写任何代码的情况下实现很多程…

TP6解决跨域问题

项目场景: 使用TP6制作前端小程序的API接口,遇到跨域问题,多方尝试后 已解决 问题描述: Access to XMLHttpRequest at https://www.XXX.com/Api/getData from origin http://localhost:8080 has been blocked by CORS policy: No…

Express解决跨域问题

跨域:指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对javascript施加的安全限制。 例如:a页面想获取b页面资源,如果a、b页面的协议、域名、端口、子域名不同,所进行的访问行动都是跨域…

IIS解决跨域问题

都知道如果不同源直接访问一些图片及文件的话会直接报错跨域解决的方法也很简单如图: 点击HTTP响应标头 添加 名称:值 Access-Control-Allow-Credentials:true Access-Control-Allow-Headers:origin,x-requested-with,content-typ…

Cors解决跨域问题

问题 问题:axios请求,出现两次request,其中一次Request Method: OPTIONS 原因:跨域原因 跨域问题 什么是跨域 跨域是指跨域名访问,一下情况都属于跨域: 跨域原因说明示例域名不同www.jd.com 与 www.ta…

Nginx 解决跨域问题

什么是跨域 当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域 nginx解决跨域请求 nginx.config配置 server {listen 80;server_name my.cn.com;location / {proxy_pass http://test.cn.com:8081/test;index index.html index.htm;}locat…

js解决跨域问题

📗目录 一、同源策略 二、什么是跨域 三、解决跨域 1.Jsonp实现跨域 2.代理的方式 3.CORS 🍊一、同源策略 所谓同源策略,就是指两个页面具有相同的协议,主机(也常说域名),端口&#xff…

Nginx 轻松解决跨域问题

当你遇到跨域问题,不要立刻就选择复制去尝试。请详细看完这篇文章再处理 。我相信它能帮到你。 # 分析前准备: 前端网站地址:http://localhost:8080 服务端网址:http://localhost:59200 首先保证服务端是没有处理跨域的&#…

后端解决跨域问题

前言: 今天前端给我发了一个截图, 当时就蒙了, 这个是啥子问题 跨域了, 叫我解决一下跨域的问题! 这个主要是浏览的约定! 前端调用的后端接口不属于同一个域(域名或端口不同),就会产生跨域问题,也就是说你的应用访问了该应用域名…

宝塔面板网站解决跨域问题

宝塔面板网站解决跨域问题解决方案如下 1.如果使用的nginx 打开网站的设置,找到配置文件,添加如下代码 代码如下: add_header Access-Control-Allow-Origin *;add_header Access-Control-Allow-Credentials true;add_header Access-Control-…

gin解决跨域问题

为什么会出现跨域问题 再非简单请求且跨域的情况下,浏览器会发送OPTIONS预检请求. Preflighted Requests是CORS中一种透明服务器验证机制.预检请求首先需要向另外一个域名的资源发送一个HTTP OPTIONS请求头,其目的就是为了判断实际发送的请求是安全的. 简单请求 简单请求需满…

nginx解决跨域问题

在我们前端开发的过程中, 相信大家都遇到过一个让人头疼的问题,那就是跨域问题. 跨域解决的方式有很多,这里主要讲的是如何来使用 nginx来解决我们所遇到的跨域问题 首先,在我们开始之前,首先要知道跨域是如何产生的: 协议 ip 端口号 这三者有任何一个不同,就会产生跨域问题 了…

Axios解决跨域问题

什么是跨域 首先需要了解到浏览器的同源策略,同源策略是最核心也是最基本的安全功能,缺少同源策略浏览器的正常功能可能会受到影响。同源策略会阻止一个域的javascript脚本和另外一个域的能容进行交互。同源(即指在同一个域)就是两…

跨域问题的4种解决方案

更多内容,请访问我的 个人博客。 前言 难以置信,我居然被跨域问题折磨了一上午。相信很多程序员都遇到过跨域问题,当然,解决方案也有很多种。但我今天尝试了无数种办法,依旧没有解决。直到最后我媳妇儿给了我个提示&a…

跨域问题常用的三种解决方式

一、什么是跨域?跨域是如何产生的? 同源策略: 浏览器内置的规则!是浏览器提供的一种安全机制,限制来自不同源的数据。如果当前页面的URL地址和Ajax的请求地址不同源,浏览器不允许得到服务器的数据; 同源: 协议 http||https、域…

完全二叉树的节点数

目录 Leecode.222完全二叉树的节点数思路分析层序遍历_迭代递归_二叉树的遍历迭代_二叉树的遍历 Leecode.222完全二叉树的节点数 给你一棵 完全二叉树 的根节点 root ,求出该树的节点个数。 完全二叉树 的定义如下:在完全二叉树中,除了最底…