[Polishing] How to make A Pet Simulator X Game on Roblox - Part 5 — Transcript

Full transcript

1. 0:00okay so before this video starts I just
2. 0:02want to let you guys know that I have a
3. 0:04brand new score server so if you guys
4. 0:05are interested in joining it the link
5. 0:07will be in the description
6. 0:09hi everyone in this video we are going
7. 0:11to be polishing up the game so we're
8. 0:13gonna add some tweens some effects so if
9. 0:17I go ahead and open up the pets UI as
10. 0:21you can see it twins it smoothly we
11. 0:23added a nice tween for equipment and it
12. 0:26could be in the pets and also these
13. 0:28currency displays display G wise and
14. 0:32also this nice little animation for
15. 0:33purchasing a door
16. 0:36also if you guys want to support me and
17. 0:38want to have access to all of my project
18. 0:39files including the one you're watching
19. 0:42right now they will all be available on
20. 0:44my patreon if you can downloads here the
21. 0:46link will be in the description with
22. 0:48that being said let's start all right so
23. 0:51what you guys are gonna do is follow two
24. 0:53tutorials that I made and the first one
25. 0:55is how to make a frame opening system
26. 0:59with animations and the second one is
27. 1:02how to make a currency display labels
28. 1:05now both of these links will be in the
29. 1:08description now uh make them in separate
30. 1:11places and once you are done with both
31. 1:15of the tutorials open up your pet
32. 1:18simulator place and what I'm gonna do
33. 1:21is I'm going to go to the frame opening
34. 1:25system
35. 1:27so right here
36. 1:29and
37. 1:30I'm going to copy the frame trigger
38. 1:33script so copy and I'm going to go back
39. 1:39to
40. 1:39[Music]
41. 1:41pet Simulator X and I'm going to paste
42. 1:43it inside of
43. 1:45inside of startup player Scripts
44. 1:49and what I'm gonna do next is
45. 1:52I'm going to
46. 1:55add I'm going to enter this Frame
47. 1:58trigger script and what I'm going to do
48. 2:01is inside of this module I'm going to go
49. 2:04down here and I'm going to four Okay so
50. 2:09we're gonna need to add a frame inside
51. 2:12of the main assassin it's going to be
52. 2:14called frames and we're going to put the
53. 2:16pen inventory and the purchase area
54. 2:18inside of the frames folder and I'm
55. 2:21going to add a another frame and I'm
56. 2:24going to
57. 2:26made the size one comma zero comma one
58. 2:28comma zero and I'm going to change the
59. 2:30Anchor Point to 0.5 and the position to
60. 2:350.5 comma zero comma 0.5 comma zero and
61. 2:41then I'm going to rename this one to pet
62. 2:43inventory and I'm going to drag the
63. 2:46actual pet inventory frame inside of the
64. 2:48other pen inventory and I'm going to
65. 2:51call it Mainframe
66. 2:53and I'm going to do the same thing for
67. 2:55the purchase area so I'm going to add a
68. 2:58frame and it's going to be called
69. 3:01actually sorry I'm just going to
70. 3:04to copy to duplicate the pair inventory
71. 3:07frame and I'm going to call it purchase
72. 3:10area and I'm going to remove the
73. 3:13Mainframe from it and I'm going to drag
74. 3:15the purchase the actual purchase area
75. 3:17inside of the purchase area and I'm
76. 3:20going to rename it to main frame
77. 3:23now what I'm gonna do
78. 3:25is
79. 3:27I'm going to go inside of my open bin
80. 3:31inventory button and I'm going to get
81. 3:33rid of the open script and then I'm
82. 3:36going to go inside of any close button
83. 3:40that I have
84. 3:41uh I have a close button in the
85. 3:43Mainframe and I'm going to remove the
86. 3:45closed script
87. 3:46and then I'm going to close these frames
88. 3:50and what I'm going to do is
89. 3:53inside of the open PAD inventory frame
90. 3:57um inside of the open pin inventory
91. 4:00button sorry I'm going to add a an
92. 4:03object value so object value and it's
93. 4:05going to be called opens
94. 4:09now select your opens value and press
95. 4:13value
96. 4:15and click on a pet inventory
97. 4:20I'm gonna I'm going to make sure that
98. 4:22I'm recording the right thing okay good
99. 4:24now what I'm gonna do is go back to my
100. 4:26frame trigger module and I'm going to
101. 4:28Loop through all right so let's see what
102. 4:31we have here frames is equal to
103. 4:33script.phone light for for child frames
104. 4:36so I'm going to change this
105. 4:38okay
106. 4:40so I think I'm going to drag this Frame
107. 4:42trigger module inside of starter gy and
108. 4:46I'm going to enter it and I'm going to
109. 4:51instead of doing this
110. 4:53you know into the local main SS is equal
111. 4:56to square.parent point for child main SS
112. 4:59and local frames is equal to minus as
113. 5:04long wait for child frames now I'm going
114. 5:07to Loop okay so for underscore comma V
115. 5:10in pairs main SS column get descendants
116. 5:14do and I'm going to check if zikon is a
117. 5:19uh
118. 5:21button I think okay or maybe a
119. 5:25gy butter knife I think it's called gy
120. 5:28button gy button
121. 5:32okay so if you can only say gy button uh
122. 5:36then I'm going to check if the column
123. 5:39finds first child
124. 5:42opens then I'm going to check if the
125. 5:45column finds first child opens
126. 5:49uh dot value
127. 5:52is not equal to nil then then I'm gonna
128. 5:56do V dot mouse button one down column
129. 6:00connect function
130. 6:05and okay so V the mouse button one up
131. 6:08sorry or maybe Mouse button one click
132. 6:10Mouse button one click command connect
133. 6:14function
134. 6:15and I'm going to do open frame
135. 6:18so open uh module dot open frame
136. 6:24module dot open frame and we're going to
137. 6:27send the name of the frame so just type
138. 6:32in the
139. 6:34on the confines first child opens dot
140. 6:38value dot name
141. 6:40that should work now what I'm gonna do
142. 6:43is
143. 6:45okay so else if
144. 6:48actually just add an if
145. 6:52so after in here we're going to do if
146. 6:55you can find
147. 6:57first child
148. 7:00closes
149. 7:01then
150. 7:02and what I'm gonna do is enter my
151. 7:05purchase area frame and inside of the
152. 7:08close button I'm going to add
153. 7:11a
154. 7:12okay so I'm going to add
155. 7:15an object value again and I'm going to
156. 7:17call it closes
157. 7:19and select the value and press on the
158. 7:22frame that you want to close so for me
159. 7:24it's the purchase area frame and in here
160. 7:27same thing for this so I'm just going to
161. 7:30copy this close closest Value paste it
162. 7:32in here and I'm going to change the
163. 7:35value to my inventory frame
164. 7:38so if you're gonna find first child
165. 7:40closes then uh well same thing just
166. 7:43paste that in and change this to closes
167. 7:46and this to closes and instead of this
168. 7:49I'm going to
169. 7:50close frame I think that's what we need
170. 7:53to do uh close frame
171. 7:57okay close frame
172. 7:59close frame and we're just gonna do that
173. 8:03all right great so I think this should
174. 8:06work
175. 8:07okay so now we need to call the module
176. 8:11so I'm just going to go down here to my
177. 8:15main client script and
178. 8:18All I'm gonna do is a little cool
179. 8:22frame trigger
180. 8:26is equal to require and Main SS or
181. 8:31actually start player gy
182. 8:34or maybe it's okay so we need the
183. 8:36variable for players UI silica player gy
184. 8:39is equal to player can't wait for child
185. 8:41player gy and in here we're going to
186. 8:44change this to player gy sorry and
187. 8:47require and layer gy only for child
188. 8:51frame trigger
189. 8:53and I think that should be good
190. 8:56now what I'm gonna do is um
191. 9:00Okay so
192. 9:01I'm going to see if this works
193. 9:05and I think we have a problem so the
194. 9:07frames frame okay so how your frames
195. 9:10frame change the size to one comma zero
196. 9:12comma one comma zero uh background
197. 9:15transparency to one of course and the uh
198. 9:20uh position to 0.5 0.5 comma zero comma
199. 9:240.5 comma zero and the uh
200. 9:28Anchor Point to 0.5 comma 0.5 and then
201. 9:34I'm going to select my pet inventory and
202. 9:37purchase area of frame and change their
203. 9:39background transparencies to one
204. 9:41and I'm going to make sure that both of
205. 9:43them are invisible
206. 9:45and that the main frames that are
207. 9:49visible
208. 9:50so now if I make my pet inventory frame
209. 9:52visible then this should turn visible
210. 9:56if I do the if I do the same thing for
211. 9:58this it should turn visible now what I'm
212. 10:02going to do is enter my x-client script
213. 10:04and I'm going to update some of this so
214. 10:07local frames
215. 10:09is equal to and the mean SS Colony for
216. 10:12child frames and inventory right here
217. 10:16I'm going to change this to uh frames
218. 10:19going with a child at inventory
219. 10:24or inventory
220. 10:26brain
221. 10:29flashlight I don't think this okay
222. 10:32so it's growing frame is equal to
223. 10:35okay so I'll call inventory main frame
224. 10:39is equal to frames
225. 10:42or inventory for child main frame
226. 10:47and I'm going to
227. 10:50change everything that's just inventory
228. 10:52to inventory Mainframe
229. 10:54let's see do we have anything here all
230. 10:58right so this should work now I'm going
231. 11:00to go back to my main client script and
232. 11:03I think it's somewhere around here
233. 11:06don't purchase UI okay so same thing
234. 11:08local frames is equal to main assets
235. 11:11only for child frames and door purchase
236. 11:15UI is equal to frames gonna wait for
237. 11:17child purchase area
238. 11:18and
239. 11:23um door purchase you why not close just
240. 11:26get rid of this
241. 11:31and where's the other one
242. 11:34so area where is it
243. 11:38all right so right here what we're gonna
244. 11:41do is instead of just making
245. 11:45this Frame visible
246. 11:48what I'm going to do is
247. 11:52um
248. 11:52okay so frame trigger dot open frame
249. 11:58and I think that takes the name of the
250. 12:00frame so
251. 12:03door purchase UI dot name
252. 12:07and then I'm just going to get rid of
253. 12:10this
254. 12:11and instead of making this visible I'm
255. 12:14going to
256. 12:16do frame trigger
257. 12:18Dot
258. 12:20close frame and it's of course going to
259. 12:23be the uh door process UI dot name
260. 12:28and
261. 12:30in here I'm going to change this to the
262. 12:33purchase
263. 12:34ui.mainframe dot by don't last button on
264. 12:37click
265. 12:38Okay so
266. 12:40I think that this should work so I'm
267. 12:43going to go ahead and view the output
268. 12:45and play the game
269. 12:48if I can dock this
270. 12:50okay why is this not working
271. 12:52when I go to view
272. 12:56actually I think this yeah
273. 12:59I think this should work
274. 13:00I can just play the game
275. 13:03and hopefully no errors will pop up so
276. 13:07no errors yet and if I click this as you
277. 13:11can see this is pretty smooth and I can
278. 13:13close the frame but as you can see it
279. 13:15does this weird thing which is true
280. 13:17which it shouldn't
281. 13:20so to fix that
282. 13:23I think it's very simple
283. 13:25we just have to go to our pet inventory
284. 13:27Mainframe close and we'll go to our
285. 13:31plugins unit conversion and size scale
286. 13:35now this plugin will be linked in the
287. 13:37description go ahead and download it
288. 13:39it's very useful
289. 13:41I'm gonna see if the size converted to
290. 13:43scale now and yes it is and I'm just
291. 13:46going to play the game
292. 13:47and see if this is fixed
293. 13:50I think it should be fixed
294. 13:52yeah it is so this is a lot smoother
295. 13:57now I can just uh do the same thing for
296. 14:00this open pet inventory I don't think
297. 14:02this is converted to scale
298. 14:06and now I can play the game
299. 14:10and now we're gonna test
300. 14:12the
301. 14:14door buying system so I'm going to press
302. 14:18this and as you can see it's prompts set
303. 14:19in a much smoother way and I can go
304. 14:22ahead and press close it works you can
305. 14:24do it again
306. 14:26to keep on pressing e it works I'm gonna
307. 14:29press buy and nothing happens when I
308. 14:31press buy let's see why that is so
309. 14:34purchase text is not oh very simple
310. 14:38don't process your why dot Mainframe
311. 14:42dot purchase text
312. 14:44and now it should work I'm gonna try
313. 14:46this again
314. 14:48and see if everything works
315. 14:52so bye
316. 14:55and I'm just going to press buy button
317. 14:58and this time it works now you see how
318. 15:00that just popped popped off
319. 15:03uh it just destroyed itself we need to
320. 15:05make that a bit smoother so I'm going to
321. 15:07go here we destroy the door and instead
322. 15:09of just destroying straight up
323. 15:11destroying the door we need to do
324. 15:13something better
325. 15:14so I'm going to get tween service local
326. 15:16tween service is equal to game come on
327. 15:20get service Queen service
328. 15:22and what I'm gonna do
329. 15:25so we have a door
330. 15:27area
331. 15:29okay so I want to try something if I
332. 15:31move my door everything moves with it
333. 15:34good
334. 15:36so what I'm gonna do
335. 15:38is
336. 15:41go back to my main client script
337. 15:44and he's sort of destroying the door
338. 15:46before destroying it I'm going to the
339. 15:48local door tween
340. 15:50is equal to and twin surface can create
341. 15:55um door
342. 15:57comma and 24. new now I'm gonna do so
343. 16:03we'll take about
344. 16:05a second come on in the easy Style
345. 16:08DOT sign and in the using Direction so
346. 16:12out
347. 16:13and then I'm going to change its
348. 16:16position
349. 16:17is equal to position to uh
350. 16:23door dot position
351. 16:26plus effects of three dot new zero come
352. 16:29out minus
353. 16:31then or minus
354. 16:3420 comma zero
355. 16:36and then I'm going to play this tween so
356. 16:41adore tween corn play and we're gonna
357. 16:44wait
358. 16:451.2 seconds then we're gonna destroy the
359. 16:47door and we're gonna see how this looks
360. 16:50so
361. 16:51I'm gonna go
362. 16:53purchase the door
363. 16:55and as you can see it does that but we
364. 16:57need to do that very quickly so we need
365. 16:59to
366. 17:01do all of this
367. 17:03then
368. 17:07um okay so I need to do this quickly
369. 17:08basically so I'm just going to task dot
370. 17:11spawn function
371. 17:14pass.spawn function
372. 17:16oh my God that's not spawn
373. 17:22function
374. 17:24and I'm just going to copy of this paste
375. 17:28it here and now play the game again
376. 17:31and this should be a lot smoother
377. 17:35so I'm going to press this press buy and
378. 17:37as you can see it's gone but as you can
379. 17:39see the interaction fingers was still
380. 17:42there
381. 17:43we can get rid of that by just
382. 17:46uh okay so door dot proximity part
383. 17:54Dot
384. 17:56proximity prompt
385. 17:59dot enabled is equal to false
386. 18:05and that should work now
387. 18:09I'm gonna go buy this and as you can see
388. 18:12it's gone in a much smoother way and I
389. 18:15think that looks a lot better
390. 18:17now what I'm gonna do is
391. 18:20see if the egg system and the pet
392. 18:23inventory still works
393. 18:27I'm just going to
394. 18:30open them up with an inventory it opens
395. 18:33now I'm gonna open up an egg
396. 18:38it works now I'm gonna go to my pets and
397. 18:42as you can see I do have my pet over
398. 18:43here I can press it and you can see this
399. 18:46we can we can do this in a much better
400. 18:47way we can uh tween this to change the
401. 18:50color so I'm going to enter my X client
402. 18:54and wherever we change the color where
403. 18:57is it
404. 18:59so I think it's right here okay so we
405. 19:03have to Twin service now I'm gonna do
406. 19:04twin service on create V comma between
407. 19:09info dot new and maybe just point
408. 19:12four and just
409. 19:17fairly brackets and just copy this don't
410. 19:19copy V Dot just copy this
411. 19:21paste it here and press column play
412. 19:25now we're going to do the same thing so
413. 19:27copy this
414. 19:29paste it here
415. 19:35oh
416. 19:37Okay so
417. 19:38copy this go back
418. 19:40[Music]
419. 19:42delete it just keep this I'm sorry if
420. 19:44that was confusing
421. 19:46and in here
422. 19:48I'm going to oh
423. 19:51actually I'm really sorry just just put
424. 19:53it back okay sorry
425. 19:57um in here I'm going to paste it again
426. 20:01but this time I'm going to copy this
427. 20:03color code and paste it right here
428. 20:06and I'm going to change V to clicked
429. 20:09template
430. 20:11and we can get rid of this now and I'm
431. 20:15going to copy this again
432. 20:18I'm gonna copy this
433. 20:21paste it here
434. 20:25and that should work
435. 20:27now I'm going to play the game
436. 20:33and see if this works
437. 20:36I'm gonna hatch an egg
438. 20:40and I'm going to go to my pets
439. 20:44I'm going to click this and as you can
440. 20:46see it's much better
441. 20:49pretty clean
442. 20:50now I'm going to close this and now
443. 20:52we're going to add our currency display
444. 20:55so
445. 20:57I'm guessing you followed the you you
446. 21:00followed the
447. 21:02um currency display tutorial and if you
448. 21:06did okay I'm gonna go to obs
449. 21:09so go to your
450. 21:12display currencies local Scripts
451. 21:14obvious
452. 21:16now go back to PSX got similar ax
453. 21:20and I'm going to paste that script
454. 21:23instead of star GUI and
455. 21:26I'm going to enter this display currency
456. 21:29script
457. 21:31and what I'm gonna do
458. 21:33oh okay so I'm gonna also go back to
459. 21:38the
460. 21:39display currencies
461. 21:42place and I'm going to copy the coins
462. 21:44and the gems
463. 21:46frames so copy both of these
464. 21:50actually I'm going to copy the whole
465. 21:51screen gy
466. 21:53and now go back to PSX
467. 21:57and paste the entire screen GUI inside
468. 22:00of storage UI and just get rid of
469. 22:03display currencies
470. 22:05now we can enter the currencies gy now
471. 22:08mess around with these gys make them
472. 22:10look however you want
473. 22:12but what I'm gonna do is enter my
474. 22:15display currency script
475. 22:19and I'm going to
476. 22:22Okay so
477. 22:24do we have format number
478. 22:29okay so we we are also going to copy the
479. 22:34format number module
480. 22:38and we are going to go back to PSX
481. 22:42I'm gonna paste it inside of replicator
482. 22:43storage
483. 22:46and when we okay so I'm going to change
484. 22:49this I'm going to change this to
485. 22:51okay so I think it's still called leader
486. 22:53stats
487. 22:55yes okay so this should work right away
488. 22:59I'm also going to add gems
489. 23:02I'm going to duplicate my coins value
490. 23:04and just rename it to gems
491. 23:06I'm going to set it to a thousand
492. 23:10and now this should work so I'm going to
493. 23:12play the game
494. 23:17and as you can see this does work if I
495. 23:20purchase this
496. 23:25as you can see my coins go down
497. 23:27and if I go ahead and just change my uh
498. 23:31gems value to 150
499. 23:35123
500. 23:37as you can see it does change it
501. 23:41okay so I'm also going to change the
502. 23:45colors of my best button
503. 23:48I'm just going to go down here and I'm
504. 23:51going to change this background color to
505. 23:53a nice white
506. 23:56and I'm going to get the
507. 24:00label the UI gradient of the gems label
508. 24:04and I think I'm going to paste it inside
509. 24:06of my text right here
510. 24:10now I'm going to add a text label inside
511. 24:13of this
512. 24:15I'm going to change its size to 1 comma
513. 24:19zero come on comma zero and the
514. 24:21background transparency to 1 and the
515. 24:23text to pets
516. 24:27and the text color to white and the
517. 24:32text scale property 3 and the font to
518. 24:35for Docker one
519. 24:38and then I'm going to get my UI gradient
520. 24:41and put it inside of the text label
521. 24:43and then I'm going to scale down my text
522. 24:45label
523. 24:50and then I'm also going to change the
524. 24:52text on my
525. 24:55actual button to nothing
526. 25:00and I'm also going to uncheck Auto
527. 25:04button color
528. 25:06and maybe we can change we can add a we
529. 25:10can get this UI gradient put inside of
530. 25:13the Y stroke
531. 25:14but as you can see it kind of overlaps
532. 25:16it so I don't think this is going to be
533. 25:19I don't think this is gonna work
534. 25:21actually it does I can just put another
535. 25:23one inside of this and I think this does
536. 25:26look better
537. 25:28and I think
538. 25:30the frames okay so I'm also going into
539. 25:34copy
540. 25:37vui gradient and put it inside of the UI
541. 25:42stroke inside of the pet inventory
542. 25:45and I'm going to change its color so the
543. 25:48color of the UI stroke
544. 25:50to White
545. 25:52so that the UI grading works and I'm
546. 25:55also going to do the same thing for this
547. 25:57pets text so text label
548. 26:00is that in
549. 26:02and just change the text
550. 26:05color to white so that it affects it
551. 26:09and I think this looks pretty good now
552. 26:13I'm going to do the same thing for
553. 26:16the purchase area
554. 26:20so
555. 26:21just get this you want gradient put it
556. 26:24inside of the UI stroke make the Y
557. 26:27stroke color white
558. 26:29and do the same thing for the text so
559. 26:31purchase text paste that in make the
560. 26:35text
561. 26:37White
562. 26:39and then change the UI gradient okay
563. 26:42what is this why is it why is it not
564. 26:45affecting the actual text
565. 26:47because that is weird
566. 26:52okay that is very weird I'm just going
567. 26:54to fix this in that back
568. 26:56okay so I just made a new text label I
569. 26:59just got the the one from the open pin
570. 27:01inventory button this one and pasted it
571. 27:03here and messed around with the size and
572. 27:06I think
573. 27:08I think this is going to be it now I'm
574. 27:10just going to get this UI stroke and put
575. 27:14it inside both of my currency displays
576. 27:18and I think
577. 27:20okay that that doesn't look good okay so
578. 27:23I'm just going to make the purchase area
579. 27:26button in the I mean frame invisible I'm
580. 27:30gonna play the game now and I think
581. 27:31everything will just look a lot better
582. 27:42and
583. 27:44yes okay so
584. 27:46it does look better
585. 27:50and this text looks
586. 27:53looks good with the gradient and yeah I
587. 27:55think this is going to be it for the
588. 27:57tutorial this helped Please Subscribe
589. 27:59like the video share it with your
590. 28:01friends and I'll see you all in the next
591. 28:02video bye