თამაშები html5 რუსულ ანდროიდში. HTML5 თამაშის შემუშავება Android-ისთვის ნულიდან გამოშვებამდე

ბრაიან მაკჰარგის სტრატეგია წარმატებით განავითაროს ჯვარედინი ბრაუზერული, HTML5 თამაშების პლატფორმა.

HTML5: ფლეშ თამაშების ტახტის კანონიერი მემკვიდრე. ჭეშმარიტად კროს-პლატფორმული განვითარება საშუალებას გაძლევთ გაუშვათ პროგრამა ერთხელ დაწერილი კომპიუტერზე, ტაბლეტზე და სმარტფონზე, ის ასევე იმუშავებს Smart TV-ზე და დესკტოპზე და მობილურ მოწყობილობებზე, მათ შორის სათამაშო კონსოლებიროგორიცაა Xbox360 ან PlayStation 3 მათი ჩაშენებული ბრაუზერების მეშვეობით. ნათელია, რომ ეს ძალიან მიმზიდველია მათთვის, ვისაც სურს განავითაროს თამაშები რაც შეიძლება მეტი მოწყობილობისა და პლატფორმისთვის.

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

დეველოპერებისთვის, ეს არის კოლექტიური არსებითი სახელი მრავალი განსხვავებული ტექნოლოგიებისთვის: JavaScript, WebSockets, WebAudio, Canvas, CSS3 და WebGL, რომ დავასახელოთ მხოლოდ რამდენიმე, თითოეულს აქვს საკუთარი სტანდარტები, ძლიერი სუსტი შეზღუდვები პლატფორმიდან პლატფორმამდე.

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

კომპიუტერი მობილური კროს-პლატფორმის წინააღმდეგ

ამ დროისთვის ჩვენ ყველამ ვიცით HTML5 თამაშების ფანტასტიკური მაგალითები, რომლებიც მუშაობს კომპიუტერის ბრაუზერებზე. ისინი ხშირად იქმნება ბრაუზერის ავტორების მიერ კონკრეტულის საჩვენებლად ძლიერი მხარეებისაკუთარი პროგრამული უზრუნველყოფა, ან კონკრეტული API-ებისთვის მათ სურთ რატიფიცირებული HTML5 სპეციფიკაციაში.

თამაშები, როგორიცაა Cutthe Rope და Contre Jour for Internet Explorerან რამდენიმე შესანიშნავი ექსპერიმენტისთვის Chrome ბრაუზერიროგორიცაა Jam ან Racer შესანიშნავი მაგალითებია. თუ გაინტერესებთ მომავლის პოტენციალი, შეამოწმეთ ბიბლიოთეკები, როგორიცაა three.js, ახლახან გამოშვებული ღია კოდის Turbulenz ან Epic HTML5, რომელიც აღჭურვილია Unreal Engine-ით.

თუმცა, სცადეთ გადახედოთ ერთ-ერთ ამ მაგალითს Android-ზე დაინსტალირებული OS2.3 (Gingerbread) და დაინახავთ სრულიად განსხვავებულ სურათს, ზოგიერთ შემთხვევაში კი არაფერს. დიახ, ეს ოპერაციული სისტემა თითქმის სამი წლისაა, მაგრამ ის მაინც დაინსტალირებულია ყველა Android მოწყობილობის მესამედზე და ეს მაჩვენებელი შეიძლება იყოს უფრო მაღალიც, თქვენი სამიზნე აუდიტორიის მიხედვით. და ეს ხდება არა მხოლოდ ძველი ვერსია Android. თქვენ შეგიძლიათ ნახოთ იგივე Apple მოწყობილობებიმუშაობს iOS 5 ან ნაკლებად მძლავრ მოწყობილობებზე, როგორიცაა Kindle Fire. სინამდვილეში, ახლა ვერ იპოვით მობილურ მოწყობილობას, რომელიც სწორად აჩვენებს რომელიმე ზემოთ ჩამოთვლილ პროგრამას.

როგორც უკვე აღვნიშნეთ, მომხმარებელთა უმეტესობა ირჩევს HTML 5-ს, რომ მათი ბრაუზერის თამაში იყოს ჭეშმარიტად მრავალპლატფორმული. თუ თქვენ ავითარებთ მხოლოდ კომპიუტერულ თამაშებს, მაშინ Unity და Flash შესანიშნავი არჩევანია. ორივეს აქვს - დიდი მხარდაჭერაბრაუზერები და მოწყობილობებში ექსპორტის შესაძლებლობა როგორც ინდივიდუალური აპლიკაციები, რომლის წყალობითაც მათი გადატანა შესაძლებელია სმარტფონზე ან პლანშეტზე იმ კოდით, რომელიც გჭირდებათ.

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

იმის გასაგებად, თუ რამდენი ვარიანტია, უბრალოდ გაუშვით JavaScript-ის მრავალი ტესტიდან მოწყობილობის მუშაობის შესამოწმებლად. მაგალითად, Canvas-ში 100 კადრის გადაცემა შედარებით კარგად ითამაშებს 60 კადრზე წამში მოწყობილობებზე, როგორიცაა iPhone 4S ან 5, Galaxy S3, Nexus 7 ან Lumia 820. მაგრამ სცადეთ იგივე კოდი სხვა მოწყობილობებზე, როგორიცაა HTC Desire(19fps) Galaxy Ace(7 fps) ან iPad 1 (9 fps) და თქვენ მოგიწევთ ძალიან ბევრი იმუშაოთ, რომ მიიღოთ ისეთი რამ, როგორც ეფექტური თამაში.

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

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

აირჩიეთ თქვენი ბრძოლები

Chunk უკვე ორი წელია ავითარებს HTML5 cross-platform თამაშებს მაუწყებლებისა და ბრენდებისთვის და შექმნა ბრაუზერზე დაფუძნებული მობილური თამაშები კლიენტებისთვის, როგორიცაა BBC და Disney, რომლებიც მუშაობს ყველაფერზე HTC Desire-დან iPad4-მდე, Nexus 7-დან Xbox. 360-მდე.


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

