அளவிடக்கூடிய வெக்டர் கிராபிக்ஸ் (எஸ்.வி.ஜி) என்பது எக்ஸ்எம்எல்லில் எழுதப்பட்ட பட வடிவமாகும். எஸ்.வி.ஜி மூலம், நீங்கள் இரு பரிமாண அளவிடக்கூடிய கிராபிக்ஸ் குறியிடலாம். பின்னர், நீங்கள் அவற்றை CSS மற்றும் JavaScript இல் செயல்படுத்தலாம் மற்றும் மாற்றலாம்.
எஸ்.வி.ஜி மூன்று வகையான கிராபிக்ஸ் அனுமதிக்கிறது: திசையன் வடிவங்கள் (அனைத்து திசைகளிலும் வடிவங்களிலும் நேரான மற்றும் வளைந்த கோடுகள்), படங்கள் மற்றும் உரை. அதன் பல்வேறு திறன்களின் காரணமாக, வலை வடிவமைப்பாளர்கள் சிக்கலான அனிமேஷன்களை உருவாக்க எஸ்.வி.ஜி. அவை நிறுவ எளிதானது, மறுஅளவிடும்போது தரத்தை இழக்காதீர்கள், எந்த மூன்றாம் தரப்பு பயன்பாடுகளும் செயல்பட தேவையில்லை.
அனிமேஷன்கள் இன்னும் பிரபலமடைந்து வருவதால், பெரும்பாலானவை அவற்றுடன் பழக்கமில்லை. இந்த கட்டுரை இந்த வடிவமைப்பின் திறனைக் காட்டும் 20 அருமையான எஸ்.வி.ஜி அனிமேஷன்களை முன்னிலைப்படுத்தும்.
1. கிட்டன் மூலம் மருத்துவ எஸ்.வி.ஜி சின்னங்கள்
விரைவு இணைப்புகள்
- 1. கிட்டன் மூலம் மருத்துவ எஸ்.வி.ஜி சின்னங்கள்
- 2. சீன்எம் காஃபெரி மூலம் ஹோவர்
- 3. நிகோலே தலனோவ் புதுப்பிக்க கீழே இழுக்கவும் (காகித விமானம்)
- 4. டியாகோ எம். லோட்ஃபோலாஹி தொடர்ந்து செல்லுங்கள்
- 5. எஸ்.வி.ஜி வடிப்பான்கள் HTML5 வீடியோவில் சேர்க்கப்பட்டன
- 6. புதிரை புதிர்
- 7. பேட்ரிக் யங் எழுதிய லைனர் சாய்வு
- 8. jjperezaguinaga ஆல் பயணிப்போம்
- 9. கடிகாரம் மொஹமட் மொஹெபிஃபர்
- 10. லூய்கி டி ரோசாவின் அனிமேஷன் சின்னங்கள்
- 11. எஸ்.வி.ஜி-யில் உள்ள அனைத்து சாதனங்களும் கிறிஸ் கேனன்
- 12. கிறிஸ் கேனனின் நீர்வீழ்ச்சி
- 13. பிளேக் போவன் எழுதிய தாவர ஜெனரேட்டர்
- 14. ஹமிஷ் வில்லியம்ஸ் எழுதிய கிளிக் செய்யக்கூடிய ஐகான்
- 15. மார்கோ பார்ரியாவின் புதிய கேக்
- 16. கிறிஸ் கேனன் எழுதிய பேப்பர் ஷ்ரெடர்
- 17. GRAYGHOST ஆல் குறைந்த பாலிலியன்
- 18. லீலாவின் ஹர்கிளாஸ் ஏற்றி
- 19. சாரா டிராஸ்னர் எழுதிய பொறுப்பு மாட்டு
- 20. டோமனியின் மாணவர்
- உங்கள் முறை
இந்த சூடான மற்றும் மென்மையான அனிமேஷன் உடல்நலம் தொடர்பான எந்த வலைத்தளத்திற்கும் சிறந்தது. நீங்கள் வெவ்வேறு நூல்களின் மூலம் பட்டியலிடும்போது, படங்கள் நுட்பமாக தோன்றும். ஆம்புலன்ஸ் கார் அல்லது அணு கட்டும், கண் திறக்கும், மருத்துவர் வெளியே குதிப்பார். இந்த அனிமேஷன் எஸ்.வி.ஜியின் அனைத்து வேடிக்கை மற்றும் ஆற்றலைக் காட்டுகிறது.
இணைப்பு
2. சீன்எம் காஃபெரி மூலம் ஹோவர்
எந்தவொரு ஊடாடும் வலைத்தளத்திற்கும் நீங்கள் வைக்கக்கூடிய யுனிவர்சல் அனிமேஷன். நீங்கள் வட்டமிடும் போது எல்லைகளின் நுட்பமான தோற்றம் உங்களை திருப்திகரமான உணர்வோடு விட்டுவிட்டு இணைப்பைக் கிளிக் செய்ய உங்களை அழைக்கிறது.
இணைப்பு
3. நிகோலே தலனோவ் புதுப்பிக்க கீழே இழுக்கவும் (காகித விமானம்)
வழக்கமாக, பக்கங்களை நீங்கள் "கீழே இழுக்கும்போது" புதுப்பிக்கும். இந்த அனிமேஷன் இதை ஒரு புதிய நிலைக்கு கொண்டு வருகிறது. அதை வெளியிட நீங்கள் கீழே இழுக்கும்போது, நீங்கள் ஒரு காகித விமானத்தை வானத்தில் செலுத்துவீர்கள். உங்கள் பார்வையாளர்கள் உங்கள் பயன்பாட்டை அடிக்கடி புதுப்பிக்க விரும்பினால், இது போன்ற அனிமேஷனைச் சேர்ப்பதை நீங்கள் கருத்தில் கொள்ள வேண்டும்.
4. டியாகோ எம். லோட்ஃபோலாஹி தொடர்ந்து செல்லுங்கள்
அளவிடுதல் திசையனின் திறனைக் காட்டும் ஒரு எஸ்.வி.ஜி அனிமேஷன். மனித உடலின் மென்மையான துல்லியமான இயக்கம் ஹிப்னாடிசிங் ஆகும்.
இணைப்பு
5. எஸ்.வி.ஜி வடிப்பான்கள் HTML5 வீடியோவில் சேர்க்கப்பட்டன
கூகிள் குரோம் குழுவைச் சேர்ந்த பால் ஐரிஷ், திசையன் கிராபிக்ஸ் வெளியே உள்ளடக்கத்தை எஸ்.வி.ஜி எவ்வாறு மாற்ற முடியும் என்பதைப் பார்த்தார். எஸ்.வி.ஜி அனிமேஷன் ஒரு ஆயத்த வீடியோவுக்கு சிறந்த கூடுதலாக இருக்கக்கூடும் என்பதைக் காண்பிப்பதற்காக அற்புதமான காட்சி வடிப்பான்களை உருவாக்க அவர் CSS மற்றும் SVG ஐ இணைத்தார்.
இணைப்பு
6. புதிரை புதிர்
எஸ்.வி.ஜி அனிமேஷன் மூலம் அற்புதமான ஊடாடும் ஜிக்சா புதிர்களை நீங்கள் உருவாக்கலாம். இந்த எடுத்துக்காட்டில், நாம் பல படங்களில் ஒன்றைத் தேர்வுசெய்து, புதிரின் பல சிறிய பகுதிகளுக்கு இது எவ்வாறு மறுகட்டமைக்கிறது என்பதைக் காணலாம். நீங்கள் அதை மறுகட்டமைக்கலாம்!
இணைப்பு
7. பேட்ரிக் யங் எழுதிய லைனர் சாய்வு
நீங்கள் நியான் விளக்குகள் மற்றும் அழகான எழுத்துருக்களில் இருந்தால், இந்த அனிமேஷனை நீங்கள் அனுபவிப்பீர்கள். ஒரு அற்புதமான அனிமேஷனுக்கான நகரும் கோடுகள் உங்களுக்கு எவ்வாறு தேவையில்லை என்பதை இந்த வேலை காட்டுகிறது, சாய்வு விளைவுடன் கூடிய சிறந்த எழுத்துரு மற்றும் சரியான வண்ண குறியீடு.
இணைப்பு
8. jjperezaguinaga ஆல் பயணிப்போம்
உலகின் பிரபலமான அடையாளங்களைச் சுற்றியுள்ள இரண்டு விமானங்களும் சூடான காற்று பலூனும். இந்த அனிமேஷன் வண்ணமயமான, நம்பிக்கையான, மற்றும் மனதைக் கவரும். நீங்கள் எஸ்.வி.ஜி.யில் திறமையானவராக இருந்தால் நீங்கள் செய்யக்கூடிய அனைத்தையும் இது காட்டுகிறது.
இணைப்பு
9. கடிகாரம் மொஹமட் மொஹெபிஃபர்
தற்போதைய நேரத்தைக் காட்டும் நகரும் கடிகாரத்தின் எளிய எஸ்.வி.ஜி அனிமேஷன். சுட்டிகள் மற்றும் குறைந்தபட்ச வடிவமைப்பு ஆகியவற்றின் இனிமையான இயக்கம் இந்த அனிமேஷனுக்கு அதிசயங்களைச் செய்கிறது.
இணைப்பு
10. லூய்கி டி ரோசாவின் அனிமேஷன் சின்னங்கள்
இந்த ஐகான்களில் நீங்கள் வட்டமிட்டால், எளிமையான ஆனால் பயனுள்ள அனிமேஷன்களைத் தூண்டுவீர்கள். ஈர்க்கக்கூடிய அனிமேஷன் ஐகானை உருவாக்க நீங்கள் அதிசயங்களைச் செய்ய வேண்டியதில்லை என்பதை நீங்கள் காணலாம்.
11. எஸ்.வி.ஜி-யில் உள்ள அனைத்து சாதனங்களும் கிறிஸ் கேனன்
நாம் மிகவும் ஆக்கபூர்வமான வழியில் பயன்படுத்தும் அனைத்து ஸ்மார்ட் சாதனங்களுக்கும் மேலான ஒன் டேக் அனிமேஷன். டெஸ்க்டாப் மடிக்கணினியாகவும், மடிக்கணினியை டேப்லெட்டாகவும், பின்னர் ஸ்மார்ட்போனாகவும் மாறும்.
இணைப்பு
12. கிறிஸ் கேனனின் நீர்வீழ்ச்சி
கிறிஸ் கேனனின் இன்னொன்று, இது ஒரு நுரைக்கும் நீர்வீழ்ச்சியின் அடிவாரத்தின் நேர்த்தியான ஆர்ப்பாட்டம். நீரின் இயக்கம் சுத்தமாக இருக்கிறது, மேலும் எல்லாவற்றையும் மிகவும் யதார்த்தமாகக் காண்பிப்பதற்காக அனிமேஷனின் எல்லைகளை விட்டு வெளியேறும் நீரின் சிறிய துளிகளைக் காணலாம்.
இணைப்பு
13. பிளேக் போவன் எழுதிய தாவர ஜெனரேட்டர்
இப்போது இது வேறு விஷயம். 'உருவாக்கு' பொத்தானைக் கிளிக் செய்தால், தாவரங்கள் உயர்ந்து வளர்ந்து வருவதைக் காண்பீர்கள். ஆனால் ஒவ்வொரு முறையும் நீங்கள் கிளிக் செய்யும் போது, வெவ்வேறு வடிவங்கள் உருவாகும்.
இணைப்பு
14. ஹமிஷ் வில்லியம்ஸ் எழுதிய கிளிக் செய்யக்கூடிய ஐகான்
அனிமேஷனைக் கிளிக் செய்தவுடன் அதைத் தூண்டும் மற்றொரு ஊடாடும் எஸ்.வி.ஜி. நீங்கள் கிளிக் செய்தவுடன் இது “அனுப்பு” அனிமேஷனைத் தொடங்கும்.
இணைப்பு
15. மார்கோ பார்ரியாவின் புதிய கேக்
அடுக்கு மூலம் ஒரு கேக் லேயரை உருவாக்குவதைக் காட்டும் சுவாரஸ்யமான அனிமேஷன். இது பிறந்தநாள் அட்டைக்கு ஏற்ற ஒரு சுவாரஸ்யமான எஸ்.வி.ஜி அனிமேஷன்.
16. கிறிஸ் கேனன் எழுதிய பேப்பர் ஷ்ரெடர்
காகித துண்டாக்குதலைப் பார்த்து நீங்கள் ரசிக்கிறீர்கள் என்றால், இந்த அனிமேஷனை நீங்கள் அனுபவிப்பீர்கள், இது ஒரு இயந்திர துண்டாக்கும் காகிதத்தை காகிதத்தால் வரம்பற்ற நேரங்களில் தடையற்ற வரிசையில் சித்தரிக்கிறது.
இணைப்பு
17. GRAYGHOST ஆல் குறைந்த பாலிலியன்
இது ஒரு சிங்கத்தின் தலை அனிமேஷன் பலகோணங்களின் வடிவத்தில் தோன்றி மறைந்துபோகும் சித்தரிக்கும் மனதைக் கவரும் விளக்கம் மற்றும் அனிமேஷன் ஆகும்.
இணைப்பு
18. லீலாவின் ஹர்கிளாஸ் ஏற்றி
எஸ்.வி.ஜி மட்டுமே பயன்படுத்தும் மற்றொரு பயனுள்ள அனிமேஷன். ஒவ்வொரு 5 விநாடிகளிலும், மணிநேர கிளாஸ் தலைகீழாக மாறி புதிய சுழற்சியைத் தொடங்கும்.
இணைப்பு
19. சாரா டிராஸ்னர் எழுதிய பொறுப்பு மாட்டு
இது ஒரு வேடிக்கையான ஊடாடும் அனிமேஷன் ஆகும், இது ஒரு பசுவைக் கிளிக் செய்து சந்திரனைச் சுற்றி இழுக்க அனுமதிக்கிறது, அதே நேரத்தில் ஒரு குழப்பமான விண்வெளி வீரர் அதைப் பார்க்கிறார்.
20. டோமனியின் மாணவர்
ஒரு உற்சாகமான மாணவர் கற்றுக்கொள்ளத் தயாராக இருப்பதாகத் தோன்றுகிறது! புத்தக பக்கங்கள் அழகாக மாறும் ஒரு சிறந்த அனிமேஷன் இது. மாணவரிடமிருந்து ஒளிரவில்லை, ஆனால் இந்த பட்டியலை முடிக்க இது இன்னும் நேர்த்தியான அனிமேஷன் ஆகும்.
இணைப்பு
உங்கள் முறை
இந்த பட்டியலில் சேர்க்கப்படாத உங்களுக்கு பிடித்த எஸ்.வி.ஜி அனிமேஷன்கள் யாவை? கீழே உள்ள கருத்துகளில் உங்கள் தேர்வுகளைப் பகிரவும்!
