கிரியேட்டிவ் குறியீட்டுடன் எவ்வாறு தொடங்குவது

உள்ளடக்கம்

• உள் செயல்பாடுகள்
• சிக்கல் அறிக்கைகள்
• கருவி கட்டிடம்
• முடிவுரை

கிரியேட்டிவ் குறியீடு வேடிக்கையானது, ஆனால் அதை உடைப்பது கடினம். நீங்கள் ஒரு பைத்தியம் வெப்ஜிஎல் பரிசோதனையையோ அல்லது சிக்கலான சிஎஸ்எஸ் மாற்றங்களைக் கொண்ட ஒரு தளத்தையோ பார்த்தால், ஒரு குறியீட்டு ஜெடி மட்டுமே பொறியியல் புத்திசாலித்தனத்தின் இத்தகைய வெற்றிகளை இழுக்க முடியும் என்று நினைப்பது எளிது.

தொழில்நுட்ப ரீதியாக தேர்ச்சி பெறுவது நீண்ட தூரம் செல்லும் என்பதில் உண்மை இருக்கிறது, ஆனால் அழகான ஒன்றை நிறைவேற்ற நீங்கள் எல்லாவற்றையும் பற்றி அனைத்தையும் தெரிந்து கொள்ள வேண்டியதில்லை. நீங்கள் ஒரு முறை வேண்டும்.

அந்த நடைமுறையில் எனது நிறுவனத்தை உருவாக்கியுள்ளேன். கலை, வடிவமைப்பு மற்றும் தொழில்நுட்பத்தின் குறுக்குவெட்டில் தன்னிச்சையானது. வெளிப்பாடாகவும் கலை ரீதியாகவும் குறியீட்டைப் பயன்படுத்துவதை நான் விரும்புகிறேன், ஆனால் பிரச்சினைகளைத் தீர்க்க மக்களுக்கு உதவுவதையும் நான் விரும்புகிறேன். இது பொதுவாக புதிய பயனர் இடைமுக முன்மாதிரிகளைக் கண்டுபிடிப்பது, இயக்கம் மற்றும் மாற்றங்களை ஈடுபடுத்தும் உள்ளடக்கத்தை உருவாக்குவதற்கான ஒரு வழியாக மேம்படுத்துதல் மற்றும் வரம்புகளைத் தூண்டுவதற்கு ஒத்த எண்ணம் கொண்டவர்களுடன் நெருக்கமான ஒத்துழைப்புடன் செயல்படுவதைக் குறிக்கிறது.

ஆனால் தொழில்நுட்பத்திற்காக நான் தொழில்நுட்பத்தில் ஆர்வம் காட்டவில்லை - அடிப்படை பயனர் இலக்குகளை தோல்வியடையச் செய்வதற்காக சில பைத்தியம் வெப்ஜிஎல் திட்டத்தில் மிகவும் கடினமாக உழைப்பதை விட எனக்கு எதுவும் மோசமாகத் தெரியவில்லை. நடைமுறை மற்றும் கலைக்கு இடையே ஒரு சமநிலை இருப்பதாக நான் நம்புகிறேன்: அந்த படைப்புக் குறியீடு கலை மற்றும் பரிசோதனைகளை விட அதிகமாக இருக்கக்கூடும், மேலும் அந்த தயாரிப்பு ஒரு பெரிய தொழில்நுட்ப நிறுவனம் கொண்டு வந்த சமீபத்திய வடிவமைப்பு முன்னுதாரணத்தை விட அதிகமாக இருக்கலாம். ஒரு தனித்துவமான, எப்போதும் மாறக்கூடிய லோகோவை உருவாக்குவதன் மூலம் அதையெல்லாம் காட்சிப்படுத்த நான் புறப்பட்டேன்.

