Scratch2.0 构建自己Scratch在线平台
2018-09-23 本文已影响0人
kennywqj
了解Scratch
Scratch是一款由麻省理工学院(MIT) 设计开发的少儿编程工具,通过拖动积木块那构建程序命令。
当前版本:稳定版本2.0(基于flash,对手机平板不友好),3.0 beta版
开发环境搭建(scratch-flash)
项目环境和开发工具:
1.安装jdk
2.安装flex sdk
3.开发工具idea(或flash builder)
scratch 相关项目githug源码地址:https://github.com/LLK
scratch-flash 源码:https://github.com/LLK/scratch-flash

把源码拉下来,解压,在开发工具idea中打开项目
配置运行环境
File->Project Structure进行如下图配置

在 Run -> Edit Configurations 中设置

配置好上面的运行环境编译运行,效果图如下

源码编译后,看看目录结构,如下图:

快速入门
1.解决在服务器上运行只看到舞台区问题
把bin-debug目录下编译出来的文件放到服务器上,浏览器打开效果如下

解决方法:修改Scratch.as文件中的一行代码,如下图所示

编译运行,效果如下

2.解决默认是英文版,背景图库角色库没有问题
1).解决中文显示问题
在src目录下新建一个locale文件夹,添加lang_list.tx(可选择的语言列表)和zh-CN.po(对应语言的翻译)文件(可以到官网上拉下来),编译运行效果如下

2).解决背景图库角色库没有问题
在src下新建三个文件夹:NaNmedialibraries(存放.json资源文件)、NaNmedialibrarythumbnails、NaNasset,修改一行代码:util文件夹下server.as,如下:(备注:文件和图片到官网抓取)


3).把项目保存上传到服务器目录
在Scratch.as中添加如下代码

编译运行,上传保存项目,如下图
