[تەجرىبە] Css3 بىلەن يېزىلغان Android ھەرىكەتچان لوگو قونچىقى

ئەسسالامۇ - ئەلەيكۇم ئەزىزلەر! ھەممىڭلارنىڭ ئايەم كۈنلىرىڭلار شاتلىق ئىچىدە ئۆتكەي.
ئالىپقا ئەپ كودلىرىدىن باشقا كود يوللىسا بولامدۇ يوق، بىلمىدىم. شۇنداقتىمۇ تۆۋەندىكى ئاندرويد لوگوسىنىڭ يېزىلىش كودىنى بەھىرلەنگۈم كىلىپ قالدى، ئەگەر ياقتۇرمىساڭلا تىللىماسسزىلەر... رەھمەت!

ئۆتكەندە، نۇرقۇت تورىدىكى چاشقاننىڭ Html5 بىلەن يازغان ئاندرويد لوگو قونچىغىنى كۆرۈپ تولىمۇ قىززىققان ئىدىم. شۇ قىزىقىشلىرىم بىلەن ئۇنىڭ ئەسلى كودىنى تەكرار كۆرۈش، بەزى جايلىرىنى ئەينەن ئېلىش، ۋە ھەرخىل يېڭى كۆرگۈلەردە نورمال ئىجرا بولىدىغان بىر تالاي ھەرىكەت ئۈنۈملىرىنى قوشۇش بىلەن تۆۋەندىكى «ھەرىكەتچان قونچاق» نى يېزىپ باقتىم.
بۇنى يېزىشتا Css3 نىڭ Animation (ھەرىكەت) خاسلىقىدىن تولۇق پايدىلاندىم. ئاندىن ھەرقايسى مودا كۆرگۈلەر ئۈچۈن ئايرىم ھەرىكەت خاسلىقى بەلگىلەپ، Chrome، FireFox، IE . . . قاتارلىقلاردا نورمال ھەرىكەتلىنىدىغان قىلدىم. 0% دىن 100% گىچە بولغان ھەرىكەت دائىرىسىنى نەچچە باسقۇچقا بۆلۈش ئارقىلىق، خۇددى ماشىنا ئادەمدەك ھەرىكەت ئۈنۈمى چىقاردىم. لوگوچاقنىڭ كىندىكىگە بلوگىم نامى ۋە ئادرېسىنى چاپلاپ، پىرقىراۋاتقان چەمبىرەك بىلەن قوغداپ قويدۇم(. . . . ).
ئۈنۈم رەسىمى تۆۋەندىكىدەك:

ھەرىكەت ئۈنۈمىنى كۆرۈش ئۈچۈن تۆۋەندىكى كودنى كۆچۈرۈپ ئېلىپ، Html ھالەتتە ساقلاپ، تور كۆرگۈڭىزدە كۆرسىڭىزمۇ ياكى http://teshna.me/2013/10/19/2034 مۇنۇ ئادرىستىكى كود ئىجرا كۆزنىكىگە چاپلاپ ئۈنۈمىنى كۆرسىڭىزمۇ بولىدۇ. كود قىسمىغا قاراپ باقايلى:

1. 
   
2. 
   
3. 
   
4. 
   
5. 
   
6. 
   
7. 
   
8. 
   
9. 
   
10. 
    
11. 
    
12. 
    
13. 
    
14. 
    
15. 
    
16. 
    

17. تەشنا بلوگى
    teshna.me

    
    

مەزمۇننى كۆچۈرۈۋېلىشجەمئىي 572 قۇر كود يازدىم. بۇنىڭ ئىچىدە كۆپ قىسمى ھەممە كۆرگۈگە ماسلاشتۇرۇش مەقسىتىدە، تەكرار ئۈنۈم خاسلىقلىرى ئۈچۈن يېزىلدى. كودلارنىڭ ئاساسىي قىسمىغا تەپسىلىي ئىزاھات بەردىم، باشقىلارنىڭ تېخىمۇ ياخشى چۈشىنەلىشىنى كۆزدە تۇتۇپ، قىسقۇچ ناملىرىنى ULY بىلەن يازدىم. قىزىققۇچىلار كودلارنى كۆرسىلا چۈشنىۋالالايدۇ.
مەنبە:http://teshna.me/

تۆت تالدەك يېشىل كالتەك مېڭىپلا يۈرۈيدىغۇ..