நிச்சயமாக அது என் பணத்தை என் வாய் இருக்கும் இடத்தில் வைப்பதாகும். நான் ஒரு வியத்தகு லோகோவுடன் முடிவடைந்தேன், அதைக் காண்பிப்பதில் நான் மிகவும் பெருமைப்படுகிறேன், அது எவ்வாறு உருவாக்கப்பட்டது என்பதைச் சொல்ல இன்னும் சிரமப்படுகிறேன்.

உள் செயல்பாடுகள்

லோகோ என்னவென்றால், இது ஒரு HTML கேன்வாஸ் மட்டுமல்ல, ஆனால் ஒவ்வொன்றும் ஒரு குறிப்பிட்ட வேலையைச் செய்யும் பல கேன்வாஸ்கள்:

• அடிக்குறிப்பு, இது பக்கத்தின் கீழே முக்கோணம் / வண்ண வெறித்தனத்தை ஈர்த்தது.
• லோகோ, லோகோவின் முகமூடிக்குள் அடிக்குறிப்பை ஈர்த்தது.
• லோகோவை 16x16 ஆக அளவிடும் ஃபேவிகான்.

அசல் அடையாளத்தை எனக்குத் தேவையான வழியில் பெற, நான் திசையன் பதிப்பைத் தொடங்கி டிரா ஸ்கிரிப்ட் என்ற கருவி மூலம் இயக்கினேன், இது திசையன் வடிவங்களை ஜாவாஸ்கிரிப்டாக கேன்வாஸ்> டேக்கில் பயன்படுத்த மாற்றியது.

வண்ணங்கள் மத்தேயு வேஜர்ஃபீல்ட் மற்றும் டோபியாஸ் ஷ்னைடர் ஆகியோரால் தயாரிக்கப்பட்ட பிளாட் சர்பேஸ் ஷேடர் என்ற சொருகி விளைவாகும். இங்கே என் நுட்பத்திற்கு எந்த மந்திரமும் இல்லை: அவற்றின் விளைவை நகலெடுத்து ஒட்டுவதற்கு நான் அவர்களின் தளத்தில் ‘மூலத்தைக் காண்க’ பயன்படுத்தினேன், பின்னர் எனக்கு பிடித்த ஒன்றைப் பெறும் வரை எண்களை மாற்றத் தொடங்கினேன்.

ஷேடர் சொருகி வண்ணங்களை மாற்றுவதை மாறும் வகையில் ஆதரிக்கவில்லை, எனவே டைனிகலர் என்ற மற்றொரு நூலகத்தைக் கண்டுபிடித்தேன், மேலும் ட்வீன் முதல் யோ-யோ வரை வண்ணங்களுக்கு இடையில் முன்னும் பின்னுமாக அதைப் பயன்படுத்தினேன். கூடுதல் போனஸாக, நான் விரும்பியபடி வண்ணங்களை மாற்ற முடியும்! போர்ட்ஃபோலியோவின் எதிர்கால பதிப்புகளில், வாடிக்கையாளர்கள் அல்லது திட்டங்களின் வண்ணங்களை பிரதிபலிக்க லோகோ தானாகவே மாறும்.

சிக்கல் அறிக்கைகள்

அதையெல்லாம் படிப்பது உங்களுக்கு அச்சுறுத்தலாகத் தோன்றலாம் - அதை மீண்டும் வாசிப்பது என்னை கொஞ்சம் பயமுறுத்துகிறது! கிரியேட்டிவ் குறியீடு, என்னைப் பொறுத்தவரை, அறிவை விட அதிகமான செயல்முறையாகும். அந்த நூலகங்கள் அல்லது நுட்பங்களை நான் பயன்படுத்தப் போகிறேன் என்பதை அறிந்து நான் செயல்முறைக்குச் செல்லவில்லை - நான் விரும்புவதைப் பற்றிய தோராயமான யோசனை கூட எனக்கு இல்லை!

