儿童编程

Scratch

Scratch 儿童编程

程序部署国内地址:https://scratch.codingyang.com

本地安装

开源代码地址:https://github.com/LLK/scratch-gui.git

git clone https://github.com/LLK/scratch-gui.git --depth=1
cd scratch-gui
npm install
npm start

加 depth 参数是因为 git 的历史记录中有大文件,所以下载太慢。

如果还是下载失败还要更改下 git 的全局配置中的网速和超时设置:

git config --global http.lowSpeedLimit 0

git config --global http.lowSpeedTime 99999

gui 版本还有以下问题:不能自动保存,角色和背景还是外网拉取速度很慢,标题栏无用按钮较多。

首先隐藏无用按钮

src\components\menu-bar\munu-bar.css 给 class .account-info-group .menu-bar-item 加上 display:none;

menu-bar.jsx 530行注释掉分享按钮

this.props.showComingSoon ? [] 
                            // (
                            //     <MenuBarItemTooltip id="share-button">
                            //         <ShareButton className={styles.menuBarButton} />
                            //     </MenuBarItemTooltip>
                            // )
                                :[]

以及紧接着的下面的社交按钮:

<MenuBarItemTooltip id="community-button">
    <CommunityButton className={styles.menuBarButton} />
</MenuBarItemTooltip>

修改logo的点击跳转在render-gui.jsx中

const onClickLogo = () => {
    window.location = 'https://scratch.mit.edu';
};

然后在489行增加一条提示说明:

<Divider className={classNames(styles.divider)} />
                    <div
                        className={classNames(styles.menuBarItem)}
                    >
                        制作完成后请点击文件→保存到电脑,以便下次上传使用。欢迎关注公众号 Rackar
                    </div>

图片cdn地址在: scratch-gui\src\containers\library-item.jsx 中第109行。

        const iconURL = iconMd5 ?
            `https://cdn.assets.scratch.mit.edu/internalapi/asset/${iconMd5}/get/` :
            this.props.iconRawURL;

通过md5文件名拼接url模板。

MD5信息如角色和背景等数据信息是离线json,分别在

src\lib\libraries\sprites.json 和同级目录下的其他json

下一步抓取所有数据做国内存储,解决访问缓慢。

SWIFT

儿童编程