და რა წაართვეს მათ ამ გამოცდილებას? კარგი, თუ მოგიწევთ 10 სიის შედგენა საუკეთესო რჩევა HTML5 თამაშის დეველოპერებისთვის, ეს ასე გამოიყურება:

1. გადაწყვიტეთ აუდიტორია

შეხედეთ დემოგრაფიას და რა მოწყობილობებს იყენებენ ადამიანები, რომლებსაც თქვენ მიმართავთ. თუ თქვენ გაქვთ მონაცემები, გამოიყენეთ ისინი, რათა დაადგინოთ თქვენი ვიზიტორების მიერ გამოყენებული მოწყობილობების ყველაზე მაღალი დიაპაზონი და დააფუძნოთ თქვენი გადაწყვეტილებები ამ მოწყობილობებზე.

2. გადაწყვიტეთ დიზაინი ტექნოლოგიური თვალსაზრისით

დიახ, ეს ყოველთვის ასე უნდა იყოს, მაგრამ HTML5-ში შეზღუდვები და ფრაგმენტაცია მას კიდევ უფრო აქტუალურს ხდის. WebGL საშუალებას მოგცემთ შექმნათ შესანიშნავი 3D პირველი პირის მსროლელი, მაგრამ ნაკლებად სავარაუდოა (წაიკითხეთ: საერთოდ არ) იმუშაოთ ტაბლეტებზე, თუ ისინი თქვენს სამიზნე პლატფორმის სიაშია.

3. დაუმეგობრდით caniuse.com-ს

ეს შესანიშნავი გზაა HTML5-ის ნებისმიერი ფუნქციის მხარდაჭერის სწრაფად შესამოწმებლად, რომლის გამოყენებაც გსურთ განვითარებაში - პრაქტიკულად ყველა ბრაუზერისთვის და მოწყობილობისთვის.

4. გამოიყენეთ მოწყობილობები და არა მხოლოდ სიმულატორები

შეძლებისდაგვარად აიღე ხელი სხვადასხვა მოწყობილობები, გაუშვით ოპერაციული სისტემის რაც შეიძლება ბევრი განსხვავებული ვერსია. სიმულატორები დაგეხმარებიან განვითარების პროცესში, მაგრამ თქვენ შეგიძლიათ მიიღოთ მხოლოდ ზუსტი სურათი, თუ როგორ იმუშავებს თქვენი კოდი რეალურ მოწყობილობაზე. არსებობს უამრავი ლაბორატორია სატესტო მოწყობილობებით, როგორიცაა Open Device Lab, რომელიც მოგცემთ წვდომას უამრავ მოწყობილობაზე. წინააღმდეგ შემთხვევაში, მოძებნეთ რესურსები, როგორიცაა eBay, რომ იპოვოთ ძველი ტელეფონები და დაამატოთ ისინი თქვენს სატესტო გარემოში.

5. გაითვალისწინეთ ცვლილებები

HTML5 სპეციფიკაცია მუდმივად იცვლება, ისევე როგორც მოწყობილობის მხარდაჭერა, ასე რომ თქვენ უნდა იყოთ განახლებული ცვლილებები ამ სფეროებში. ეს განსაკუთრებით ეხება ისეთ სფეროებს, როგორიცაა აუდიო, სადაც ფუნქციებს, როგორიცაა WebAudio API, შეუძლია რადიკალურად შეცვალოს გამოცდილება.

6. იყავით მოქნილი განვითარების განმავლობაში

ის, რაც დღეს მუშაობს, ხვალ შეიძლება არ იმუშაოს. ის, რაც დღეს არ არის თქვენთვის ხელმისაწვდომი, ხვალ შეიძლება გახდეს ხელმისაწვდომი. ნება მიეცით იყოთ მოქნილი და მოერგოთ ცვლილებებს, რომლებიც ხდება თქვენი მუშაობის დროს.

7. მასშტაბის ფუნქციონირება

მობილურის პირველ ადგილზე დაყენება უფრო სასარგებლოა, ვიდრე უბრალოდ ტრადიციული ვებ დიზაინისთვის. შეხედეთ, როგორ შეგიძლიათ შექმნათ რაიმე კარგი სმარტფონებისთვის და შემდეგ გადაწყვიტეთ ფუნქციონირება და შესრულება სხვა პლატფორმებზე, თუ ისინი ამას დაუშვებენ. იმუშავეთ იმ მოწყობილობებზე, რომლებიც იყენებენ მომხმარებლის აგენტებს ან მედია მოწყობილობებს და გამოიყენეთ თქვენი გამოცდილება მათთან.

8. KISS (იყავი მარტივი, სულელური)

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

9. გადაწყვიტეთ თქვენი დიზაინის სიცოცხლის ხანგრძლივობა

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

Კი. შეამოწმეთ თქვენი თამაშები ყველასთვის ხელმისაწვდომი მოწყობილობებირაც შეიძლება ხშირად!

გლადიატორ, შენ მიდიხარ ჩემს მეორე სიგნალზე

როგორც ჩანს, HTML5 არის არაოფიციალური ძირითადი ტექნოლოგია კროს-პლატფორმული თამაშების განვითარებისთვის, მაგრამ ამაში ოდნავი ეჭვიც არ არის. ვ ამ მომენტშიარ არის ყველაზე საიმედო სივრცე, მაგრამ ეს ნორმალურია ტექნოლოგიისთვის ადრეულ ეტაპზე. ბრაუზერების შესაძლებლობების შესამოწმებლად, თქვენ უნდა გაეცნოთ საიტებს, როგორიცაა caniuse.com. რეგულარულად შეამოწმეთ თქვენი თამაშები რაც შეიძლება მეტი მეტითქვენთვის ხელმისაწვდომი მოწყობილობები და იყავით პრაგმატული თამაშის დიზაინით. ეს დაგეხმარებათ თავიდან აიცილოთ პრობლემები არა მხოლოდ ახლა, არამედ იყოთ უკეთეს მდგომარეობაში, როდესაც გაუმჯობესდება მოწყობილობის მხარდაჭერა, რაც გარდაუვალია.

