1
00:00:00,000 --> 00:00:00,988

2
00:00:00,988 --> 00:00:09,880
>> [CHWARAE CERDDORIAETH]

3
00:00:09,880 --> 00:00:13,360
>> SIARADWR 1: Wel, dyma ni,
P set olaf yn CS50.

4
00:00:13,360 --> 00:00:17,040
Llongyfarch eich hunain o gael
dod mor bell ers eich helo cyntaf

5
00:00:17,040 --> 00:00:20,090
bydoedd ac argraffu
pyramidiau ar gyfer Mario.

6
00:00:20,090 --> 00:00:21,930
Gwnaethoch wefan yr wythnos diwethaf.

7
00:00:21,930 --> 00:00:25,110
Ac rydym yn mynd i fod yn gwneud un arall
yr wythnos hon, un sy'n eich galluogi i

8
00:00:25,110 --> 00:00:28,570
gyrru o gwmpas y campws Harvard, casglu
i fyny aelodau o staff CS50, a

9
00:00:28,570 --> 00:00:31,910
dod â nhw yn ôl i'w
tai preswyl.

10
00:00:31,910 --> 00:00:35,400
>> Nawr wythnos diwethaf buom yn gweithio mewn PHP,
iaith ochr y gweinydd.

11
00:00:35,400 --> 00:00:38,250
Am y P set, rydym yn cael eu cyflwyno
i JavaScript, sydd yn

12
00:00:38,250 --> 00:00:40,600
iaith ochr y cleient.

13
00:00:40,600 --> 00:00:44,010
Felly, gadewch i ni edrych ar rai o'r
cod dosbarthu sy'n cael ei darparu i

14
00:00:44,010 --> 00:00:46,210
i chi am y P penodol.

15
00:00:46,210 --> 00:00:49,700
>> Yn y ffolder JavaScript, bydd yna
fod yn griw o ffeiliau JavaScript.

16
00:00:49,700 --> 00:00:53,600
Mae buildings.js, sy'n cynnwys
amrywiaeth o adeiladau o gwmpas Harvard

17
00:00:53,600 --> 00:00:57,340
campws, gyda'u gwybodaeth
a sefyllfa.

18
00:00:57,340 --> 00:01:01,630
Houses.js yn amrywiaeth o Harvard
tai preswyl, gyda'u

19
00:01:01,630 --> 00:01:04,030
lledredau a hydredau.

20
00:01:04,030 --> 00:01:07,020
Passengers.js yn cynnwys
amrywiaeth o deithwyr -

21
00:01:07,020 --> 00:01:08,600
aelodau o staff CS50 -

22
00:01:08,600 --> 00:01:11,640
y byddwch yn dod yn ôl i
eu tai preswyl.

23
00:01:11,640 --> 00:01:16,450
>> Math3D.js, sy'n cynnwys llawer o
swyddogaethau sy'n ymwneud â mudiad.

24
00:01:16,450 --> 00:01:19,500
Os ydych yn meddwl yn fathemategol,
yna rwy'n croeso i chi gymryd golwg.

25
00:01:19,500 --> 00:01:23,530
Ond nid oes angen i chi ddeall
popeth i mewn 'na.

26
00:01:23,530 --> 00:01:26,710
Shuttle.js, sy'n delio â
symudiad y gwennol yn.

27
00:01:26,710 --> 00:01:31,450
Ac index.html yw'r dudalen cartref lle
popeth yn digwydd, mewn gwirionedd, lle mae'r

28
00:01:31,450 --> 00:01:33,610
defnyddiwr yn rhyngweithio â'r safle.

29
00:01:33,610 --> 00:01:39,110
>> Service.css yw'r daflen arddull CSS,
sydd, yn ychwanegol at y Twitter

30
00:01:39,110 --> 00:01:43,960
Llyfrgell bootstrap, rheolaethau
sut yn edrych index.html.

31
00:01:43,960 --> 00:01:48,190
Ac yna mae gennym hefyd service.js, a oedd yn
yn cynnwys swyddogaethau gwasanaeth ar gyfer

32
00:01:48,190 --> 00:01:49,010
y gwennol.

33
00:01:49,010 --> 00:01:53,010
A dyma ei ble rydych yn mynd i fod
lenwi yn rhai o'r i dos.

34
00:01:53,010 --> 00:01:56,600
>> Nawr, gadewch i ni edrych ar wrthrychau a
araeau cysylltiadol yn JavaScript,

35
00:01:56,600 --> 00:01:59,360
sydd, am bob pwrpas
yn ymgyfnewidiol.

36
00:01:59,360 --> 00:02:03,030
Os wyf yn awyddus i wneud gwrthrych newidyn
a elwir yn ffon, byddwn