ئەسسالامۇ - ئەلەيكۇم ئەزىزلەر! ھەممىڭلارنىڭ ئايەم كۈنلىرىڭلار شاتلىق ئىچىدە ئۆتكەي.
ئالىپقا ئەپ كودلىرىدىن باشقا كود يوللىسا بولامدۇ يوق، بىلمىدىم.

ۋەئەلەيكۇم ئەسسالام. كودتىن قانچىلىك يوللىيالىسىڭىز شۇنچىلىكنى قارشى ئالىمىز.

بولسا كود توغرىسىدا مەخسۇس بىر تېما يوللىسىڭىز دىگەن ئۈمۈتتىمەن، كود دىگەن نىمە؟ كود نىمىگە ئىشلەيدۇ؟ كود نەچچە تۈلۈك بولىدۇ؟ ۋە كود ئارقىلىق قانداق قانداق ئىشلارنى قىلغىلى بولىدۇ... ھەممىسى ماڭا نامەلۈم، بەلكىم باشقا تورداشلىرىمىزنىڭمۇ بىلگۈسى باردۇر...

يۇقارقى ئىنكاس ياخشى بوپتۇ، بولسا تۇلۇق چۈشەنچە بەرسىڭىز بولاتتى…

مەن ئىجرا قىلسام ماشىنا ئادەم جىملا تۇرىدۇ.....چۈشلۈك ئارام ئېلىۋاتامدۇ يا؟

muj@hit يوللىغان ۋاقتى  2013-10-19 12:05
بولسا كود توغرىسىدا مەخسۇس بىر تېما يوللىسىڭىز دىگەن ئ ...

خۇددى ئۇيغۇر تىلى، خەنزۇتىلى، ئېنگىلىزتىلىلارنىڭ ھەممىنى «تىل» دەپ ئاتىغاندەك، كومپىيوتېر پروگراممىلىرىنى ئېچىشتا ئىشلىتىلىدىغان پروگرامما تىللىرىنىڭ شەرتلىك بەلگىلىرىنى «كود» دەپ ئاتايدۇ. مەسىلەن: سىز كۆرۈۋاتقان موشۇ ئالىپ تورىدىكى مەزمۇنلارمۇ سەھنە ئارقىسىدا ئىجرا بولىدىغان نۇرغۇن كودلاردىن تەركىب تاپقان بولىدۇ.
  يۇقارقىسى توربەت ۋە باشقا دىتاللارنىڭ كۆرۈنمە يۈزىگە پاسون بېرىشتە ئىشلىتىدىغان CSS  (Cascading Style Sheet) كودىنىڭ يېڭى ئۆلچىمى Css3 بىلەن يېزىلغان ئاددىيلا كۆرۈنمە ئۈنۈم.

merdan يوللىغان ۋاقتى  2013-10-19 13:10
مەن ئىجرا قىلسام ماشىنا ئادەم جىملا تۇرىدۇ.....چۈشلۈك ئا ...

كەچۈرۈڭ، تور كۆرگۈڭىزدىكى مەسىلە!  Css3 نىڭ ھەرىكەت خاسلىقلىرىنى قوللايدىغان(مەسىلەن: IE10, Chrome, FireFox)  تور كۆرگۈلىرى بىلەن كۆرسىڭىز جىم تۇرمايدۇ

s41157018 يوللىغان ۋاقتى  2013-10-19 14:11
كەچۈرۈڭ، تور كۆرگۈڭىزدىكى مەسىلە!  Css3 نىڭ ھەرىكەت خاس ...

ھە ئەمدى ئۇيغانغاندەك قىلىدۇ بۇ قونچاق..

مەن IE10دا سىنىسام،ئېكراننىڭ تۆت تەرىپىدە تۆت تال يېشىل كالتەك مىدىرلاپلا تۇرىدىغۇ.....

مەن IFireFoxدا سىنىسام،ئېكراننىڭ تۆت تەرىپىدە تۆت تال يېشىل كالتەك مىدىرلاپلا تۇرىدىغۇ.....

qarahan يوللىغان ۋاقتى  2013-10-19 16:04
مەن IFireFoxدا سىنىسام،ئېكراننىڭ تۆت تەرىپىدە تۆت تال يېش ...

ئەمىسە مەن ئۇقمىدىم. باشقا تور كۆرگۈلەردە سىناپ بېقىڭ. تور كۆرگۈلەرنىڭ Css3 نى قوللىشى ئوخشىمىايدۇ.

قالتىس ، مائۇسنى ئىلىپ كەلسە رەسىم  چوڭيىپ ، خەتلەر تۇتۇقلىشىدىكەن راس قالتىس كود ئىكەن