Უფასო თამაშებიანდროიდზე. დამზადებულია html5-ში, რათა მათი თამაში თქვენს ტელეფონსა და ტაბლეტზე იყოს შესაძლებელი. Android სისტემის გარდა, მხარდაჭერილია Windows, Linux, Mac და Apple-ის მობილური მოწყობილობები. მთავარია ბრაუზერი იყოს თანამედროვე და სისტემა ახალი. მაუსის ან სენსორული ეკრანის კონტროლი.

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

როგორ ჩამოტვირთოთ HTML5 თამაში თქვენს ტელეფონზე

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

ეს ოპერაცია ხელმისაწვდომია ტელეფონებისთვის და ანდროიდის ტაბლეტებიდა Apple, მაგრამ ამ უკანასკნელისთვის, ბრძანება შეიძლება განთავსდეს სხვაგან - Safari-ს ქვედა მენიუში.

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

დააინსტალირეთ როგორც ჩვეულებრივი Android თამაში

თითქმის ყველა HTML5 თამაშს აქვს ვერსია ოპერაციული სისტემა Android ან iOS. თუ თქვენს მთავარ ეკრანზე HTML5 თამაშის დაყენება არ მოგწონთ - დავუშვათ, რომ გსურთ მუდმივად თამაში და არა მხოლოდ მაშინ, როცა ინტერნეტია - მაშინ მოძებნეთ ხატულა თამაშების შესავალში. Google Playდა AppStore. მიუხედავად იმისა, რომ თამაშები ნაკლებად ხშირად გამოდის Apple მოწყობილობებისთვის და უფრო ხშირად შეგიძლიათ ნახოთ მხოლოდ ანდროიდის ღილაკები, როგორიცაა:

ინსტალაციის ღილაკი - მოძებნეთ ის თამაშებში

თავად თამაშებში ღილაკი საგრძნობლად პატარაა, აქ ის ისეა გადიდებული, რომ გახსოვდეს. ყურადღება მიაქციეთ თამაშის სკრინშოტს ქვემოთ - შეეცადეთ იპოვოთ ეს ღილაკი იქ. ისინი მიდიან ოფიციალურ Google Play-მდე, სადაც შეგიძლიათ ჩამოტვირთოთ უფასო ვერსიათამაშები მოწინავე ფუნქციებით - როგორიცაა ოფლაინ თამაშის შესაძლებლობა.

ეძღვნება Android-ის თამაშის მოყვარულებს...

როცა პირველად მითხრეს, რომ ასეთი რამ არსებობს, დიდი ყურადღება არ მიმიქცევია, რადგან საერთოდ არ ვარ ყველა ამ ახალი ტენდენციის დიდი გულშემატკივარი. თუმცა, მაშინ მივხვდი, რომ ანდროიდის თამაშები არის რაღაც „პლატფორმის“ სათამაშოები - მაშინვე მინდოდა მეცადა რა არის. ახლაც მახსოვს, როგორი ამაღელვებელი მომეჩვენა თამაშები "რვაბიტიანი" კონსოლის Dendy-სთვის ან Sega-სთვის. და აი ცივილიზაცია მივიდა იქამდე - უბრალოდ იფიქრეთ, ტელეფონი ღილაკების გარეშე და ფუნქციით, რომელიც საშუალებას გაძლევთ ითამაშოთ თამაშები. მაცდურია, არაფერი თქვა!

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

HTML5-ის აშკარა უპირატესობები

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

ყველა ეს Android და PC თამაში შექმნილია ქვეშ თანამედროვე ბრაუზერებიდა მათ მხოლოდ JavaScript, Canvas და HTML5 სჭირდებათ წარმატებით ფუნქციონირებისთვის. იმისდა მიხედვით, თუ რა დავალებების შესრულება დაგჭირდებათ ამ თამაშის დროს, ჩვეულებრივია განასხვავოთ რამდენიმე სახეობა:

  • არკადული
  • ტვინი
  • სტრატეგიები
  • მფრინავი
  • თავგადასავლები
  • რასის
  • ჩამოტვირთვადი
  • ბრაუზერი

ონლაინ თამაშების მაგალითები Android-ისთვის

ადრე საერთოდ არ მაინტერესებდა ტელეფონზე თამაში, მაგრამ ყველაფერი შეიცვალა მას შემდეგ რაც საიტის საიტზე მოვედი. იქ გავიცანი თუ რა არის ონლაინ თამაშები ანდროიდზე, ვცადე უამრავი სხვადასხვა „სათამაშო“. Რაც შემეხება მე, საუკეთესო თამაშები Android-ისთვის, წარმოდგენილი ამ საიტზე (და არა მხოლოდ ამ საიტზე) - Mahjong და.

რატომ ვამბობ ასე? ყველაფერი ძალიან მარტივია. მთელი ცხოვრება მირჩევნია თამაშებს სტრატეგიული მიკერძოებით, შუა საუკუნეების თემების მკაფიო ელფერით, ასევე ფანტაზიით. ასე რომ, შემიძლია ვთქვა, რომ მე ნამდვილად ვიპოვე ის, რაც მომწონს. მაგრამ ეს არც კი არის საქმე.

რაც ყველაზე მეტად მომეწონა ამ საიტზე არის ის, რომ ის შეიცავს ყველაზე მეტს განსხვავებული ტიპებიონლაინ თამაშები და გარდა ამისა - მართლაც, ყველა მათგანს ძალიან ცოტა სჭირდება პროგრამული უზრუნველყოფის თვალსაზრისით (ნამდვილად, JavaScript-ის, Canvas-ისა და HTML5-ის გარდა, არაფერია საჭირო მათი მუშაობისთვის).

უფასო თამაშები Android-ისთვის

Free2Play მოდელის წყალობით, ამ საიტზე წარმოდგენილი ყველა Android თამაში უფასოა. მათი დაკვრა შესაძლებელია როგორც კომპიუტერზე, ასევე ტაბლეტზე სრულ ეკრანზე. მაგრამ მთავარი, რაც განასხვავებს მათ ფლეშ თამაშებისგან, არის ის, რომ მათი საბოლოოდ თამაში შესაძლებელია ტელეფონზე.