37
00:02:03,030 --> 00:02:04,290
ddatgan ei.

38
00:02:04,290 --> 00:02:08,789
Ac y tu mewn braces cyrliog hynny Hoffwn
nodi'r craidd yn unicorn.

39
00:02:08,789 --> 00:02:10,220
Mae'r coed yn ceirios.

40
00:02:10,220 --> 00:02:12,710
A hyd yn 13.

41
00:02:12,710 --> 00:02:16,370
>> Nawr gall Rwyf hefyd yn cael mynediad gwerthoedd
o wrthrychau gan ddefnyddio

42
00:02:16,370 --> 00:02:18,270
nodiant amrywiaeth cysylltiadol.

43
00:02:18,270 --> 00:02:22,610
Craidd mynegai Felly ffon, gallaf osod
sy'n gyfartal i unicorn, neu

44
00:02:22,610 --> 00:02:24,710
gwirio bod, os oes angen.

45
00:02:24,710 --> 00:02:26,510
Neu gallaf ddefnyddio'r gweithredwr dot.

46
00:02:26,510 --> 00:02:30,280
Ffon dot pren hafal ceirios,
ac yn y blaen, ac yn y blaen.

47
00:02:30,280 --> 00:02:33,930
Felly, byddwch yn gweld bod araeau cysylltiadol a
gwrthrychau mewn JavaScript yn mynd i fod

48
00:02:33,930 --> 00:02:37,720
gyfnewidiol, a bydd
yn dod i mewn yn eithaf 'n hylaw.

49
00:02:37,720 --> 00:02:41,570
>> Yna, rydym yn gweld amrywiaeth o adeiladau
mewn buildings.js.

50
00:02:41,570 --> 00:02:43,870
Unwaith eto, mae amrywiaeth o wrthrychau.

51
00:02:43,870 --> 00:02:48,500
Os wyf yn awyddus i wneud amrywiaeth o'r gorau
adeiladau ar y campws Harvard, ac yna

52
00:02:48,500 --> 00:02:49,710
Byddwn yn ei gwneud yn fel a ganlyn.

53
00:02:49,710 --> 00:02:55,250
Gan ddefnyddio hyn nodiant gwrthrych, lle
I storio y gwreiddyn, enw, cyfeiriad,

54
00:02:55,250 --> 00:03:00,260
lledred, hydred a ar gyfer pob
gwrthrych un adeilad.

55
00:03:00,260 --> 00:03:02,930
>> Gadewch i ni yn gyflym siarad am newidynnau
yn JavaScript.

56
00:03:02,930 --> 00:03:07,760
Fel PHP, newidynnau JavaScript
yn cael eu teipio wan neu'n llac.

57
00:03:07,760 --> 00:03:14,120
I greu newidyn lleol, rydych rhagddodiad
yr enw newidyn gyda V-A-R, var.

58
00:03:14,120 --> 00:03:17,010
>> Nawr yn JavaScript, bydd swyddogaethau
cyfyngu ar gwmpas newidynnau.

59
00:03:17,010 --> 00:03:20,600
Felly os oes gennych newidyn lleol o fewn
swyddogaeth, yna swyddogaethau eraill

60
00:03:20,600 --> 00:03:22,060
Ni all gael gafael arno.

61
00:03:22,060 --> 00:03:26,090
Ond yn wahanol i C, ni dolenni ac amodau yn ei wneud
cyfyngu ar gwmpas newidyn.

62
00:03:26,090 --> 00:03:30,600
>> Felly, hyd yn oed os ydych yn ei ddatgan tu mewn i
cyflwr, y swyddogaeth gyfan yn

63
00:03:30,600 --> 00:03:32,810
cael mynediad iddo.

64
00:03:32,810 --> 00:03:35,820
Nawr heb var, y newidyn
yn fyd-eang.

65
00:03:35,820 --> 00:03:39,170
Felly, os ydych yn unig yn datgan enw a
briodoli gwerth, yna newidyn

66
00:03:39,170 --> 00:03:41,900
Bydd yn newidyn byd-eang
yn JavaScript.

67
00:03:41,900 --> 00:03:48,480
>> Nawr mewn tai, mae gennym cysylltiadol
amrywiaeth o wrthrychau math o dŷ, lle y

68
00:03:48,480 --> 00:03:52,100
pob tŷ yn unig yw lledred
a hydred.

69
00:03:52,100 --> 00:03:55,140
Yna, mae gennym y teithwyr
array, sydd yn arae

70
00:03:55,140 --> 00:03:57,370
o'r math gwrthrych teithwyr.

71
00:03:57,370 --> 00:04:01,620
Felly mae pob teithiwr yn cael enw defnyddiwr,
enw, a thŷ.