நான் நிறைய புத்திசாலித்தனமான மனிதர்களுடன் இணைந்து பணியாற்றுகிறேன், இந்த விஷயத்தில் எனது நண்பர் ஜார்ரோட் ரிடில் பிராண்டிங்கிற்கு உதவினார். அவர் நினைத்துக்கொண்டிருந்த ஒரு யோசனையின் அனிமேஷன் செய்யப்பட்ட GIF உடன் ஜரோட் எனக்கு ஒரு உரைச் செய்தியை அனுப்பினார் - அடிப்படையில் வண்ண வடிவங்கள் சுற்றி மிதந்து ஒருவருக்கொருவர் மோதிக்கொண்டன.

அங்கிருந்து, ஒரு நேரத்தில் ஒரு படி எடுத்தேன். நான் அதை என் தலையில் உடைத்தேன்:

• பொருட்களை மாறும் வகையில் வரைய எனக்கு ஒரு வழி தேவை. அதாவது நான் கேன்வாஸ்> குறிச்சொல்லைப் பயன்படுத்த வேண்டும்.
• இன்னும் குறிப்பாக, முகமூடியைப் போல எனது லோகோவின் உள்ளே வரைய வேண்டும். கேன்வாஸில் மாஸ்க் செய்வது எப்படி என்பதை நான் கற்றுக் கொள்ள வேண்டும்.
• அதை எப்படி அழகாக மாற்றுவது என்பதை நான் கண்டுபிடிக்க வேண்டும்.

வேறு வார்த்தைகளில் கூறுவதானால், நான் தொடங்கியபோது எனக்கு மூன்று சிக்கல் அறிக்கைகள் இருந்தன, மூன்றாவது ஒரு தொலைதூரத்தில் இருந்தது. முதல் இரண்டு மிகவும் அடையக்கூடியவை, எனவே நான் ஒரு வழிகாட்டியாக கூகிளைப் பயன்படுத்தி சிறிய முன்மாதிரிகளைத் தொடங்கினேன். CreateJS மற்றும் KineticJS போன்ற நூலகங்களை முயற்சித்தேன், சுழலும் பச்சை சதுரத்தை ‘ஹலோ வேர்ல்ட்’ வகைகளாக வரைந்தேன். ஒப்பிடுவதற்கு எந்த நூலகமும் இல்லாமல் கேன்வாஸில் வரைவதற்கு முயற்சித்தேன்.

இந்த முன்மாதிரிகள் ஒவ்வொன்றும் ஒரு பெரிய விஷயத்தை நோக்கி செயல்படுவதை விட சிறிய, தனிமைப்படுத்தப்பட்ட டெமோவாக உருவாக்கப்பட்டன. எனது முன்மாதிரிகள் ஒரு சிக்கல் அறிக்கைக்கு பதிலளிக்க மட்டுமே; வேறொன்றும் இல்லை.

ஒருமுறை நான் முதல் இரண்டு சிக்கல்களைக் கடந்துவிட்டேன் (கூகிளின் நிறைய உதவியுடன்!), மூன்றாவது சிக்கல் அறிக்கை மேலும் உடைந்தது:

• ஒருவருக்கொருவர் வினைபுரியும் பல வடிவங்களை எவ்வாறு கொண்டிருக்க வேண்டும் என்பதை நான் கண்டுபிடிக்க வேண்டும்.
• நான் வடிவங்களின் வண்ணங்களை மாற்ற முடியும்.

பின்னர் நான் ஒரு முடிக்கப்பட்ட விளைவை நெருங்கத் தொடங்கினேன்:

• ஃபேவிகான் புதுப்பிப்பைக் காண்பது அருமையாக இருக்காது? எனக்கு ஆச்சரியமாக இருக்கிறது ...

நான் செயல்பட்ட சில முன்மாதிரிகளை நீங்கள் காண விரும்பினால், தன்னிச்சையான வலைப்பதிவில் மிகவும் விரிவான தொழில்நுட்ப எழுத்தை எழுதியுள்ளேன்.

கருவி கட்டிடம்