ძირითადი ტექნოლოგია, რომელიც შესაძლებელს ხდის HTML5 თამაშებს, არის HTML და JavaScript-ის კომბინაცია. ჰიპერტექსტის მარკირების ენა (HTML) იყო ადრეული ინტერნეტის სუპერმაგისტრალის ნაწილი, როგორც ამას მაშინ უწოდებდნენ და დღესაც განაგრძობს გამოყენებას ყველა ვებსაიტზე. JavaScript კოდი დაემატა მეორე ვერსიის ბრაუზერებს, როგორიცაა Netscape 2.0 1995 წელს და წლების განმავლობაში განვითარდა და გახდა უფრო სასიამოვნო წასაკითხად და წერაში. ადრეულ დღეებში მას მოიხსენიებდნენ როგორც DHTML ან დინამიურ HTML-ს, რადგან დაშვებული იყო ინტერაქტიული შინაარსისთვის გვერდის განახლების გარეშე. თუმცა, ძნელი იყო სწავლა და გამოყენება ადრეულ ვებ ეპოქაში. დროთა განმავლობაში Javascript-ის დახმარებით გუგლ ქრომიდეველოპერები გახდა ერთ-ერთი ყველაზე სწრაფი სკრიპტირების ენა. მას ასევე აქვს უფრო თავისუფლად ხელმისაწვდომი მოდულები, ბიბლიოთეკები და სკრიპტები, ვიდრე ნებისმიერი სხვა კოდირების ენა.

ადრეული DHTML თამაშები ძალიან მარტივი იყო. იმდროინდელი თამაშების რამდენიმე მაგალითი იყო Tic-Tac-Toe და . ვინაიდან ამ ტექნოლოგიით დამზადებული თამაშები იყენებს HTML5-ის ღია სტანდარტს, ამ შედარებით უძველესი თამაშების თამაში დღესაც შესაძლებელია თანამედროვე ვებ ბრაუზერში. ეს ტექნოლოგიები გადავიდა ბრაუზერის თამაშების წინა პლანზე, რადგან არ საჭიროებს დანამატებს და უფრო უსაფრთხოა, ვიდრე ძველი ტექნოლოგიების თამაში. HTML5 თამაშები ასევე მხარს უჭერს და გაუმჯობესებულია კომპლექსური 2D და მხარდაჭერის შესაძლებლობა.

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

ვისაც სურს მეტი გაიგოს, მე ვიწვევ კატის ქვეშ.

იდეა
ზოგადად, ბევრის თქმა შეიძლება Android-ის პოტენციალის, HTML5-ის განვითარებისა და მათი ურთიერთქმედების შესახებ. არ გავაკეთებ. ასე რომ, პირდაპირ საქმეზე.

Android-ისთვის თამაშის შექმნის იდეა, ალბათ, აწყდება ათობით ასეულ დეველოპერს და მათ, ვინც თავს ასეთად თვლის. მე არ ვარ გამონაკლისი.

რატომ HTML5? - შობა. თქვენ წერთ თამაშს JS-ში, შემდეგ კი აბსოლუტურად ნებისმიერი OS-სთვის ქმნით შეფუთვას მოსახერხებელი ფორმით და ნებისმიერ ენაზე.

მთელი პროცესი დაყოფილი იქნება რამდენიმე ეტაპად და საბოლოო განაცხადი შედგება ორი ნაწილისგან:
- შეფუთვა (შიგ ამ საქმესანდროიდისთვის)
- Თამაში

ნაბიჯი 1. თავად თამაშის დაწერა
HTML5-ში თამაშის დაწერის კიდევ ერთი სარგებელი არის ის ფაქტი, რომ მას არ სჭირდება ბევრი თამაში გაშვებული პროგრამები, IDE, ემულატორები და ასე შემდეგ. ყველაფერი რაც თქვენ გჭირდებათ არის ბრაუზერი (Chromium ჩემს შემთხვევაში) და ტექსტის რედაქტორი(ლურჯი თევზი)

თამაში მარტივი იქნება: თუ არის ლურჯი მართკუთხედი და არის მწვანე მართკუთხედი. მოთამაშის ამოცანაა გადაათრიოს ლურჯი მართკუთხედი მწვანეზე, გვერდის ავლით წითელს, რომელიც მოძრაობს სათამაშო მოედანზე თვითნებური მიმართულებით.

თამაშის განვითარებისთვის გამოვიყენებ J2ds (თამაშის ძრავას)

დასრულებული თამაშის კოდი:

index.html

დემო თამაში J2ds v.0-ზე

თქვენ შეგიძლიათ უგულებელყოთ თამაშის კოდის ხარისხი, რადგან ეს არ არის სტატიის მიზანი. მიუხედავად იმისა, რომ, რა თქმა უნდა, შეგიძლიათ ოპტიმიზაცია მოახდინოთ რამდენიც გსურთ, ეს პროცესი ზოგადად ალბათ გაუთავებელია.

ნაბიჯი 2 ანდროიდის სტუდია. შეფუთვის შექმნა თამაშისთვის
მე არ ვაპირებ ვინმესთან გავზომო ამა თუ იმ IDE-ის სიგრილე ანდროიდის განვითარებისთვის, მაგრამ გაჩვენებთ ანდროიდის მაგალითისტუდია. სამუშაოსთვის გვჭირდება:
- Java მანქანა (OpenJDK შესაფერისია ჩემი Linux-ისთვის)
- Android Studio დისტრიბუცია.

ჩამოტვირთეთ, დააინსტალირეთ.
მას შემდეგ რაც ყველაფერი დაინსტალირდება (ეს ორი პროგრამა საკმარისია), გაუშვით Android Studio.

გაიხსნება საწყისი ფანჯარა (თუ ეს არის პირველი გაშვება), თუ არა პირველი, მაშინ თავად IDE გაიხსნება, მაგრამ ეს არ ცვლის არსს, მოდით გადავიდეთ SDK მენეჯერთან:


აქ თქვენ უნდა შეამოწმოთ თქვენთვის საჭირო ყუთები ანდროიდის ვერსიები, რომლითაც იმუშავებთ, ჩემს შემთხვევაში ანდროიდი 4.4.2, შეგიძლიათ ერთდროულად აირჩიოთ მაინც.

მთავარია - აუცილებლად აირჩიეთ "ინსტრუმენტები" და "დამატებები" და დააწკაპუნეთ "პაკეტების ინსტალაცია".

როგორც კი ყველაფერი ჩამოიტვირთება, IDE დაიწყება მოსაწყენი ნაცრისფერი ფონიდა რამდენიმე ღილაკი, დააჭირეთ პირველს და შექმენით ახალი პროექტი. თუ IDE დაუყოვნებლივ დაიწყო სამუშაო მდგომარეობაში, მაშინ: "ფაილი-> ახალი-> ახალი პროექტი"


შეავსეთ საჭირო ველები და დააჭირეთ შემდეგი


აირჩიეთ ანდროიდის სასურველი ვერსია და შემდეგი


აქ ვირჩევთ ცარიელ აქტივობას (ცარიელი შაბლონი Hello, World!)

შემდეგ ფანჯარაში შეავსეთ კლასების შექმნის მონაცემები, სიცხადისთვის არ შევცვლი:

ჩვენ საზეიმოდ ვაჭერთ Finich-ს და ველოდებით IDE-ის კონფიგურაციას და მოამზადებს ყველაფერს სამუშაოდ.

გაიხსნება ფორმის დიზაინერის ფანჯარა. ეს არ არის იგივე, რაც ლაზარეში, დელფოში, მაგრამ მაინც არის რაღაც მსგავსი:

ნუ იჩქარებთ რაიმეს შეცვლას ან რაიმეს დაწკაპუნებას, დაყენება ჯერ არ დასრულებულა.
გახსენით "Tolls->Android->AVD Manager" ემულატორის კონფიგურაციისთვის.

აქ, თუ არაფერია, დააწკაპუნეთ "Cereate Virtual Device", თუ არის, თქვენ არ შეგიძლიათ შექმნათ ახალი, მე უკვე მქონდა, რადგან მე მას "დავბრუნდი", სანამ გავარკვიე. თუ თქვენ გჭირდებათ ახალი ემულატორის შექმნა, მაშინ აქ ყველაფერი მარტივია:
1. აირჩიეთ ეკრანის ზომა და ტელეფონის მოდელი
2. აირჩიეთ ანდროიდის ვერსია (მე მაქვს 4.4.2)
3. დააყენეთ მოწყობილობა.

მესამე ეტაპზე უფრო დეტალურად:

თ.კ. თამაში გაჭიმულია ჰორიზონტალურად, თქვენ უნდა აირჩიოთ ლანდშაფტის რეჟიმი.

როდესაც ყველა პარამეტრი შეიყვანეთ, დააწკაპუნეთ მწვანე სამკუთხედზე და გაუშვით ემულატორი. დაწყების შემდეგ, ჩვენ ველოდებით, სანამ მოწყობილობა სრულად ჩაიტვირთება და OS დაიწყება:

არ დახუროთ ეს ფანჯარა, მასში მოხდება ემულაცია. ახლა შეგიძლიათ დაბრუნდეთ რედაქტორში და შეცვალოთ ორიენტაცია ფორმის დიზაინერში:

შეგიძლია სირბილი! ახლა ეს ნამდვილად შესაძლებელია.
თუ მოგეთხოვებათ აირჩიოთ ემულატორი, შეგიძლიათ მონიშნოთ ქვემოთ მოცემული ველი:

ჩემო გილოცავ! ყველაფერი მუშაობს, შემოწმებულია!

მინიმიზირეთ ჩვენი ემულატორი (მაგრამ არ დახუროთ!) და გადადით რედაქტორში. იქ ყველაფერი ცოტა უფრო რთულია (ცოტათი).
თქვენ უნდა გადახვიდეთ "ტექსტის" რეჟიმში. თქვენს activity_main-ში აღწერილია ყველა ელემენტი, რომელიც ფორმაშია. მათ შორის თავად ფორმაც. და ეს საერთოდ არ არის ფორმა =).

რადგან ჩვენ ვაკეთებთ თამაშს HTML5-ში და აქ უბრალოდ გვაქვს თამაშის შეფუთვა, ვშლით მთელ ტექსტს და ჩავსვით შემდეგს:

ახლა, თუ დიზაინს დაუბრუნდებით, ის სხვაგვარად გამოიყურება:

როგორც ხედავთ, ახლა „გამარჯობა, სამყარო“-ს ნაცვლად, სრულ ეკრანზე გადაჭიმული WebView სრულად იხსნება. ეს ობიექტი არის ჩვენი "ფანჯარა" თამაშის სამყაროში.

თქვენ კი შეგიძლიათ გაიქცეთ, ნახეთ თუ არა თეთრი ეკრანი. Განაგრძე.

შემდეგ ჩვენ უნდა წავიდეთ ჩვენს პროექტზე, ამისათვის ჩვენ ვხსნით ველს "პროექტი" მარცხნივ და აირჩიეთ "Android" ჩანართი, თუ ის არ არის არჩეული:

ეს ჩანართი აჩვენებს პროექტის სტრუქტურას და მის ყველა შიდა ფაილს და რესურსს.

სპოილერის სათაური

ჩვენ უნდა ვიპოვოთ "მანიფესტის" ფაილი და დავამატოთ "აპლიკაცია" განმარტებას შემდეგი ხაზი:
android:hardwareaccelerated="true"

დროა ვიმუშაოთ ჩვენი "ბრაუზერის" ფუნქციონირებაზე, რადგან ეს არის ის! გახსენით "MainActivity.java" კლასი და წაშალეთ ყველაფერი არასაჭირო და დატოვეთ მხოლოდ მთავარი:

სპოილერის სათაური

