这篇文章将指导您将Scratch的专案 (.sb3) 转换为HTML程式码,不但可以在不分享程式码的情况下分享专案,更可以在未安装或开启Scratch编辑器的情况下使用!
前言
Scratch 3.0 是一个适合程式初学者或国中小学生的程式启蒙语言,不包含繁琐的程式码或繁複难记的指令,取而代之的是简单的模块,以积木的方式拼接,以达到想要的效果。并且即使操作简单,写出来的程式也并不一定朴实无华且枯燥,也能做出如同热门游戏般的效果。
若自己製作出了精美的程式,又想和他人分享,却因为Scratch无法仅限分享执行档的限制而止步吗?这篇文章将带着您将档案通过外部网页汇出成 HTML,再也不怕程式码外洩给他人!
HTML是一种标记语言,极其广泛的用于网页开发领域。
让我们开始今天的主轴,转换档案吧!
实作
接下来,让我们开始进行实际的操作。
今天的操作主要将会使用 TurboWarp Packager 这个网页,不须注册登入即可免费使用。
TurboWarp Packager
第一步:前往TurboWarp Packager网页
首先,请先开启 TurboWarp Packager 网页,您将会来到这个画面
第二步:汇入要汇出的专案
接着,您可以通过三个方法中的其中一个来汇入您的Scratch专案
Scratch专案ID或网址是在 https://scratch.mit.edu 中公开分享的专案,可以贴上专案首页的网址或是专案网址后的一段数字,也就是专案ID。
选取专案后点击载入专案。
第三步:调整专案设定与其他参数
档案载入完成后,会出现许多设定,接下来将与您一一讲解:
此处是调整专案的显示设定、限制突破与用户名称的参数,可以依照个人需求设定,亦可直接使用预设值。
介面设定中,标题将会是显示在网页标题的文字,而图示是网页的图标。
载入画面为专案仍在载入时,显示的画面设定,可以输入文字或图片来做为载入时的显示物件。
控制栏中设定的是有关于Scratch的介面中控制按钮,也就是绿旗、中止、全萤幕这些按钮的功能或显示设定。
此处可以调整专案的网页显示出的相关色系,或是变数/列表显示器的颜色。
输入,可以调整鼠标的输入相关设置。
云端变数,也就是Scratch中仅限Scratcher的功能,可以在此处设定存取的方式。
进阶设定由于较难理解,也不需要使用于较简单的专案,在此不进行说明。
封装选项请选择HTML,以便后续的教学。
若您想在下次使用此网页时继续保存刚刚调整的所有设定,请点击 Export Settings,并在下次要使用时点按Import Settings选择上次所下载的设定档。Reset All Settings会将刚刚所有调整的设定重设。误按的话保证后悔
第四步:预览所製作的专案并下载
您可以点击预览来开启新分页检视您的作品惠出的成果,或是点击封装或是下方的档案名称超连结,来下载您的汇出档案。
结语
这篇文章用短短的四个步骤,指导各位将自己的Scratch作品转换为HTML格式,既方便分享又保护程式码简直一举两得。希望这篇文章对各位有帮助,感谢您的阅读!