Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >二十分钟学会Scratch图形化编程

二十分钟学会Scratch图形化编程

作者头像
张果
修改于 2023-09-24 12:17:37
修改于 2023-09-24 12:17:37
7.1K13
代码可运行
举报
文章被收录于专栏:软件开发软件开发
运行总次数:3
代码可运行

一、概要

Scratch是麻省理工学院开发的供儿童或者初学者学习编程的开发平台。其通过点击并拖拽的方式,完成编程,可以使儿童或者成人编程初学者学习编程基础概念等。Scratch是一款积木式图形编程软件。

授权协议:GPLv2

开发语言:C/C++

官网地址:https://scratch.mit.edu/

支持系统:Windows、macOS 10.13+、ChromeOS、Android 6.0+(平板)

使用 Scratch,你可以编写属于你的互动媒体,像是故事、游戏、动画,然后你可以将你的创意分享给全世界。

Scratch 帮助年轻人更具创造力、逻辑力、协作力。

Scratch是MIT媒体实验室终生幼儿园小组开发的一个免费项目。

Scratch 已翻译成60种以上的语言,在超过 150 个国家被使用。

二、开发环境

截止到2021年已有1.4版、2.0版本(增加克隆积木,视频侦测,Lego拓展积木)、3.0版本(增加文字朗读、翻译和Makey makey等选择性下载扩展积木,并增加micro:bit和Lego mindstorms EV3拓展积木)

scratch 1.4、scratch 2.0、Scratch 3.0软件分别是用Smalltalk、flash、html5开发的。

2.1、在线开始

打开官网,点击“开始创作”,也可以直接点击:https://scratch.mit.edu/projects/editor/

初始化完成后就可以在线开发了,界面与离线版类似

2.2、PC开发

该工具支持Windows、Mac OS、Chrome OS操作系统,最新版本对操作系统的要求如下:

  • Windows 10+
  • macOS 10.13+
  • ChromeOS
  • Android 6.0+

测试发现Windows 7下也可以安装3.0版本(Scratch 3.20.1 Setup.exe)

最新版下载地址:https://scratch.mit.edu/download

网盘下载地址:https://pan.baidu.com/s/1Lu4TCueEFsxn6_0ZGepa-w

提取码:0e54

3.3、平板开发

目前的 Scratch Android 版本只支持平板电脑,不可以在手机中开发。

应用商店地址:https://play.google.com/store/apps/details?id=org.scratch

网盘下载

三、Scratch基础

安装好软件后就可以直接运行了

点击“控制”中选择“重复执行”,拖到“脚本”窗口

根据积木的颜色拼出如下的脚本

点击“全屏”预览效果

效果如下:

积木、脚本与角色是Scratch的主要组成。

每个角色拥有自己的脚本、造型、声音,舞台拥有脚本、背景、声音

四、发布项目

  1. https://sheeptester.github.io/words-go-here/scratch3-htmlifier/ 网站Upload project上传本地sb3文件,或者先把本地sb3文件上传到mit scratch社区上,得到一个项目号Project ID。选择HTMLify without minification(recommended)如下图所示,完成后会下载得到文件ball.html。

信息填写好后可以下载html文件到本地

  1. https://nwjs.io/ 下载稳定版压缩包, 目前版本nwjs-v0.39.3-win-x64.zip. 解压后,把之前下载的ball.html移动到这个解压后的目录。并在该目录下建立一个icon.png图标文件,以及配置文件package.json文件,其json内容示例:项目名字,主程序文件,图标。 双击运行nw.exe,就可以打开sb3转换成的exe可执行文件了
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
{
"name": "ball",
"main": "ball.html",
"icons": { "128": "cake.ico"}
}
  1. http://revocue.cz/en/make-sfx/index.php 下载makesfx.exe,可以把nw.exe所在目录所有的文件制作成一个exe文件,可以定制文件名和图标。

五、开发小游戏

这个游戏就是我们移动挡板,使小球来回弹动不落地。

下图就是我们的游戏界面。

第一步:背景

怎样才能检测小球落地呢,我们在舞台底部做个标记,画一道其他颜色的矩形区域,使用