პაკეტი com.soft.scanner.demogamehtml5; იმპორტი android.support.v7.app.AppCompatActivity; იმპორტი android.os.Bundle; საჯარო კლასის MainActivity აფართოებს AppCompatActivity ( @Override დაცულია void onCreate(Bundle savedInstanceState) ( super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); ))

თუ არ დაგავიწყდათ, ჩვენ დავამატეთ WebView Activity_main ფაილში, ყურადღება მიაქციეთ თამამ ხაზს:
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:id="@+id/webView"
android:clickable="true"
android:scrollbars="none" />

ჩვენ უნდა გამოვაცხადოთ WebView კლასის ობიექტი.

ამისათვის დაამატეთ იმპორტის სიას:

android.webkit.WebView იმპორტი;

შემდეგ ჩვენ ვაცხადებთ ჩვენს myWeb ობიექტს MainActivity კლასში:

დაცული WebView myWeb;

ახლა, ხაზის შემდეგ setContentView(R.layout.activity_main);ჩასვით შემდეგი კოდი:

/* იპოვეთ ჩვენი ბრაუზერი */ myWeb= (WebView) findViewById(R.id.webView); /* დააყენეთ ჩვენი ბრაუზერი */ myWeb.getSettings().setUseWideViewPort(true); myWeb.setInitialScale(1); myWeb.getSettings().setJavaScriptEnabled(true); /* გვერდის ჩატვირთვა */ myWeb.loadUrl("file:///android_asset/index.html");

აი რა მივიღე რედაქტორში:

და აი, რა არის ემულატორში:

თუ თქვენც იგივეს გრძნობთ, ჩვენ სწორ გზაზე ვართ!

ცოტა დარჩა გასაკეთებელი:
სადაც ჩვენ ვტვირთავთ გვერდს ჩვენს ბრაუზერში, ფაილის გზა ასე გამოიყურება: "file:///android_asset/index.html"
უნდა აღინიშნოს, რომ ჩვენ შეგვიძლია შევინახოთ ნებისმიერი ფაილი ჩვენს თამაშში, მათზე წვდომით.

ჩვენს შემთხვევაში, გასაღების საქაღალდე არის "android_asset", მოდით შევქმნათ იგი (დიახ, ის ნაგულისხმევად არ არის პროექტში):
“ფაილი -> ახალი -> საქაღალდე -> აქტივების საქაღალდე”, გაიხსნება ფანჯარა, სადაც უბრალოდ უნდა დაეთანხმოთ IDE-ს.
Შენიშნა? პროექტს აქვს ახალი საქაღალდე:

დააწკაპუნეთ მასზე მაუსის მარჯვენა ღილაკით -> "Show in Files", გაიხსნება სისტემის მკვლევარი (ჩემს შემთხვევაში Nautilus), ყურადღება მიაქციეთ საქაღალდისკენ მიმავალ გზას. გაითვალისწინეთ, რომ საქაღალდეს ეწოდება "აქტივები", მაგრამ წვდომა ხდება "android_asset"-ის საშუალებით.

მაშინ ყველაფერი საკმაოდ მარტივია - დააკოპირეთ ჩვენი თამაში აქტივების საქაღალდეში:

index.html ფაილი არის იგივე ინდექსი ამ სტატიის დასაწყისიდან. აბა, ვცადოთ სირბილი!

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

ნაბიჯი 3 Android Studio განაცხადის შექმნა და მასზე ხელმოწერა

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

ამ IDE-ში გასაღებების შესაქმნელად არის სპეციალური უტილიტაგასაღები ინსტრუმენტი.

მოდით გადავიდეთ შესრულებადი აპლიკაციის ფაილის შექმნაზე ("Build -> გენერირება ხელმოწერილი APK"):

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

პირველი ველი არის გზა საქაღალდეში, სადაც გასაღები შეინახება.
Ok-ზე დაწკაპუნების შემდეგ ფორმა ავტომატურად შეივსება:

შემდგომი აპლიკაციებისთვის არ არის საჭირო ახალი გასაღებების შექმნა, შეგიძლიათ ხელი მოაწეროთ სხვა აპლიკაციებს თქვენი გასაღებით, სწორედ ამისთვის არის ღილაკი „აირჩიე არსებული“
შემდეგ ეტაპზე, IDE მოგთხოვთ ხელახლა შეიყვანოთ პაროლი, შემდეგ კი მიუთითოთ საქაღალდე APK ფაილის შესანახად.
admin კატეგორიაში Uncategorized. სანიშნეებში დამატება.

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

ვისაც სურს მეტი გაიგოს, მე ვიწვევ კატის ქვეშ.

იდეა

ზოგადად, ბევრის თქმა შეიძლება Android-ის პოტენციალის, HTML5-ის განვითარებისა და მათი ურთიერთქმედების შესახებ. არ გავაკეთებ. ასე რომ, პირდაპირ საქმეზე.

Android-ისთვის თამაშის შექმნის იდეა, ალბათ, აწყდება ათობით ასეულ დეველოპერს და მათ, ვინც თავს ასეთად თვლის. მე არ ვარ გამონაკლისი.

მთელი პროცესი დაყოფილი იქნება რამდენიმე ეტაპად და საბოლოო განაცხადი შედგება ორი ნაწილისგან:
- Wrapper (ამ შემთხვევაში Android-ისთვის)
- Თამაში

ნაბიჯი 1. თავად თამაშის დაწერა

HTML5-ში თამაშის დაწერის კიდევ ერთი უპირატესობა არის ის ფაქტი, რომ ტესტირება არ საჭიროებს გაშვებულ პროგრამებს, IDE-ებს, ემულატორების და ა.შ. ყველაფერი რაც თქვენ გჭირდებათ არის ბრაუზერი (Chromium ჩემს შემთხვევაში) და ტექსტის რედაქტორი (BlueFish)

თამაში მარტივი იქნება: არის ლურჯი მართკუთხედი და არის მწვანე ოთხკუთხედი. მოთამაშის ამოცანაა გადაათრიოს ლურჯი მართკუთხედი მწვანეზე, გვერდის ავლით წითელს, რომელიც მოძრაობს სათამაშო მოედანზე თვითნებური მიმართულებით.

