Return to Video

Terrific Text Part 1

  • 0:00 - 0:03
    我们目前已经画了很多图
  • 0:03 - 0:05
    但有些挺简单的事情我们还没做过
  • 0:05 - 0:08
    例如写你的名字 这节课就讲 文本
  • 0:08 - 0:10
    为什么要使用文本呢
  • 0:10 - 0:12
    有时你要显示游戏里的分数
  • 0:12 - 0:15
    有时你要让角色讲话 或者让名字放大
  • 0:15 - 0:16
    缩小或者变色
  • 0:16 - 0:19
    让我们试着说 Hello
  • 0:19 - 0:24
    键入 text(Hello)我们发现了奇怪的错误提示
  • 0:24 - 0:27
    显示 hello未定义 什么意思呢
  • 0:27 - 0:29
    问题是 程序觉得
  • 0:29 - 0:31
    hello是一个变量
  • 0:31 - 0:34
    从程序的角度讲 有点道理
  • 0:34 - 0:36
    因为hello可能就是变量 它怎么知道呢
  • 0:36 - 0:39
    你要怎么告诉程序 这是文本呢
  • 0:39 - 0:41
    很简单 我们只要记住
  • 0:41 - 0:43
    在文本两边加上双引号
  • 0:43 - 0:45
    意味着 这不是变量
  • 0:45 - 0:46
    而是文本
  • 0:46 - 0:48
    亦或者说 我们想让它以文本的形式呈现
  • 0:48 - 0:50
    你可以通过这种方式记住 看书时
  • 0:50 - 0:52
    当角色讲话的时候
  • 0:52 - 0:54
    他们讲的话周围会有双引号
  • 0:54 - 0:56
    类似的 如果你想程序说话
  • 0:56 - 0:58
    那段文本必须要带上双引号
  • 0:58 - 1:01
    其实这很重要 也很容易搞砸
  • 1:01 - 1:04
    所以我要重复一遍 当你想在程序中显示文本
  • 1:04 - 1:06
    你一定要
  • 1:06 - 1:08
    在文本周围码上双引号
  • 1:08 - 1:10
    不然的话 你就会收到奇怪的错误提示
  • 1:10 - 1:13
    记住 每当你看到那些错误提示的时候
  • 1:13 - 1:15
    记得检查一下 是否忘了加双引号
  • 1:15 - 1:17
    好的 我们现在用了双引号
  • 1:17 - 1:19
    就没有错误提示了
  • 1:19 - 1:21
    但你也可能注意到 什么都没出现
  • 1:21 - 1:22
    还是一片空白
  • 1:22 - 1:25
    奇怪的是 如果我们设置下background(背景色)
  • 1:25 - 1:29
    调成红色之后 我们就可以看到了
  • 1:29 - 1:33
    文本是白色的 所以说问题就是
  • 1:33 - 1:36
    白色的文本 出现在白色的背景里
  • 1:36 - 1:38
    所以我们才看不到
  • 1:38 - 1:40
    挺蠢的 谁会在白板上
  • 1:40 - 1:43
    写白字啊
  • 1:43 - 1:46
    我们可以改变一下 我们已经学了
  • 1:46 - 1:47
    如何填充
  • 1:47 - 1:50
    就像我们填充长方形或者线一样
  • 1:50 - 1:52
    我们也可以填充文本
  • 1:52 - 1:54
    跟之前一样 然后你看
  • 1:54 - 1:56
    不用调背景 文本就显示出来了
  • 1:56 - 2:01
    我们再来看看 文本如何输入
  • 2:01 - 2:02
    第一部分挺明显的
  • 2:02 - 2:04
    写你想写的东西就行
  • 2:04 - 2:07
    第二部分 如果我们改变数字
  • 2:07 - 2:09
    我们可以看到文本 左右移动
  • 2:09 - 2:12
    这边则是决定上下位置
  • 2:12 - 2:15
    这个和我们之前
  • 2:15 - 2:16
    画长方形很像
  • 2:16 - 2:18
    有一点比较烦人
  • 2:18 - 2:20
    就是文本有两个坐标
  • 2:20 - 2:24
    左下角 也就是这个角
  • 2:24 - 2:27
    而对于长方形来说 就是左上角 这个角
  • 2:27 - 2:30
    好像这个设计就是来坑你的
  • 2:30 - 2:33
    但也是你要记住的东西
  • 2:33 - 2:35
    我们能自己实验看一下
  • 2:35 - 2:39
    我们把这个调成 高度 我们可以看到
  • 2:39 - 2:42
    高度被设置成了左下角的坐标
  • 2:44 - 2:46
    我们可以把它调成0
  • 2:46 - 2:50
    你觉得我们会看到什么呢
  • 2:50 - 2:53
    我们看不到它了 但如果我慢慢调高这个数字
  • 2:53 - 2:56
    我们可以看到 文字好像慢慢探出了头
  • 2:56 - 3:00
    因为左下角才是坐标的位置
  • 3:00 - 3:02
    不是左上角
  • 3:02 - 3:06
    好的 文本我们分析完了
  • 3:06 - 3:07
    我们来让文本变得更好
  • 3:07 - 3:10
    例如说 我们把它变大
  • 3:10 - 3:12
    我们可以输入textSize 告诉程序
  • 3:12 - 3:14
    文本要多大
  • 3:14 - 3:16
    然后我们可以写上30 已经挺大了
  • 3:16 - 3:18
    我们还可以让文本变得更大
  • 3:18 - 3:20
    亦或者非常非常非常小
  • 3:20 - 3:23
    怎样都可以 现在写上你的名字
  • 3:23 - 3:26
    然后在底下添加你要说的话
  • 3:26 - 3:29
    因为我不知道你的名字 所以我就写我的
  • 3:29 - 3:31
    你等会可以改成你的名字
  • 3:31 - 3:34
    应用刚才所学的 你可以打上text("Sophia")
  • 3:34 - 3:36
    我的名字就出现了
  • 3:36 - 3:38
    我还要在下面添加一点信息
  • 3:38 - 3:43
    例如 我喜欢小狗 吉他和编程之类的
  • 3:43 - 3:47
    很好 只是我们要改变一下
  • 3:47 - 3:49
    这些文字的位置 这样它们就不重叠了
  • 3:49 - 3:52
    不行 这样的文本变成了一长串
  • 3:52 - 3:55
    我们稍作改动 把文本变小一点
  • 3:56 - 3:59
    好了 看起来不错
  • 3:59 - 4:01
    只是 全蓝看起来有点枯燥
  • 4:01 - 4:04
    我们只要把填充改变一下
  • 4:04 - 4:07
    把颜色变成 我想想
  • 4:07 - 4:10
    紫色吧
  • 4:10 - 4:13
    好了 搞定
  • 4:13 - 4:16
    以上就是输入文本 改变文本颜色和字号
Title:
Terrific Text Part 1
Description:

more » « less
Video Language:
English
Duration:
04:19

Chinese, Simplified subtitles

Revisions