தளத்தின் லோகோ மிகவும் கூர்மையாகத் தெரிகிறது, ஆனால் சமூக ஊடக சின்னங்கள் அல்லது பிற சந்தைப்படுத்தல் பொருட்கள் பற்றி என்ன? அதற்காக நான் தன்னிச்சையான லோகோ ஜெனரேட்டரை உருவாக்கினேன், இது அனிமேஷன் செய்யப்பட்ட GIF மற்றும் PNG மாறுபாடுகளை உருவாக்க எனக்கு உதவுகிறது.

லோகோ ஜெனரேட்டரைப் பற்றிய மிகச் சிறந்த விஷயம் என்னவென்றால், அது நேரத்திற்கு முன்னும் பின்னுமாக துடைக்க உதவுகிறது. ஒரு குறிப்பிட்ட தருணத்திற்கு சிறந்தது என்று நான் கருதும் சட்டத்தைத் தேர்வுசெய்ய அந்த அம்சம் எனக்கு உதவுகிறது. நான் GIF வெளியீட்டை எடுத்து, Gifpop ஐப் பயன்படுத்தி தயாரிக்கப்பட்ட லெண்டிகுலர் அச்சிட்டுகளைக் கொண்டிருந்தேன்! - வாடிக்கையாளர்களுக்கும் கூட்டாளர்களுக்கும் ஒரு சிறிய சிறிய பரிசு. வால்பேப்பர்கள் மற்றும் விளக்கக்காட்சிகளுக்கு நான் ஒரு பெரிய மாறுபாட்டை உருவாக்கினேன், தன்னிச்சையான பின்னணி ஜெனரேட்டர். இந்த பதிப்பு லோகோவை நீக்குகிறது மற்றும் விளைவில் கவனம் செலுத்துகிறது.

முடிவுரை

போதுமான குறியீட்டாளர்கள் மற்றும் வடிவமைப்பாளர்கள் போதுமானதாக இல்லை என்று நினைப்பதில் விரக்தியடைவதை நான் கண்டிருக்கிறேன் - வேறு யாராவது என்ன செய்கிறார்கள் என்பதை அவர்கள் ஒருபோதும் செய்ய மாட்டார்கள் என்பதற்கான காரணம், அவர்கள் எப்படியாவது "சிறந்தவர்கள்" அல்லது திறமையில் அதிக அறிவுள்ளவர்கள். அது உண்மை இல்லை என்று எங்களுக்குத் தெரியும்… அல்லது குறைந்த பட்சம், அது ஒரு பகுதி மட்டுமே.

தொடரியல் ஒரு சிறந்த டெவலப்பரை உருவாக்காது - செயல்முறை செய்கிறது. ஒரு தந்திரம் என்னவென்றால், வலையைப் பற்றி முதலில் என்னவென்று நினைவில் கொள்வது - வடிவமைப்பு மற்றும் ஊடாடும் குறுக்குவெட்டு.

மற்றவர்களுடன் ஒத்துழைக்கவும். நீங்கள் கற்றுக்கொள்ள வேண்டிய விஷயங்களில் சிக்கலை உடைக்கவும். ஒரு மில்லியன் சிறிய முன்மாதிரிகளை உருவாக்குங்கள். அதில் சில ஆத்மாவுடன் பொருட்களை உருவாக்குங்கள். ஒவ்வொரு முறையும் ஒரு நுட்பம் அல்லது தொழில்நுட்பத்தால் நீங்கள் மிரட்டப்படுவதை உணரும்போது, ​​குதித்து உங்களை நீங்களே கற்பிக்க நேரத்தைக் கண்டுபிடி. நடக்கும் மோசமான விஷயம் என்னவென்றால், நீங்கள் கற்றுக் கொண்டு வளருங்கள்.

சொற்கள்: ஜேமி கொசோய்

ஜேமி கொசோய் @ArbitraryCo இன் நிறுவனர் மற்றும் பிக் ஸ்பேஸ்ஷிப்பில் முன்னாள் தொழில்நுட்ப இயக்குனர் ஆவார்.