这块积木侦测颜色,然后判定是否落地。

第二步:挡板与小球

首先把小猫角色删除掉。从角色列表中添加Ball与Bread,将Ball放置在0,0位置,将Bread的大小设置成150放置在0,-160位置

Ball的脚本如下:

Bread的脚本如下:

挡板的积木,首先移动到中心靠下的位置,重复执行为随鼠标的X坐标移动。

小球--从角色库中选一个球类的角色。

首先,移动到中心顶部的位置,设定一个大致的方向(还可以设置其他方向吗?自己试一下)。

然后按照方向移动,要加上“碰到边缘就反弹”,不然跑走回不来了。

在加上判定,碰到挡板,随机方向(可以设置其他数值吗?)反弹;落地,停止脚本。

Game Over脚本如下:

加上声音效果是不是更好呢。

六、学习资料

链接:https://pan.baidu.com/s/1u22hgtY1ZZlKHm4S9DHbag

提取码:2670

网盘下载地址:https://pan.baidu.com/s/1Lu4TCueEFsxn6_0ZGepa-w

提取码:0e54

七、视频

Scratch教学视频

弹球游戏视频:https://www.bilibili.com/video/BV1Wy4y1h7rh

示例下载

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021-03-15 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
1 条评论
热度
最新
干货满满,点赞啦
干货满满,点赞啦
回复回复点赞举报
推荐阅读
编辑精选文章
换一批
scratch官网下载3.0下载安装,少儿编程scratch下载简体中文版
Scratch是一种非常流行的少儿编程语言,它由麻省理工学院媒体实验室开发,旨在帮助儿童学习计算机科学基础知识和编程技能。它采用了可视化编程的方法,用户可以通过拖放图形块来构建程序,而不需要编写复杂的代码。
用户10413399
2023/03/16
2.9K0
scratch官网下载3.0下载安装,少儿编程scratch下载简体中文版
Scratch3.0——助力新进程序员理解程序(八、字符串函数)
可以在官网直接下载,个人建议下载离线包,虽然大一些,但是很方便。也可以在我这直接下载
红目香薰
2023/02/10
4540
Scratch3.0——助力新进程序员理解程序(八、字符串函数)
Scratch3.0——助力新进程序员理解程序(九、数学函数)
可以在官网直接下载,个人建议下载离线包,虽然大一些,但是很方便。也可以在我这直接下载
红目香薰
2023/02/10
4950
Scratch3.0——助力新进程序员理解程序(九、数学函数)
Scratch3.0——助力新进程序员理解程序(案例一、画画的蝴蝶)
可以在官网直接下载,个人建议下载离线包,虽然大一些,但是很方便。也可以在我这直接下载
红目香薰
2023/02/10
3870
Scratch3.0——助力新进程序员理解程序(案例一、画画的蝴蝶)
Scratch3.0——助力新进程序员理解程序(一、基础使用与运动)
可以在官网直接下载,个人建议下载离线包,虽然大一些,但是很方便。也可以在我这直接下载
红目香薰
2023/02/10
5290
Scratch3.0——助力新进程序员理解程序(一、基础使用与运动)
Scratch3.0——助力新进程序员理解程序(案例四、绘制五角星)
可以在官网直接下载,个人建议下载离线包,虽然大一些,但是很方便。也可以在我这直接下载
红目香薰
2023/02/10
6430
Scratch3.0——助力新进程序员理解程序(案例四、绘制五角星)
Scratch3.0——助力新进程序员理解程序(七、运算)
可以在官网直接下载,个人建议下载离线包,虽然大一些,但是很方便。也可以在我这直接下载
红目香薰
2023/02/10
3620
Scratch3.0——助力新进程序员理解程序(七、运算)
Scratch3.0——助力新进程序员理解程序(三、声音)
可以在官网直接下载,个人建议下载离线包,虽然大一些,但是很方便。也可以在我这直接下载
红目香薰
2023/02/10
5280
Scratch3.0——助力新进程序员理解程序(三、声音)
Scratch3.0——助力新进程序员理解程序(二、外观)
可以在官网直接下载,个人建议下载离线包,虽然大一些,但是很方便。也可以在我这直接下载
红目香薰
2023/02/10
5140
Scratch3.0——助力新进程序员理解程序(二、外观)
Scratch3.0——助力新进程序员理解程序(五、控制)
可以在官网直接下载,个人建议下载离线包,虽然大一些,但是很方便。也可以在我这直接下载
红目香薰
2023/02/10
5050
Scratch3.0——助力新进程序员理解程序(五、控制)
Scratch3.0——助力新进程序员理解程序(十二、画笔)
可以在官网直接下载,个人建议下载离线包,虽然大一些,但是很方便。也可以在我这直接下载
红目香薰
2023/02/10
6000
Scratch3.0——助力新进程序员理解程序(十二、画笔)
Scratch3.0——助力新进程序员理解程序(案例二、钢琴键盘)
可以在官网直接下载,个人建议下载离线包,虽然大一些,但是很方便。也可以在我这直接下载
红目香薰
2023/02/10
4280
Scratch3.0——助力新进程序员理解程序(案例二、钢琴键盘)
Scratch3.0——助力新进程序员理解程序(案例九、等差数列2)
可以在官网直接下载,个人建议下载离线包,虽然大一些,但是很方便。也可以在我这直接下载
红目香薰
2023/02/10
2050
Scratch3.0——助力新进程序员理解程序(案例九、等差数列2)
Scratch3.0——助力新进程序员理解程序(六、监测)
可以在官网直接下载,个人建议下载离线包,虽然大一些,但是很方便。也可以在我这直接下载
红目香薰
2023/02/10
5240
Scratch3.0——助力新进程序员理解程序(六、监测)
Scratch3.0——助力新进程序员理解程序(十三、音乐)
可以在官网直接下载,个人建议下载离线包,虽然大一些,但是很方便。也可以在我这直接下载
红目香薰
2023/02/10
3820
Scratch3.0——助力新进程序员理解程序(十三、音乐)
Scratch3.0——助力新进程序员理解程序(四、事件)
可以在官网直接下载,个人建议下载离线包,虽然大一些,但是很方便。也可以在我这直接下载
红目香薰
2023/02/10
6530
Scratch3.0——助力新进程序员理解程序(四、事件)
儿童学编程,3分钟入门极简教程!
Scratch是一款由麻省理工学院(MIT)设计开发的少儿编程工具。使用者可以不认识英文单词,也可以不会使用键盘。就像搭积木一样把一块块积木形状的命令用鼠标拖拽到一起就可以了。超级简单,5-6的孩子就可以学习编程了,SO AMAZING!
一石匠人
2018/09/12
36.4K0
儿童学编程,3分钟入门极简教程!
Scratch 2.0编辑器(1)
对于Scratch2.0版本,我们可以直接使用浏览器访问在线编辑器(基于flash,可以在scratch网站点击Create创建打开)来创建程序并在社区里和其他人分享。 https://scratch.mit.edu/ 在线编辑器 同时2.0版本也提供了一个可以下载到本地的离线版本,这对那些希望在没有网络或网络较差的环境使用scratch的人来说是非常好的一件事,还有就是不希望学生参与到在线社区的老师也可以使用这个离线版本。 离线版本 在线版和离线版编程界面基本上一致,但在线版的编辑器在右下角有
企鹅号小编
2018/01/29
4.3K0
Scratch3.0——助力新进程序员理解程序(难度案例一、节奏大师)
可以在官网直接下载,个人建议下载离线包,虽然大一些,但是很方便。也可以在我这直接下载
红目香薰
2023/02/10
4850
Scratch3.0——助力新进程序员理解程序(难度案例一、节奏大师)
Scratch3.0——助力新进程序员理解程序(十一、自制积木)
可以在官网直接下载,个人建议下载离线包,虽然大一些,但是很方便。也可以在我这直接下载
红目香薰
2023/02/10
5450
Scratch3.0——助力新进程序员理解程序(十一、自制积木)
推荐阅读
相关推荐
scratch官网下载3.0下载安装,少儿编程scratch下载简体中文版
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验