scratch那种拖拽，然后自动放置到编程区，编程区的模块还可以拖动排序，用js怎么做，用哪个框架

Posted 2023-04-09

scratch那种拖拽，然后自动放置到编程区，编程区的模块还可以拖动排序，用js怎么做，用哪个框架

首先来分析原理：
编辑区是个Canvas,控件区属于ajax异步交互，获得数据，然后左边动态生成svg；
可以看出，编辑的时候其实不难。但是用JS如何做scratch呢?这里就涉及到多线程模拟。因为模仿scratch的话，每个编辑区的控件都有一个解释器，在执行的时候，解释器又是从上到下顺序执行的，并且在遇到阻塞类型的模块的时候阻塞运行。
用哪个框架的话我没写过，不知道。但看起来应该是cocos creator + svg + node
有渔编程希望能帮助到你 参考技术A 要按住前面的小格子拖动移动 =。= 参考技术B 楼主找到办法了吗 我也想问怎么实现的 技术方案是啥？ 参考技术C scratch那种拖拽，然后

少儿编程主要学的是scratch编程软件，那这个scratch有啥特点？

一、什么是Scratch?

Scratch是一款由美国麻省理工学院（MIT）研发的少儿编程语言。2007年5月，MIT实验室向公众发布了一款全新的桌面视觉化编程工具——Scratch。Scratch将程序指令变为一个个“积木块”，使用者可以不认识英文单词、不会使用键盘，不用记住大量的编程语句，构成程序的命令和参数通过积木形状的模块来实现，只需要将积木块拖拽并连接在一起，就可以很方便的进行编程，从而快速制作出动画、游戏、交互程序。

Scratch公开发布后，在全球的各个编程兴趣社区里迅速流行开来。到目前为止，Scratch已经拥有40多种语言的操作界面在超过150个国家里被使用。在Scratch官方网站上，你可以看到将近两千三百八十万的粉丝们上传作品！

二、 scratch少儿编程有哪些优点

1、Scratch少儿编程工具入门简单，无关原有编程基础，最适合中小学生初次学习编程语言时使用，尤其是没有编程基础或编程基础较少的孩子，用来进行编程启蒙最合适不过了。

2、Scratch少儿编程内容丰富，形式多样，针对有兴趣、喜爱绘画的学生，提供角色绘制设计功能。通过游戏化编程，培养孩子编程兴趣和热情，孩子有兴趣才会在后续的编程进阶之路上更加平坦。

3、Scratch少儿编程锻炼孩子的逻辑思维能力，通过使用Scratch让学生在动画、游戏设计过程中逐渐形成逻辑分析、独立思考、善于创新的思维方式，学会提出问题和解决问题。

4、Scratch少儿编程工具比其他编程软件更加直观，学生能比较容易看到自己的劳动成果，能够获得成就感，从而驱动其不断挑战越来越复杂的逻辑，形成孩子持久热爱的根本动力。

参考技术A 少儿编程的scratch是什么？
经常听说少儿编程是主要学的是scratch编程，那这个scratch有什么特点？为什么适合孩子学习？少儿编程是不是对孩子的英文水平有一定的要求，我家孩子没有什么英文基础能学习scratch吗？展开
我来答
_西瓜创客_
LV.5 2019-02-26
要回答这样的问题，不如让我们先来看看Scratch是什么
欧美在打造孩子的未来创新能力上有很多创新的项目。比如乐高教育，专注于用物理世界的结构搭建；乐高WeDo，专注于机器人编程；Tickle，专注于智能硬件；Scratch，专注于提供适用于儿童的编程语言和工具。其中最为突出的当数 Scratch。
Scratch 编程语言是由 麻省理工大学 MIT 和 Google 主导开发的针对 5-12 岁儿童的可视化编程语言。只需要使用鼠标，学生就可以编写自己的故事书，动画片或者小游戏。 Scratch 是很好的培养学生的创新力、系统思维和协作的工具。正如 Scratch 的宗旨：
Scratch helps young people learn to think creatively, reason systematically, and work collaboratively — essential skills for life in the 21st century.
Scratch 不仅得到了 MIT 的支持， 哈佛大学也加入了 Scratch 的教育者培训， 致力于培养更多的利用 Scratch 来教学的年轻老师和创新课程。
对于我们要面向的对象（8-12岁的少儿）来说，Scratch跳过了高级语言中那些繁难的概念和语法，用图形化的表现和拖拽的交互来完成编程的核心逻辑和成果交付，既能解决学习曲线过于陡峭的问题，还能让学习的过程不枯燥，并更及时地获得结果反馈，非常适合他们这个年龄阶段的心智水平和认知能力。
至于为什么要从Scratch开始作为阶梯再缓慢过渡到高级语言，不如让我们再来了解下8-12岁这个年龄段孩子的特点。 参考技术B Scratch是由麻省理工学院的“终身幼儿园团队”设计开发的一款图形化编程工具，旨在让程序设计语言初学者不需要先学习语言语法便能设计产品，主要面对青少年开放。如需学习少儿编程推荐选择童程童美。童程童美少儿编程体验课，点击可免费报名试听