72
00:04:01,620 --> 00:04:04,840
Sylwch fod fy mod yn gweld o'r math
teithwyr, sydd mewn gwirionedd yn unig yn golygu

73
00:04:04,840 --> 00:04:08,150
bod pob gwrthrych gan y
un pâr gwerth allweddol.

74
00:04:08,150 --> 00:04:12,830
Felly, pob gwrthrych o fath teithwyr wedi
enw defnyddiwr, enw, a thŷ.

75
00:04:12,830 --> 00:04:14,850
>> Felly, beth sydd angen i ni
wneud ar gyfer y P set?

76
00:04:14,850 --> 00:04:20,779
Wel, mae angen i alluogi defnyddwyr i ddewis
i fyny o aelodau staff, i arddangos pob un o'r

77
00:04:20,779 --> 00:04:25,090
yr aelodau o staff sydd ar hyn o bryd yn
ein gwennol, ac i ollwng i ffwrdd.

78
00:04:25,090 --> 00:04:29,280
Ac yna byddwn hefyd yn siarad am ychwanegol
nodweddion y gellir eu rhoi ar waith ar gyfer

79
00:04:29,280 --> 00:04:30,980
y wennol P a osodwyd.

80
00:04:30,980 --> 00:04:33,610
>> Ond gadewch i ni siarad am pickup yn gyntaf.

81
00:04:33,610 --> 00:04:37,480
Wynebau staff CS50 wedi bod yn
plannu ar hyd a lled y campws, lle mae pob

82
00:04:37,480 --> 00:04:41,750
wyneb yn cael ei weithredu fel marc lle
ar y ddaear 3D, ac fel

83
00:04:41,750 --> 00:04:44,030
marcio ar y map 2D.

84
00:04:44,030 --> 00:04:47,880
Felly, pan fydd y defnyddiwr yn clicio y pickup
botwm, rydym am ychwanegu gerllaw

85
00:04:47,880 --> 00:04:49,590
teithwyr i'r gwennol.

86
00:04:49,590 --> 00:04:53,650
Ac rydym hefyd yn awyddus i dynnu eu lle
nodi oddi wrth y byd, a chael gwared ar eu

87
00:04:53,650 --> 00:04:58,060
marciwr o'r map, sy'n dangos bod
eu bod yn ein gwennol nawr.

88
00:04:58,060 --> 00:05:02,520
>> Felly, sut ydym yn canfod os deithwyr
o fewn ystod o o'n gwennol?

89
00:05:02,520 --> 00:05:04,610
Wel, y pellter swyddogaeth -

90
00:05:04,610 --> 00:05:08,770
felly gwennol dot o bell, gan fynd yn
y lledred a hydred, bydd

91
00:05:08,770 --> 00:05:12,030
cyfrifwch y pellter oddi wrth y presennol
lleoliad y gwennol i'r

92
00:05:12,030 --> 00:05:15,850
pwyntio eich bod yn nodi â hynny
rhoi lledred a hydred.

93
00:05:15,850 --> 00:05:19,180
Felly, gallwch ddefnyddio hwn i gyfrifo
pellter oddi wrth y gwennol i'r

94
00:05:19,180 --> 00:05:20,310
teithwyr.

95
00:05:20,310 --> 00:05:24,040
>> Ond sut ydych chi'n gwybod ble
y teithwyr yn?

96
00:05:24,040 --> 00:05:27,510
Wel, dyna lle bydd rhaid i ni
olygu'r swyddogaeth boblogi.

97
00:05:27,510 --> 00:05:32,500
Boblogi lleoedd holl aelodau'r staff
a theithwyr i mewn i'r byd,

98
00:05:32,500 --> 00:05:36,300
ac i mewn i'r map, ond nid yw'n
storio eu lleoliad.

99
00:05:36,300 --> 00:05:39,850
Felly, efallai y gallwch storio eu
rhoi marciau a marcwyr

100
00:05:39,850 --> 00:05:41,570
mewn rhai amrywiaeth byd-eang.

101
00:05:41,570 --> 00:05:45,780
>> Erbyn hyn mae yna eisoes amrywiaeth byd-eang
storio gwybodaeth o deithwyr.

102
00:05:45,780 --> 00:05:49,960
Mae'r siopau teithwyr amrywiaeth pob
enw teithwyr a'u tŷ.

103
00:05:49,960 --> 00:05:54,985
Felly, efallai y gallwch ychwanegu ychydig o baramedrau
yno i'r gwrthrychau teithwyr.

104
00:05:54,985 --> 00:05:59,290
>> I'n helpu ni i ganfod yr holl deithwyr
o fewn yr ystod o ein gwennol, gadewch i ni

105
00:05:59,290 --> 00:06:02,500
dolen drwy bob un o'r teithwyr
yn yr arae teithwyr.

