目录

  • 问题:中文字太小
  • 动手吧
  • 漏网之鱼
    • 解决积木块字体大小
      • scratch-blocks的编译问题
    • 其他
  • 直接下载

问题:中文字太小

这个问题还是有不少人提出来的,官方原生的Scratch离线版对老显示器并不友好,字太小,还调整不了。Scratch2还有调整大小的地方,Scratch3就只能绕路,比如换Scratch2 、使用在线版、调整显示器的分辨率,效果也都比较不舒服。

让我进行二次开发最初的出发点,也就是针对这个问题,把字调大些,要不孩子们的眼睛太辛苦。我们将字体放大了30%

如果,不具备二次开发的条件,你也可以直接使用我修改后的版本。下载地址在文末。

动手吧

说到这个修改,没什么技术含量,其实是比较水的。就是修改下CSS中,font-size的值,如果你想改改字体,那就再改一下,font-family的值,如果想修改字重,就再改一下font-weight的值。

问题是,Scratch3源码的模块化,每个模块都有自己的CSS,手动去找,工作量也太大了,而且难免会有遗漏。

那就直接搜索替换吧,分分钟就搞定了。

至于上面字体大小的单位,可以单独唠一篇,有想了解的还是自己去搜索吧,现成的资料已经很多了。

漏网之鱼

修改后会发现有些地方的字体没有改变,比如积木块,原因是这兄弟的代码不在scratch-gui中。下面就解决这个问题

解决积木块字体大小

源码地址:https://github.com/LLK/scratch-blocks

scratch-blocks中字体大小用的单位是pt,我这试了14pt比较OK。
代码修改很简单,同样是查找替换就行了。

scratch-blocks的编译问题

在编译scratch-blocks时,发现一个比较特殊的地方,就是Windwos下编译不过,换了各种node.js的版本,还有python的版本都不行,最后还是换Linux搞定的。

那搞这么个东西还要换个系统是不是很有意思。装个虚拟机? NO!在Win10的应用商店装上一个Ubuntu就好了

这个Ubuntu还能直接访问硬盘上的文件,比虚拟机方便太多。
Linux上node.js的安装和使用之类的就不啰嗦了,方法跟Win10也都差不多,有需要的可以翻看我之前的博文。

因为也没法直接link,所以编译完之后,需要把编译结果复制到scratch-gui-develop\node_modules\scratch-blocks\下。

其他

如果发现还有字体大小偏小,可以进行逐个微调,Chrome浏览器的元素定位可以帮忙找到代码所在的位置。举个栗子:

直接下载

前文提到,没有二次开发条件的朋友,可以下载使用我修改好的离线版本。
下载地址:
https://download.csdn.net/download/svyee/12423467
https://download.csdn.net/download/svyee/13122570
如果你没有CSDN的积分,那就留言区里留下邮箱吧。 可以加企鹅群 472478416,群分享中自取。

【2022.09.14】 更新了一个版本,下载地址在另一篇博文【这里】,不需要留言了。

今天就水到这了,拜~

