A2 · 第2集 · 5:53
Scratch中的坐标系统
本集讲解Scratch中角色定位的原理，介绍像素、直角坐标系及X/Y轴如何确定角色位置。
来源：ericgrisperez / tube-numerique-educatif.apps.education.fr · 许可：CC BY 4.0
字幕
Bonjour à tous, aujourd'hui nous allons découvrir comment Scratch sait où placer les
大家好，今天我们将了解 Scratch 如何知道角色在屏幕上的位置。
lutins sur l'écran.
角色在屏幕上的位置。
Pour ça, nous allons parler de deux choses très importantes:
为此，我们要介绍两个非常重要的概念：
les pixels et le repère orthonormé,
像素和直角坐标系，
c'est- à- dire un système de coordonnées en x et y.
也就是以 x 和 y 表示的坐标系统。
Commençons par les pixels.
我们先从像素开始讲起。
Les pixels, ce sont des petits points qui forment une image.
像素是组成图像的小点。
Si vous regardez bien votre écran,
如果你仔细观察你的屏幕，
vous verrez qu'il est composé de plusieurs milliers de pixels.
就会发现它由成千上万个像素组成。
Un pixel, c'est un tout petit carré de couleur.
一个像素就是一个极小的彩色方块。
Quand on met plein de pixels côte à côte, on obtient une image,
当许多像素并排排列时，就形成了一幅图像，
comme un puzzle composé de minuscules pièces.
就像由无数微小拼图块组成的拼图一样。
Scratch utilise ces pixels pour savoir où se trouvent les lutins.
Scratch 正是利用这些像素来确定角色的位置。
il y a trois cent soixante pixels qui vont du haut vers le bas et quatre cent quatre
屏幕上从上到下有 360 个像素，
vingts pixels qui vont de droite vers la gauche
从右到左有 440 个像素，
ce qui nous fait en tout cent soixante douze huit cents pixels à l'écran
总共达 162,800 个像素。
Pour se repérer, Scratch a besoin d'un système de coordonnées pour être efficace,
为了准确定位，Scratch 需要一套高效的坐标系统，
comme sur une carte ou un plan.
就像地图或平面图那样。
C'est ce qu'on appelle le repère orthonormé.
这就是我们所说的直角坐标系。
Sur Scratch, l'espace où les lutins bougent s'appelle la scène.
在 Scratch 中，角色移动的空间叫做舞台。
Et cette scène est organisée comme un grand quadrillage invisible.
这个舞台被组织成一个巨大的、看不见的网格。
Voyons cela de plus près.
我们再仔细看看。
Je vais me mettre en plein écran et je vais afficher ici la grille qu'utilise
我将切换到全屏模式，并显示 Scratch 所用的网格。
Scratch. Voici maintenant les deux axes que Scratch utilise pour se repérer.
现在你看到的就是 Scratch 用来定位的两条坐标轴。
Vous retrouvez ici en orange un axe horizontal qui s'appelle abscisse.
这里橙色的水平轴叫横轴（x 轴）。
Il sera symbolisé par la lettre x.
它将用字母 x 表示。
Et nous retrouvons un axe vertical appelé ordonnée qui sera symbolisé par la lettre
还有一个垂直轴，叫纵轴，
y. Au centre de la scène, là où les deux axes se croisent,
它将用字母 y 表示。
il y a un point très important.
在舞台中央，也就是两个轴相交的位置，
C'est le point de coordonnées x zéro et y zéro.
有一个非常重要的点，
C'est ce qu'on appelle l'origine.
这就是坐标原点（x=0，y=0）。
L'axe X va servir à dire si le lutin va à gauche ou à droite.
X 轴用来表示角色向左还是向右移动。
L'axe Y va permettre de dire si le lutin va en haut de l'écran ou en bas de l'écran.
Y 轴则用来表示角色向上还是向下移动。
Voyons comment lire des coordonnées dans Scratch.
我们来看看在 Scratch 中如何读取坐标。
Je vais afficher un pixel.
我来显示一个像素点。
Voici le pixel qui est affiché.
这就是显示出来的像素点。
Pour savoir où il est situé sur l'écran,
要确定它在屏幕上的位置，
Scratch va regarder sur son repère orthonormé.
Scratch 会查看它的直角坐标系。
Il va commencer par son axe x, l'axe des abscisses, il va avancer.
它先看 X 轴（横轴），然后沿轴移动；
puis va remonter vers le pixel,
再向上到达该像素点，
ce qui va lui donner la coordonnée x égale cent.
从而得出其 X 坐标为 100。
Puis il va faire la même chose sur l'axe y.
接着，它对 Y 轴做同样的操作。
Il va monter jusqu'à rencontrer le point,
它向上移动直到碰到该点，
va tracer un repère et va lire la coordonnée y égale 100.
画出辅助线，并读出 Y 坐标为 100。
Ce pixel est donc situé aux coordonnées x cent y cent.
因此，这个像素点的坐标是（x=100，y=100）。
Dans notre exemple ici, c'est très simple, il s'agit d'un pixel tout seul.
在这个例子中，情况非常简单——只有一个像素点。
Comment cela se passe t il lorsqu'il s'agit d'un lutin complet,
那么，当对象是一个完整的角色时，
comme par exemple le chat Scratch?
比如 Scratch 的小猫呢？
ici comment lire les coordonnées de ce chat
这时，如何读取这只小猫的坐标呢？
beaucoup plus compliqué
这就复杂多了，
car ce chat est composé de plusieurs pixels
因为这只小猫由多个像素组成。
Ce qu'il faut comprendre ici, c'est que Scratch ne va focaliser son attention que
关键在于：Scratch 只关注其中某一个像素——
sur un seul pixel, celui qui est au centre du chat.
即小猫正中心的那个像素。
Voyons comment il est composé.
我们来看看它是如何构成的。
Voici notre chat Scratch, composé de plusieurs pixels.
这是我们的角色‘Scratch’，由多个像素组成。
Si je sélectionne mon image, je vois apparaître autour un rectangle,
如果我选中这张图片，
et au centre de ce rectangle, je vois apparaître une croix.
会看到一个矩形框出现在它周围，矩形中心还出现一个十字标记。
Cette croix symbolise le pixel sur lequel le logiciel va concentrer son attention.
这个十字标记代表软件将重点关注的那个像素。
C'est cette croix là qui sera identifiée par les coordonnées.
正是这个十字标记，会通过坐标来识别。
Ici, c'est plus compliqué pour trouver exactement où se situe le pixel au centre de
在这里，要精确找到这个角色中心像素的位置，
ce lutin. Pas de panique.
这个角色位于何处——别担心！
Si j'enlève le mode plein écran,
如果我退出全屏模式，
on peut s'apercevoir que Scratch a déjà fait le travail pour moi.
就会发现Scratch已经替我完成了这项工作。
Je sais que le pixel au centre de ce lutin se situe à moins 69 en X et à moins 84 en
我知道这个角色中心像素的X坐标是-69，Y坐标是-84。
Y. Quand tu placeras tes lutins à l'écran,
当你在屏幕上放置角色时，
ça sera très utile de te référer directement à ça.
直接参考这些坐标会非常有用。
Effectivement ici, si je déplace mon lutin,
确实如此——这里，如果我移动这个角色，
on peut voir ses coordonnées se mettre directement à jour là où je l'emmène.
就能看到它的坐标会实时更新，显示它当前所在的位置。
Par exemple, je viens le poser ici, je sais qu'il est en X- 100 et Y 105.
比如，我把它放在这里，就知道它位于X=-100、Y=105处。
Je l'emmène plus bas,
我再把它往下移，
je vois qu'ici il est en X 99 et Y- 97.
就看到它现在位于X=99、Y=-97处。
Avec cette lecture, c'est beaucoup plus simple de retrouver les coordonnées de notre
借助这种读取方式，
lutin. Tu pourras garder en mémoire que la grille est composée de cette manière.
找回角色的坐标就简单多了。你还可以记住：坐标系就是按这种方式构成的。
Ici nous avons des points X positifs et Y positifs.
这里，X和Y坐标都是正值。
Dans la partie bleue, nous avons des X positifs et des Y négatifs.
蓝色区域中，X为正、Y为负。
Dans la partie jaune, des X négatifs, des Y positifs.
黄色区域中，X为负、Y为正。
Et enfin des X négatifs et Y négatifs pour la zone en bas à gauche.
最后，左下角区域中，X和Y均为负值。
Voici les points importants que tu dois retenir.
以上就是你需要牢记的关键要点。
Un pixel, c'est un petit point de couleur de l'écran.
一个像素，就是屏幕上一个小小的彩色点。
Dans Scratch, on utilise des coordonnées pour placer les lutins.
在Scratch中，我们用坐标来放置角色。
L'axe des abscisses, symbolisé par la lettre x, sert à placer notre état,
横轴用字母x表示，
de la gauche vers la droite.
用来从左到右确定角色的位置。
L'axe des ordonnées, symbolisé par la lettre y,
纵轴用字母y表示，
permet de placer notre lutin sur le haut ou sur le bas de l'écran.
用来确定角色在屏幕上方或下方的位置。
Le point x zéro et y zéro est le
坐标x为0、y为0的点是
centre de l'écran.
屏幕的中心。
Dans notre prochaine vidéo, nous verrons comment nous servir de ces axes pour faire
在下一节视频中，我们将学习如何利用这些坐标轴
bouger notre lutin.
让角色移动起来。