106
00:06:02,500 --> 00:06:07,790
Gallai A am ddolen yn JavaScript edrych
rhywbeth fel hyn, yn debyg iawn i

107
00:06:07,790 --> 00:06:12,910
rhai ar gyfer dolen yn C. Neu gallwn ddefnyddio
amgen ar gyfer strwythur ddolen.

108
00:06:12,910 --> 00:06:17,130
>> Er i var mewn amrywiaeth, lle yr wyf yn
yn dal i fod y mynegai.

109
00:06:17,130 --> 00:06:20,740
Ond nid oes angen i chi nodi
yr amrywiaeth dot hyd

110
00:06:20,740 --> 00:06:23,310
cyflwr, a fi yn ogystal a mwy.

111
00:06:23,310 --> 00:06:26,140
Leoliad pob teithiwr yn
a roddir gan eu marc lle.

112
00:06:26,140 --> 00:06:29,800
>> Ond nid y marc lle yn y
lledred a hydred y.

113
00:06:29,800 --> 00:06:34,575
Mae'n rhaid i ni gael mynediad paramedrau hynny drwy
cael y geometreg, gan ddefnyddio get

114
00:06:34,575 --> 00:06:35,900
geometreg ar y marc lle.

115
00:06:35,900 --> 00:06:39,630
Ac yna ar ôl i ni gael y geometreg,
cael naill ai'r lledred neu'r

116
00:06:39,630 --> 00:06:42,600
hydred, gan ddefnyddio swyddogaethau hynny.

117
00:06:42,600 --> 00:06:45,680
>> Felly nawr rydym yn gwybod sut i ganfod a yw
teithwyr o fewn

118
00:06:45,680 --> 00:06:47,920
ystod ein gwennol.

119
00:06:47,920 --> 00:06:52,050
Unwaith y byddwn wedi teithwyr hynny, rydym yn annhymerus '
eisiau ychwanegu unrhyw deithwyr sy'n

120
00:06:52,050 --> 00:06:53,140
o fewn yr ystod.

121
00:06:53,140 --> 00:06:57,580
Rydym yn awyddus i ganiatáu iddynt neidio ar, a
gymryd sedd ar ein gwennol, ond dim ond

122
00:06:57,580 --> 00:06:59,640
os oes gennym ddigon o le ar eu cyfer.

123
00:06:59,640 --> 00:07:04,120
>> Mae'r amrywiaeth seddi gwennol dot yn
nodi a seddi yn wag, neu

124
00:07:04,120 --> 00:07:05,890
pwy sydd yn y sedd honno.

125
00:07:05,890 --> 00:07:11,170
Felly, os yw sedd yn wag, yna
Bydd y sedd honno yn null.

126
00:07:11,170 --> 00:07:15,930
Felly ailadrodd dros y rhesi o seddi,
gwirio am seddi gwag, storio

127
00:07:15,930 --> 00:07:20,020
teithwyr i seddi hynny hyd nes y byddwch
Nid oes rhaid i unrhyw seddi mwy wag.

128
00:07:20,020 --> 00:07:23,330
Ac yn anffodus, unrhyw deithwyr eraill
Bydd yn rhaid i aros am y

129
00:07:23,330 --> 00:07:26,000
tro nesaf y wennol yn dod o gwmpas.

130
00:07:26,000 --> 00:07:30,280
>> Unwaith y maent yn ei gael ar y gwennol, byddwn yn eisiau
i gael gwared ar eu marc ar waith, sy'n

131
00:07:30,280 --> 00:07:32,540
yw eu llun yn y byd 3D.

132
00:07:32,540 --> 00:07:38,030
Os wyf yn awyddus i ddileu marc lle p,
yna byddwn yn cael yr holl o'r nodweddion

133
00:07:38,030 --> 00:07:42,790
gan fy ddaear, o Google Earth,
ac yna tynnwch y lle penodol

134
00:07:42,790 --> 00:07:45,910
nodi ddefnyddio'r swyddogaeth removeChild.

135
00:07:45,910 --> 00:07:51,360
Yna yn olaf, gadewch i ni gael gwared ar y marciwr,
yr eicon ar y map 2D ar gyfer unrhyw

136
00:07:51,360 --> 00:07:53,650
teithwyr ein bod yn codi i fyny.

137
00:07:53,650 --> 00:07:59,790
I gael gwared ar arwydd, m, yna 'n annhymerus'
dim ond gweithredu m dot null setMap.

138
00:07:59,790 --> 00:08:02,920
Gwnewch hyn ar gyfer unrhyw deithwyr o fewn yr ystod,
a ydych wedi gorffen pickup.

139
00:08:02,920 --> 00:08:05,056