თამაშის განვითარებისთვის გამოვიყენებ J2ds (თამაშის ძრავას).

დასრულებული თამაშის კოდი:

index.html

დემო თამაში J2ds v.0-ზე



თქვენ შეგიძლიათ უგულებელყოთ თამაშის კოდის ხარისხი, რადგან ეს არ არის სტატიის მიზანი. მიუხედავად იმისა, რომ, რა თქმა უნდა, შეგიძლიათ ოპტიმიზაცია მოახდინოთ რამდენიც გსურთ, ეს პროცესი ზოგადად ალბათ გაუთავებელია.

ნაბიჯი 2 Android Studio შეფუთვის შექმნა თამაშისთვის

ანდროიდის დეველოპმენტისთვის ამა თუ იმ IDE-ის სიგრილის გაზომვას არავისთან ვაპირებ, მაგრამ Android Studio-ს მაგალითზე გაჩვენებთ. სამუშაოსთვის გვჭირდება:
- Java მანქანა (OpenJDK შესაფერისია ჩემი Linux-ისთვის);
- Android Studio დისტრიბუცია.

ჩამოტვირთეთ, დააინსტალირეთ.

მას შემდეგ რაც ყველაფერი დაინსტალირდება (ეს ორი პროგრამა საკმარისია), გაუშვით Android Studio.

გაიხსნება საწყისი ფანჯარა (თუ ეს არის პირველი გაშვება), თუ არა პირველი, მაშინ თავად IDE გაიხსნება, მაგრამ ეს არ ცვლის არსს, მოდით გადავიდეთ SDK მენეჯერთან:

აქ თქვენ უნდა მონიშნოთ Android-ის ვერსიები, რომლითაც იმუშავებთ, ჩემს შემთხვევაში ეს არის Android 4.4.2, შეგიძლიათ აირჩიოთ მინიმუმ ერთდროულად.

მთავარია - აუცილებლად აირჩიეთ "ინსტრუმენტები" და "დამატებები" და დააწკაპუნეთ "პაკეტების ინსტალაცია".

როგორც კი ყველაფერი ჩამოიტვირთება, IDE დაიწყება მოსაწყენი ნაცრისფერი ფონით და რამდენიმე ღილაკით, დააწკაპუნეთ პირველზე და შექმენით ახალი პროექტი. თუ IDE დაუყოვნებლივ დაიწყო სამუშაო მდგომარეობაში, მაშინ: "ფაილი-> ახალი-> ახალი პროექტი"


შეავსეთ საჭირო ველები და დააჭირეთ შემდეგი


აირჩიეთ ანდროიდის სასურველი ვერსია და შემდეგი


აქ ვირჩევთ ცარიელ აქტივობას (ცარიელი შაბლონი Hello, World!)

შემდეგ ფანჯარაში შეავსეთ კლასების შექმნის მონაცემები, სიცხადისთვის არ შევცვლი:

ჩვენ საზეიმოდ ვაჭერთ Finich-ს და ველოდებით IDE-ის კონფიგურაციას და მოამზადებს ყველაფერს სამუშაოდ.

გაიხსნება ფორმის დიზაინერის ფანჯარა. ეს არ არის იგივე, რაც ლაზარეში, დელფოში, მაგრამ მაინც არის რაღაც მსგავსი:

ნუ იჩქარებთ რაიმეს შეცვლას ან რაიმეს დაწკაპუნებას, დაყენება ჯერ არ დასრულებულა. გახსენით "Tolls->Android->AVD Manager" ემულატორის კონფიგურაციისთვის.

აქ, თუ არაფერია, დააწკაპუნეთ "ვირტუალური მოწყობილობის შექმნა", თუ არის, თქვენ ვერ შექმნით ახალს, მე უკვე მქონდა, რადგან მე მას "დავბრუნდი", სანამ გავარკვიე. თუ თქვენ გჭირდებათ ახალი ემულატორის შექმნა, მაშინ აქ ყველაფერი მარტივია:
1. აირჩიეთ ეკრანის ზომა და ტელეფონის მოდელი
2. აირჩიეთ ანდროიდის ვერსია (მე მაქვს 4.4.2)
3. დააყენეთ მოწყობილობა.

მესამე ეტაპზე უფრო დეტალურად:

თ.კ. თამაში გაჭიმულია ჰორიზონტალურად, თქვენ უნდა აირჩიოთ ლანდშაფტის რეჟიმი.

როდესაც ყველა პარამეტრი შეიყვანეთ, დააწკაპუნეთ მწვანე სამკუთხედზე და გაუშვით ემულატორი. დაწყების შემდეგ, ჩვენ ველოდებით, სანამ მოწყობილობა სრულად ჩაიტვირთება და OS დაიწყება:

არ დახუროთ ეს ფანჯარა, მასში მოხდება ემულაცია. ახლა შეგიძლიათ დაბრუნდეთ რედაქტორში და შეცვალოთ ორიენტაცია ფორმის დიზაინერში:

შეგიძლია სირბილი! ახლა ეს ნამდვილად შესაძლებელია.

თუ მოგეთხოვებათ აირჩიოთ ემულატორი, შეგიძლიათ მონიშნოთ ქვემოთ მოცემული ველი:

ჩემო გილოცავ! ყველაფერი მუშაობს, შემოწმებულია!

მინიმიზირეთ ჩვენი ემულატორი (მაგრამ არ დახუროთ!) და გადადით რედაქტორში. იქ ყველაფერი ცოტა უფრო რთულია (ცოტათი).
თქვენ უნდა გადახვიდეთ "ტექსტის" რეჟიმში. თქვენს activity_main-ში აღწერილია ყველა ელემენტი, რომელიც ფორმაშია. მათ შორის თავად ფორმაც. და ეს საერთოდ არ არის ფორმა.

რადგან ჩვენ ვაკეთებთ თამაშს HTML5-ში და აქ უბრალოდ გვაქვს თამაშის შეფუთვა, ვშლით მთელ ტექსტს და ჩავსვით შემდეგს:

ახლა, თუ დიზაინს დაუბრუნდებით, ის სხვაგვარად გამოიყურება:

როგორც ხედავთ, ახლა „გამარჯობა, სამყარო“-ს ნაცვლად, სრულ ეკრანზე გადაჭიმული WebView სრულად იხსნება. ეს ობიექტი არის ჩვენი "ფანჯარა" თამაშის სამყაროში.

თქვენ კი შეგიძლიათ გაუშვათ, ნახეთ თუ იქნება თეთრი ეკრანი. Განაგრძე.


ეს ჩანართი აჩვენებს პროექტის სტრუქტურას და მის ყველა შიდა ფაილს და რესურსს.

ახსნა

ჩვენ უნდა ვიპოვოთ "მანიფესტის" ფაილი და დავამატოთ შემდეგი ხაზი "აპლიკაციის" განმარტებას:
android:hardwareaccelerated="true"

დროა ვიმუშაოთ ჩვენი "ბრაუზერის" ფუნქციონირებაზე, რადგან ეს არის ის! გახსენით "MainActivity.java" კლასი და წაშალეთ ყველაფერი არასაჭირო და დატოვეთ მხოლოდ მთავარი:

ახსნა

პაკეტი com.soft.scanner.demogamehtml5; იმპორტი android.support.v7.app.AppCompatActivity; იმპორტი android.os.Bundle; საჯარო კლასის MainActivity აფართოებს AppCompatActivity ( @Override დაცულია void onCreate(Bundle savedInstanceState) ( super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); ))

თუ არ დაგავიწყდათ, ჩვენ დავამატეთ WebView Activity_main ფაილში, ყურადღება მიაქციეთ თამამ ხაზს:
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:id="@+id/webView"
android:clickable="true"
android:scrollbars="none" />

ჩვენ უნდა გამოვაცხადოთ WebView კლასის ობიექტი.

ამისათვის დაამატეთ იმპორტის სიას:

android.webkit.WebView იმპორტი;
შემდეგ ჩვენ ვაცხადებთ ჩვენს myWeb ობიექტს MainActivity კლასში:

დაცული WebView myWeb;
ახლა, ხაზის შემდეგ setContentView(R.layout.activity_main);ჩასვით შემდეგი კოდი:

/* იპოვეთ ჩვენი ბრაუზერი */ myWeb= (WebView) findViewById(R.id.webView); /* დააყენეთ ჩვენი ბრაუზერი */ myWeb.getSettings().setUseWideViewPort(true); myWeb.setInitialScale(1); myWeb.getSettings().setJavaScriptEnabled(true); /* გვერდის ჩატვირთვა */ myWeb.loadUrl("file:///android_asset/index.html");

აი რა მივიღე რედაქტორში:

და აი, რა არის ემულატორში:

თუ თქვენც იგივეს გრძნობთ, ჩვენ სწორ გზაზე ვართ!

ცოტა დარჩა გასაკეთებელი:
სადაც ჩვენ ვტვირთავთ გვერდს ჩვენს ბრაუზერში, ფაილის გზა ასე გამოიყურება: "file:///android_asset/index.html"
უნდა აღინიშნოს, რომ ჩვენ შეგვიძლია შევინახოთ ნებისმიერი ფაილი ჩვენს თამაშში, მათზე წვდომით.

ჩვენს შემთხვევაში, გასაღების საქაღალდე არის "android_asset", მოდით შევქმნათ იგი (დიახ, ის ნაგულისხმევად არ არის პროექტში):
“ფაილი -> ახალი -> საქაღალდე -> აქტივების საქაღალდე”, გაიხსნება ფანჯარა, სადაც უბრალოდ უნდა დაეთანხმოთ IDE-ს.
Შენიშნა? პროექტს აქვს ახალი საქაღალდე:

დააწკაპუნეთ მასზე მაუსის მარჯვენა ღილაკით -> "Show in Files", გაიხსნება სისტემის მკვლევარი (ჩემს შემთხვევაში Nautilus), ყურადღება მიაქციეთ საქაღალდისკენ მიმავალ გზას. გაითვალისწინეთ, რომ საქაღალდეს ეწოდება "აქტივები", მაგრამ წვდომა ხდება "android_asset"-ის საშუალებით.

index.html ფაილი არის იგივე ინდექსი ამ სტატიის დასაწყისიდან. აბა, ვცადოთ სირბილი!

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

ნაბიჯი 3 Android Studio განაცხადის შექმნა და მასზე ხელმოწერა

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

ამ IDE-ში გასაღებების შესაქმნელად არის სპეციალური პროგრამა "KeyTool".

მოდით გადავიდეთ შესრულებადი აპლიკაციის ფაილის შექმნაზე ("Build -> გენერირება ხელმოწერილი APK"):

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

პირველი ველი არის გზა საქაღალდეში, სადაც გასაღები შეინახება. Ok-ზე დაწკაპუნების შემდეგ ფორმა ავტომატურად შეივსება:

შემდგომი აპლიკაციებისთვის არ არის საჭირო ახალი კლავიშების შექმნა, შეგიძლიათ ხელი მოაწეროთ სხვა აპლიკაციებს თქვენი გასაღებით, სწორედ ამისთვის არის ღილაკი „აირჩიე არსებული“.

შემდეგ ეტაპზე, IDE მოგთხოვთ ხელახლა შეიყვანოთ პაროლი, შემდეგ კი მიუთითოთ საქაღალდე APK ფაილის შესანახად.

ახლა შეგიძლიათ დაისვენოთ და დალიოთ, მაგალითად, ყავა. სისტემამ დაიწყო შედგენა, შედეგი სტატუსის ზოლში:

შედგენის დასრულების შემდეგ სისტემა შეგატყობინებთ ამის შესახებ.

ახლა საკმარისია გადაიტანოთ ფაილი ტელეფონში/ტაბლეტში და დააინსტალიროთ როგორც ჩვეულებრივი აპლიკაცია.

შედეგი:

მაგალითად LAN-ში, საჭიროების შემთხვევაში.