Scratch3.0 二次开发(4)修改界面字体大小相关推荐

  1. scratch3.0 二次开发-基本介绍(第一章)

    scratch3.0系列章节列表 scratch3.0 二次开发-基本介绍(第一章) scratch3.0二次开发运行scratch-gui项目并了解工程结构(第二章) scratch3.0二次自定义 ...

  2. Scratch3.0 二次开发环境部署(一)

    简介 Scratch终于在2019年1月2日,发布了3.0正式版. 我们先来看下Scratch3.0改进了什么. 首先要说明的是,3.0完全兼容2.0的作品,所有用2.0制作的作品,都可以在3.0中打 ...

  3. Scratch3.0 二次开发(3)修改菜单栏

    目录 需求 动手吧 删除[语言切换].[教程].即将启用等菜单 修改菜单文字 修改[默认项目名称] 书接上文,继续修改菜单栏 需求 删除不必要的菜单项(如:语言切换.教程.即将启用的无效菜单) 修改菜 ...

  4. 帝国CMS二次开发批量修改标题

    一淘模板(56admin.com)在帝国CMS二次开发批量修改标题,以下修改方法可以同时用于 e/data/html/list/alllistinfo.php文件 和 e/data/html/list ...

  5. wap六感程序二次开发_Cscms v4.0 二次开发y2002音乐网站程序

    Cscms v4.0 二次开发y2002音乐网站程序 源码简介: 修复了多处问题,比网上流传的版本要完整很多. 程序包括pc+wap,页面功能和原y2002基本一样. 程序比较完整了,但还是会有bug ...

  6. PROE4.0二次开发基视频教程从入门到精通教程

    PROE4.0二次开发基视频教程从入门到精通教程 链接:https://pan.baidu.com/s/19UVFQz351Qa4tpWfPw3jRg 提取码:x7g8

  7. 迈德威视工业相机python二次开发,修改相机参数

    迈德威视工业相机python二次开发,修改相机参数 1. 调用官方给的参考例程grab.py 例程下载地址:https://www.mindvision.com.cn/rjxz/list_12.asp ...

  8. 泛微 e-cology 9.0 二次开发

    泛微 e-cology 9.0 二次开发 1.前端开发环境搭建(ecode代码编辑器) 请访问地址:链接 2.后端开发环境搭建 请访问地址:链接 3.E9流程表单前端接口API 请访问地址:链接

  9. SolidWorks二次开发,如何修改异形孔的沉头孔大小

    可以使用 SolidWorks API 来进行二次开发,修改异形孔的沉头孔大小.具体来说,需要使用 ISldWorks::IGetObject 函数来获取特定的异形孔特征,然后使用 IFeature: ...

最新文章

  1. zookeeper与分布式系统
  2. (C#)Windows Shell 外壳编程系列4 - 上下文菜单(iContextMenu)(二)嵌入菜单和执行命令...
  3. luogu P1774 最接近神的人_NOI导刊2010提高(02)
  4. python 随机padding_Python backend.spatial_2d_padding方法代码示例
  5. 设计模式---简单工厂模式(c++实现)
  6. 蜗牛星际A单千兆群晖系统崩溃恢复记录
  7. Windows 10 打印机驱动安装(以惠普M136 MFP为例)
  8. Golang的反射机制(The Laws of Reflection)
  9. CAN总线技术2--CAN网络控制芯片SJA1000
  10. win10电脑显示未连接网络连接到服务器,win10系统未识别网络无法连接到internet的解决方法...
  11. ibm虚拟化 用的服务器品牌,浅析IBM i虚拟化技术
  12. 可以下载视频的手机浏览器
  13. 将Excel数据导入Matlab+Matlab二次曲线拟合
  14. ios查看苹果app的下载量,日活,销售情况等相关数据
  15. Jenkins Pipeline预研
  16. 个人信用报告内容组成和解读(七) ---本人声明、异议标注、查询等
  17. Windows PC上创建大数据职业技能竞赛实验环境之五--hadoop、hive和spark编程
  18. 医院实验室lis系统开发带源码
  19. c语言数字转化为字母表,c语言字符串 数字转换函数大全
  20. 基于Pytorch的3D卷积

热门文章

  1. 哈夫曼编码器和译码器(完整代码)
  2. Android 输入法增加语言
  3. Photoshop中蒙尘与划痕的使用和案例:蒙尘与划痕磨皮、去划痕
  4. 美国大学计算机专业排名2014,2013-2014USNews美国大学计算机工程专业研究生排名...
  5. 店宝宝谈男士护肤美妆:千亿风口,巨头争锋
  6. 前端linux基础,这一篇就够了
  7. 应用充满想象 内存计算或颠覆商业模式
  8. Spring依赖注入IOC(给字段赋值)和Spring测试
  9. Oxygen Eclipse安装Java EE
  10. CTF show 萌新区解题报告 (二)