Scratch软件支持学习的范围：画图、计算、逻辑、游戏、机器人、人工智能。相对于在学校信息课上所学的知识来说，对于初学者教学，Scratch有以下这些特点：
1、入门简单，无关原有编程基础，适合中小学学生初次学习编程语言时使用；
2、内容丰富，针对有兴趣、喜爱绘画的学生，提供角色绘制设计功能；
3、通过使用Scratch，让学生在动画、游戏设计过程中逐渐形成逻辑分析、独立思考创新的思维方式，学会提出问题，解决问题；
4、相比其他编程软件，Scratch更加直观，学生能比较容易地看到自己的劳动成果。学少儿编程可以提高孩子逻辑思维、专注力！

想了解更多关于少儿编程的相关内容，推荐咨询童程童美。童程童美专注于中国6-18岁青少儿编程教育，经过多年，研发出针对中国儿童的编程教育体系，在140多所中小学院校开展了编程课程。实行“严选拔、强实力、常培训”的教师管理标准，真人老师全部全职，坚持为学生提供高品质编程素质教育。 参考技术C 伯宏AIScratch是一款适合所有人学习编程的免费图形化编程软件，无需掌握复杂的代码即可进行程序开发，不仅适合青少年使用，同时也适合广大的编程爱好者，除了可以开发动漫游戏外，也可以在互动课件、数据采集（爬虫）、网络通迅、物联网、人工智能、硬件驱动等高阶开发中运用，实现了绝大数代码能实现的功能。 让人人学会编程，让人人轻松编程。让不同年龄段的人都能有所收获
对于青少年学生，AIScratch 可以帮助你快速地掌握编程的方法和思维，掌握编程的语言、逻辑，并利用所学的编程知识技能编写出各种程序，包括动漫、游戏、实用软件等，也可以连接硬件，学习物联网编程、机器人编程及人工智能相关知识技能，制作出自己的智能化的软硬件产品。

对于编程爱好者，AIScratch 可以帮助你快速进行编程的世界，掌握编程技术技能，实现在工作学习生活中利用编程软件解决实际问题的愿望，同时因为支持人工智能及硬件编程，也可以让你开发出许多实用的各种产品。

对于教育工作者和培训机构，AIScratch是你教学编程的理想平台，因为它支持局域网的管理，能方便快捷的网络传输代码、素材、文件、屏幕快照，支持教学录屏和直播，同时它也是你制作互动课件的理想平台，支持语音识别、图片识别、文字识别和录屏的功能，丰富的素材库也为你省去了烦恼。

对于其他人士，可以无需编程基础入门学习即可以做出各种应用程序，使用自己的工作、学习更加有效率，您可以进行文档的自动化处理，包括办公文档、图片文档、视频文档，也可以使用人工智能程序块实现语音识别与合成、文字识别及其他AI人工智能技术，还可以建立自己的数据库服务程序、WEB网页服务程序、直播服务程序等等。 参考技术D 1、 提升抽象逻辑思维和创造力
编程是一门逻辑严谨的学科，需要孩子们在系统学习的过程中，不断的训练逻辑思维。同时，很少有学科能像编程那样，让孩子的想象力插上翅膀，不断的用编程实现脑海中的奇思妙想，小到一个动画游戏，大到一个解决现实问题的工具应用。
2、 能更好的独立思考和解决问题
当孩子们把自己的创意通过编程来实现时，一旦出现bug，就需要孩子不断的调试，思考和分析问题的原因，并调整程序和方案，来解决出现的问题。
3、 提高升学择校竞争力
教育部认可的中小学生竞赛当中，有多项与编程相关，如全国青少儿创意编程大赛与智能设计大赛、NOIP信息学奥林匹克联赛等。这些比赛的成绩虽然不再允许作为初高中招生依据，但依然是很重要的参考项。
4、 出国留学择校优势明显
欧美留学热点地区，对编程教育普遍比较重视，电脑编程或将成为美国高中毕业标准之一。孩子从小学习编程，与欧美教育接轨，在出国留学择校过程中，会获得更明显的竞争优势。
学习路径规划
1年级左右开始，推荐从Scratch入门，培养兴趣，训练逻辑思维，接触经典算法，为代码编程学习打好基础；
从4、5年级开始，逐步过渡到代码语言编程，可以选择Python或者C++继续学习：
如果孩子已经是高年级但还没有接触过编程，建议也从Scratch入门，切不可因为年级高，就从高级别或者代码编程开始学习，一旦让孩子的兴趣或信心受挫，得不偿失。