If you're seeing this message, it means we're having trouble loading external resources on our website.

თუ ვებფილტრს იყენებთ, დარწმუნდით, რომ *.kastatic.org და *.kasandbox.org დომენები არ არის დაბლოკილი.

ძირითადი მასალა

თემა: გაძლიერებული JS: თამაშები & გამოსახულებები

თამაშები და გამოსახულებები: შესავალი

სწრაფი გზამკვლევი თამაშებისა და გამოსახულებების კომპონენტებში. მაგალითად მოვიყვანთ ჩვენს საყვარელ პროგრამებს.
ისწავლეთ
შესავალი თამაშებსა და გამოსახულებებში
(გახსნის ფანჯარას)

სცენის მართვა

ისწავლეთ, როგორ შეცვალოთ რამდენიმე სცენა თქვენს პროგრამაში, არ აქვს მნიშვნელობა ის მოძრავია თუ ინტერაქტიული.
ისწავლეთ
რა არის სცენები?
(გახსნის ფანჯარას)
სცენის მარტივი ცვლილება
(გახსნის ფანჯარას)
გამოწვევა: მთხრობელი
(გახსნის ფანჯარას)
გაცოცხლებული სცენები
(გახსნის ფანჯარას)
ინტერაქტიული სცენები
(გახსნის ფანჯარას)
ღილაკით სამართავი სცენების ცვლილება
(გახსნის ფანჯარას)

ღილაკები

ისწავლეთ, როგორ შექმნათ თქვენი პროგრამებისთვის დაკლიკებადი ღილაკები, რომელთაც მარტივად გარდაქმნით.
ისწავლეთ
რა არის ღილაკები?
(გახსნის ფანჯარას)
ღილაკის ფუნქცია
(გახსნის ფანჯარას)
ღილაკის ტიპის ობიექტი
(გახსნის ფანჯარას)
გამოწვევა: მრბოლელი კურდღელი
(გახსნის ფანჯარას)

ორგანზომილებიანი თამაშის შექმნა: მხტუნავი თახვი

ისწავლეთ, როგორ შექმნათ მარტივი ორგანზომილებიანი თამაში, რომელშიც ღლაკზე თითის დაჭერისას თახვი სოროსთვის ფიჩხს აგროვებს. ამისგან თქვენი საყვარელი თამაშის დამზადება შეიძლება!
ისწავლეთ
მხტუნავი თახვი: შესავალი
(გახსნის ფანჯარას)
თახვი - პერსონაჟი
(გახსნის ფანჯარას)
ტყე - გარემო
(გახსნის ფანჯარას)
გამოწვევა: პონგი
(გახსნის ფანჯარას)
ჩხირების ნგრევა
(გახსნის ფანჯარას)
ქულების მოპოვება და მოგება
(გახსნის ფანჯარას)
პროექტი: ექსტრემალური მხტუნავი თახვი
(გახსნის ფანჯარას)

მეხსიერების თამაშის აგება

გითამაშიათ თამაში, რომელშიც კარტი უნდა გადმოატრიალოთ და წყვილები იპოვოთ? ისწავლეთ, როგორ დააპროგრამოთ ასეთი თამაშის ციფრული ვერსია!
ისწავლეთ
„მეხსიერების თამაშის" შესავალი
(გახსნის ფანჯარას)
მეხსიერების თამაში: ფილების ბადის დახატვა
(გახსნის ფანჯარას)
მეხსიერების თამაში: ფილების ამოტრიალება
(გახსნის ფანჯარას)
მეხსიერების თამაში: ქულების აღება და მოგება
(გახსნის ფანჯარას)
გამოწვევა: იქსიკი და ნულიკი
(გახსნის ფანჯარას)
პროექტი: მეხსიერება ++
(გახსნის ფანჯარას)

გარდაქმნები

ისწავლეთ, როგორ გამოიყენოთ translate(), rotate() და scale() თქვენი პროგრამის ფორმათა უფრო მარტივი მანიპულაციისთვის.
ისწავლეთ
პარალელური გადატანა
(გახსნის ფანჯარას)
გამოწვევა: თარგმნის ხსნა
(გახსნის ფანჯარას)
კუთხით მობრუნება
(გახსნის ფანჯარას)
გამოწვევა: ტრიალი
(გახსნის ფანჯარას)
მასშტაბირება
(გახსნის ფანჯარას)
გამოწვევა: ოპტიკური ილუზია
(გახსნის ფანჯარას)
მრავალი გარდაქმნა
(გახსნის ფანჯარას)
გამოწვევა: მბზინვარე მზის მასშტაბირება
(გახსნის ფანჯარას)

სამგანზომილებიანი ფიგურები

ისწავლეთ
რა არის სამგანზომილებიანი ფიგურა?
(გახსნის ფანჯარას)
სამგანზომილებიანი ფიგურის შექმნა
(გახსნის ფანჯარას)
სამგანზომილებიანი ფიგურის ხატვა
(გახსნის ფანჯარას)
სამგანზომილებიანი ფიგურის დატრიალება
(გახსნის ფანჯარას)
სამგანზომილებიანი ფიგურების შექმნა
(გახსნის ფანჯარას)

დეველოპმენტის დამატებითი ინსტურმენტები

ისწავლეთ უფრო რთული თამაშებისა და ვიზუალიზაციების აგება სამუშაო დაფის რედაქტორითა და გასამართი ხელსაწყოებით.
ისწავლეთ
ProcessingJS-ის ხანის აკადემიის გარეთ გამოყენება
(გახსნის ფანჯარას)
კოდის სხვადასხვა რედაქტორის გამოყენება
(გახსნის ფანჯარას)

ამ თემის შესახებ

მას შემდეგ, რაც გაივლით კურსს „შესავალი JS-ში", მობრძანდით აქ, რომ ისწავლოთ ტექნიკები, რომლებიც დაგეხმარებათ მრავალსცენიანი თამაშების, სამგანზომილებიანი გამოსახულებების, ღილაკებიანი მენიუებისა და შეფასებებიანი თამაშების აგებაში.