ސީއެސްއެސް އާއި އެސްވީޖީ އެނިމޭޝަންތަކާ ބެހޭ ގޮތުން ކުރެވެން އޮތް ހުރިހާ ކަމެއް ދަސްކުރަން ޖެހޭ ޕްރޮޖެކްޓެއް ނިންމުމަށް ފަހު، ސްމޭޝިން އެނިމޭޝަންސް އާއި “ހައު ކްލާސިކް ކާޓޫންސް އިންސްޕަޔަރ މޮޑަން ސީއެސްއެސް” އާ ބެހޭ ގޮތުން މި ސީރީޒް ލިޔަން ފެށީމެވެ. މިއަހަރު ވަށާލުމަށްޓަކައި، އަޅުގަނޑު ދައްކާލަން ބޭނުންވަނީ، ޓޫން ޓައިޓަލްސް އަށް އެހާ އަސަރުގަދަވާ އެ އުނިއިތުރު އުފެއްދުމަށް ޒަމާނީ ސީއެސްއެސް ބޭނުން ކުރާނެ ގޮތް: އެމީހުންގެ ޓައިޕޮގްރަފީ އެވެ. ސުރުޚީ އާޓްވޯކް ޑިޒައިން 1920 ގެ އަހަރުތަކާއި ’30 ގެ އަހަރުތަކުގެ ކުރީކޮޅުގެ ހިމޭން ޒަމާނުގައި ފިލްމެއްގެ ޓައިޓަލް ކާޑުގެ ޓައިޕޮގްރަފީ އިން މޫޑެއް އުފެދި، މަންޒަރު ސެޓްކޮށް، ބެލުންތެރިންނަށް ހަނދާންކޮށްދިނީ އެމީހުން ބަލަން ފައިސާ ދެއްކި ފިލްމުގެ ބާވަތެވެ.
ކާޓޫން ޓައިޓަލް ކާޑުތައް ވެސް ހުރީ ބްރޭންޑިން، މޫޑް، އަދި ސީން ސެޓިން، ހުރިހާ އެއްޗެއް އެއްކޮށް ރޯލްކޮށްފަ އެވެ. ފުރަތަމަ އަހަރުތަކުގައި ބޮޑެތި ސްޓޫޑިއޯ ބަޖެޓްތައް ބޮޑުވި ދުވަސްވަރު މި ޓައިޓަލް ކާޑުތަކަކީ ގިނަ ފަހަރަށް ތަސްވީރުތަކާއި ކުލަ ޖަހާ ކާޑުތަކެކެވެ.
އެކަމަކު 1950 ގެ އަހަރުތަކުގެ ތެރޭގައި ޓީވީ ފުޅާވެ، ބަޖެޓްތައް ދަށްވެ، ލޯރެންސް “އާޓް” ގޯބްލް ފަދަ ފަންނާނުން ޑިޒައިންކުރި ކާޑުތައް އާ ވިޝުއަލް ލޭންގުއޭޖެއް ގެންގުޅެ، ގްރެފިކް، ސްޓައިލައިޒްޑް، އަދި މާ އިންޓްރިކްޓް ވެގެން ދިޔަ އެވެ. ނޯޓް: ލޯރެންސް “އާޓް” ގޯބްލް އަކީ ގަރުނުގެ މެދުތެރޭގެ އެމެރިކާގެ އެނިމޭޝަންގެ ގިނަ ފަހަރަށް ފާހަގަ ނުކުރެވޭ ބަޠަލުންގެ ތެރެއިން އެކަކެވެ. އޭނާ މުހިންމު ގޮތެއްގައި މަސައްކަތް ކުރެއްވީ ހަނާ-ބާބަރާގެ އެންމެ ނުފޫޒުގަދަ އަހަރުތަކުގައި 1950 އާއި 1960 ގެ އަހަރުތަކުގަ އެވެ. ގޯބްލް އަކީ ކެރެކްޓަރ އެނިމޭޓަރެއް ނޫނެވެ. އޭނާގެ ދައުރަކީ މާހައުލެއް އުފެއްދުމެވެ، އެހެންކަމުން އޭނާ ވަނީ ދަ ފްލިންޓްސްޓޯންސް، ހަކްލްބެރީ ހައުންޑް، ކުއިކް ޑްރޯ މެކްގްރޯ، އަދި ޔޯގީ ބެއާގެ މާހައުލުތަކުގެ އިތުރުން ޓޯން ކަނޑައަޅާ އޯޕަނިން ޓައިޓަލް ކާޑުތައް ފަރުމާކޮށްފަ އެވެ. އޭނާގެ ޓައިޓަލް ކާޑުތަކުގައި ލޯގޯއެއް ޖަހާފައިވާ ކުރެހުންތައް ޖަހާފައި ހުރުމުން ހަނާ-ބާބަރާގެ އައިކޮނިކް ލޫކް ކަނޑައެޅުމަށް އެހީތެރިވެދިނެވެ. ކުއިކް ޑްރޯ މެކްގްރޯ އާއި ޔޯގީ ބެއާ ފަދަ ކެރެކްޓަރުތަކަށް ގޯބްލް ކުރި އާޓްވޯކް ކުދި ޓީވީ ސްކްރީންތަކުގައި ވެސް އޭގެ އަސަރު ކުރި އެވެ. ކާޓޫނުން ސްޓިލްއެއް ރިޕްރޮޑަކްޓް ކުރުމުގެ ބަދަލުގައި އޭނާ ފޯކަސް ކުރީ އޭގެ ޖާދޫ ދައްކުވައިދޭ އެއް، ވަރުގަދަ ޚިޔާލެއް - ގިނަ ފަހަރަށް ސިލްހައުޓްގައި - ހުށަހެޅުމަށެވެ. “ދަ ބަޒިން’ ބެއާ” ގައި ޔޯގީ ހެލިކޮޕްޓަރެއްގައި ބުޒް ކޮށްލައެވެ. އޭނާ ދުރަށް ޖެހެނީ އަތުގައި ޕިކް-އޭ-ނިކް ބާސްކެޓެއް ހިފައިގެން، “ބެއާ އޮން އަ ޕިކްނިކް” ގައި، އަދި އޭނާގެ “ޕްރައިޒް ފައިޓް ފްރައިޓް” އަށް ޔޯގީ ޓައިޓަލް ޓެކްސްޓް ބޮކްސް ކޮށްލައެވެ.
ބަރޯސާވާން ޖެހޭ ހަރަކާތެއް މަދު ނުވަތަ އެއްވެސް ހަރަކާތެއް ނެތި، ގޯބްލްގެ އެއް ފްރޭމްތަކުން ޖެހުނީ މޫޑެއް އުފައްދައި، މަންޒަރު ސެޓްކޮށް، ވާހަކައެއް ސިފަކުރުމަށެވެ. އެމީހުން މިކަން ކުރީ ފްލެޓް ކުލަތަކާއި، ގްރެފިކް ބައްޓަންތަކާއި، ގިނައިން އާޓްވޯކްގައި އިންޓަގްރޭޓް ކުރެވޭ ޓައިޕޮގްރަފީ ބޭނުންކޮށްގެންނެވެ.
ވެބްގައި މަސައްކަތްކުރާ ޑިޒައިނަރުންގެ ގޮތުގައި ޓޫން ޓައިޓަލްތަކުން އަޅުގަނޑުމެންނަށް ބްރޭންޑެއްގެ ޝަޚުޞިއްޔަތު ފޯރުކޮށްދިނުމާއި، ފުރަތަމަ އިމްޕްރެޝަން އުފެއްދުމާއި، ޕްރޮޑަކްޓެއް ނުވަތަ ވެބްސައިޓެއް ބޭނުންކޮށްގެން މީހެއްގެ ތަޖުރިބާއަށް އުންމީދުތައް ކަނޑައެޅުމުގެ ވަރަށް ގިނަ ކަންތައްތަކެއް ދަސްކޮށްދެވޭނެއެވެ. އަޅުގަނޑުމެންނަށް ފަންނާނުންގެ އުކުޅުތަކުން ދަސްވެ، އެފެކްޓިވް ބެނާތަކާއި، ލޭންޑިންގ ޕޭޖް ހެޑަރސް، އަދި ރަނގަޅު އޯލް’ ފެޝަންޑް ސްޕްލެޝް ސްކްރީންތައް ވެސް އުފެއްދިދާނެއެވެ. ޓޫން ޓައިޓަލް ޓައިޕޮގްރަފީ ކާޓޫން ޓައިޓަލް ކާޑުތަކުން ދައްކުވައިދެނީ ޓައިޕް އާއި އިމޭޖަރީ އެއްކޮށްލުމުން ހެޑަރެއް ނުވަތަ ބަޠަލަކަށް ބޭނުންވާ ޕަންޗް ލިބޭ ގޮތެވެ. އަތްމަތި ދަތި ޓެކްސްޓް-ޝެޑޯ، ޓެކްސްޓް-ސްޓްރޯކް، އަދި ޓްރާންސްފޯމް ޓްރިކްތަކާއެކު، ޒަމާނީ ސީއެސްއެސް އިން ތިބާއަށް ވެސް ހަމަ އެ ހަކަތައަށް ޓެޕް ކުރެވޭނެ އެވެ.
ދަ ޓޫން ޓެކްސްޓް ޓައިޓަލް ޖެނެރޭޓަރ މި ލިޔުން ލިޔުމުގެ ބައެއް ދުވަސްވަރު އަޅުގަނޑަށް ވިސްނުނީ އަޅުގަނޑު ވަރަށް ލޯބިވާ ކާޓޫން ސުރުޚީތައް ފަދައިން ސްޓައިލްކޮށްފައިވާ ޓެކްސްޓް އުފެއްދުމަށް ބޭނުންކުރާ ވަސީލަތެއް އޮތުމަކީ ބޭނުންތެރި ކަމެއް ކަމަށެވެ. އެހެންކަމުން އަހަރެން އެއްޗެއް ހެދީމެވެ. މައި ޓޫން ޓެކްސްޓް ޓައިޓަލް ޖެނެރޭޓަރ އިން ކުލަތަކާއި، ސްޓްރޯކްތަކާއި، އެތައް ޓެކްސްޓް ޝެޑޯތަކެއް ތަޖުރިބާ ކުރެވޭނެއެވެ. ކުލަ ތަރުތީބު އެޖެސްޓްކޮށް، އަކުރު ސްޕޭސިންގ އެޕްލައިކޮށް، ނަމޫނާ ފޮންޓްތަކުން ހޮވާލެވޭ އެއްޗެއްގައި ޓެކްސްޓް ޕްރިވިއުކޮށް، ޕްރޮޖެކްޓެއްގައި ބޭނުން ކުރުމަށް ޖެނެރޭޓް ކުރެވިފައިވާ ސީއެސްއެސް ސީދާ ކްލިޕްބޯޑަށް ކޮޕީ ކުރެވިދާނެއެވެ. ޓޫން ޓައިޓަލް ސީއެސްއެސް ޓޫން ޓެކްސްޓް ޓައިޓަލް ޖެނެރޭޓަރ އިން ފޯރުކޮށްދޭ ސީއެސްއެސް ކޮޕީ ޕޭސްޓް ކުރެވޭނެއެވެ. އެކަމަކު އެކަމުން ކުރާ ކަންތައްތަކަށް ގާތުން ބަލާލަމާ ހިނގާށެވެ. ޓެކްސްޓް ޝެޑޯ އެވެ އޮގީ ޑޮގީގެ އެޕިސޯޑް “ޔުކް-ޔުކް ޑަކް” އިން މި ސުރުޚީގައިވާ ވައްތަރަށް ބަލާލަމާ، އޭގެ ފަނޑު ރީނދޫ އަކުރުތަކާއި ކަޅު، ހަރު، އޮފްސެޓް ހިޔަނި ބެކްގްރައުންޑުން އުފުލާލައި، ފުންކަމުގެ ވަހުމު އުފައްދާ ގޮތަށެވެ.
ޓެކްސްޓް-ޝެޑޯ އިން ހަތަރު އަގެއް ބަލައިގަންނަކަން ކުރިންވެސް އެނގިވަޑައިގަންނަވާނެ: (1) ހޮރައިޒޮންޓަލް އަދި (2) ވަރޓިކަލް އޮފްސެޓް، (3) ބްލަރ، އަދި (4) ސޮލިޑް ނުވަތަ ސެމީ ޓްރާންސްޕޭރެންޓް ކުލައެއް. އެ އޮފްސެޓް ވެލިއުތަކަކީ ޕޮޒިޓިވް ނުވަތަ ނެގެޓިވް ވެލިއުތަކަކަށް ވެދާނެތީ، އަޅުގަނޑަށް “ޔުކް-ޔުކް ޑަކް” ރިޕްލިކޭޓް ކުރެވޭނީ ތިރިއަށް އަދި ކަނާތްފަރާތަށް ދަމާފައި ހުންނަ ހަރު ހިޔަނި ބޭނުންކޮށްގެން: ކުލަ: #f7f76d؛ ޓެކްސްޓް-ޝެޑޯ: 5px 5px 0 #1e1904؛
އަނެއްކޮޅުން މި “ޕިންޓް ޖަޔަންޓް” ސުރުޚީގައި ނެގެޓިވް ސެމީ ސޮފްޓް ޝެޑޯ އާއި އެކު ތަފާތު އިހުސާސެއް ކުރެވެއެވެ: ކުލަ: #c2a872؛ ޓެކްސްޓް-ޝެޑޯ: -7px 5px 0 #b100e، 0 -5px 10px #546c6f؛
އިތުރު ފުންމިން އިތުރުކޮށް އިތުރު ޝައުގުވެރި އިފެކްޓްސް އުފެއްދުމަށްޓަކައި އަހަރެންނަށް އެތައް ހިޔަނި ލޭޔަރ ކުރެވިދާނެއެވެ. “ލެޓްސް ޑަކް އައުޓް” އަށް އަޅުގަނޑު ހަތަރު ހިޔަނި އެއްކޮށްލަނީ: ފުރަތަމަ ސޮލިޑް ޝެޑޯ އާއި ނެގެޓިވް ހޮރައިޒޮންޓަލް އޮފްސެޓެއް ޓެކްސްޓް ބެކްގްރައުންޑުން އުފުލާލުމަށް ފަހު، އޭގެ ފަހުން ޕްރޮގްރެސިވްކޮށް މަޑު ހިޔަނިތަކެއް އޭގެ ވަށައިގެން ބްލަރ އެއް އުފެއްދުމަށް: ކުލަ: #6F4D80؛ ޓެކްސްޓް-ޝެޑޯ: -5px5px 0 #260e1e, /* ހިޔަނި 1 */ 0 0 15px #e9ce96, /* ހިޔަނި 2 */ 0 0 30px #e9ce96, /* ހިޔަނި 3 */ 0 0 30px #e9ce96؛ /* ހިޔަނި 4 */
މި ހިޔަނިތަކުން ދައްކާ ގޮތުގައި ޓެކްސްޓް-ޝެޑޯ ބޭނުންކުރުމަކީ ހަމައެކަނި ލައިޓިން އިފެކްޓްސް އުފެއްދުމެއް ނޫން ކަމަށާއި، އެއީ ޒީނަތްތެރިކޮށް ޝަޚުޞިއްޔަތު އިތުރުކޮށްދޭ އެއްޗެއް ކަމަށް ވެސް ވެދާނެ ކަމަށެވެ. ޓެކްސްޓް ސްޓްރޯކް ގިނަ ކާޓޫން ޓައިޓަލް ކާޑުތަކުގައި ބޮލްޑް އައުޓްލައިން ޖަހާފައިވާ އަކުރުތައް ބެކްގްރައުންޑުން ވަކިން ފާހަގަކޮށްލެވެއެވެ. އަޅުގަނޑަށް ޓެކްސްޓް-ސްޓްރޯކް ބޭނުންކޮށްގެން މި އިފެކްޓް އަލުން އުފެއްދިދާނެއެވެ. ގިނަ ދުވަސްތަކެއް ވަންދެން މި ޕްރޮޕަޓީ ލިބެން ހުރީ ހަމައެކަނި -webkit- ޕްރިފިކްސް މެދުވެރިކޮށް ނަމަވެސް އޭގެ މާނައަކީ ވެސް މިހާރު މިޒަމާނުގެ ބްރައުޒާތަކުގައި ސަޕޯޓް ކުރެވޭ ކަމެވެ.
text-stroke އަކީ ދެ ޕްރޮޕަޓީއެއްގެ ކުރު ލިޔުމެކެވެ. ފުރަތަމަ ޓެކްސްޓް-ސްޓްރޯކް-ވިޑްތް އިން ވަކިވަކި އަކުރުތަކުގެ ވަށައިގެން ކޮންޓޯރެއް ކުރަހާއިރު، ދެވަނަ ޓެކްސްޓް-ސްޓްރޯކް-ކަލަރ އިން އޭގެ ކުލަ ކޮންޓްރޯލް ކުރެއެވެ. “ވަޓްއެވަރ ގޯސް ޕަޕް” އަށް އަހަރެން ރީނދޫ ޓެކްސްޓަށް 4px ބްލޫ ސްޓްރޯކެއް އިތުރު ކުރިން: ކުލަ: #eff0cd؛ -ވެބްކިޓް-ޓެކްސްޓް-ސްޓްރޯކް: 4px #7890b5; ޓެކްސްޓް-ސްޓްރޯކް: 4px #7890b5؛
ސްޓްރޯކްތަކަކީ ޚާއްޞަކޮށް ހިޔަނިތަކާ ގުޅިފައިވާއިރު ބޭނުންތެރި އެއްޗަކަށް ވެދާނެތީ، “ގްރޯވިންގ، ގްރޯވިންގ، ގޯން” އަށް، އަހަރެން މި ތިން ޑިމޭންޝަނަލް ޓެކްސްޓް އިފެކްޓް އުފެއްދުމަށްޓަކައި ކިރިޔާ ބްލަރޑް 1px ޝެޑޯއަކަށް ތުނި 3px ސްޓްރޯކެއް އިތުރުކުރީމެވެ: ކުލަ: #fbb999؛ ޓެކްސްޓް-ޝެޑޯ: 3px 5px 1px #5160b1؛ -ވެބްކިޓް-ޓެކްސްޓް-ސްޓްރޯކް: 3px #984336; ޓެކްސްޓް-ސްޓްރޯކް: 3px #984336؛
ކުލަ އޯޑަރެވެ ޓެކްސްޓް-ސްޓްރޯކް ބޭނުންކުރުމުން އަބަދުވެސް އުންމީދުކުރާ ނަތީޖާއެއް ނުލިބޭ، ޚާއްޞަކޮށް ތުނި އަކުރުތަކާއި ބޯ ސްޓްރޯކްތަކުން، ސަބަބަކީ ޑިފޯލްޓްކޮށް ބްރައުޒާއިން ފިލްގެ މައްޗަށް ސްޓްރޯކެއް ކުރަހާތީއެވެ. ހިތާމައަކީ ސްކެޗްގައި ގިނައިން ކުރާ ގޮތަށް ސްޓްރޯކް ޕްލޭސްމަންޓް އެޖެސްޓް ކުރުމުގެ ހުއްދަ އަދިވެސް ސީއެސްއެސް އިން ނުދެއެވެ. އެހެންނަމަވެސް ޕެއިންޓް-އޯޑަރ ޕްރޮޕަޓީގައި އަޅުގަނޑަށް ސްޓްރޯކް ފިލްގެ ކުރިމަތީގައި ބެހެއްޓުމުގެ ބަދަލުގައި، ފަހަތުގައި ބެހެއްޓުމުގެ ފުރުސަތު ލިބޭ އަގުތަކެއް ހުރެއެވެ.
paint-order: ސްޓްރޯކް އިން ފުރަތަމަ ސްޓްރޯކް ކުލަ ޖަހަނީ، ދެން ފިލް ކުލަ ޖަހާއިރު، paint-order: fill އިން ކުރާނީ އިދިކޮޅަށެވެ: ކުލަ: #fbb999؛ ކުލަ-އޯޑަރ: ފުރިހަމަކުރުން؛ ޓެކްސްޓް-ޝެޑޯ: 3px 5px 1px #5160b1؛ ޓެކްސްޓް-ސްޓްރޯކް-ކުލަ:#984336؛ ޓެކްސްޓް-ސްޓްރޯކް-ވިޑްތް: 3px؛
އެފެކްޓިވް ސްޓްރޯކެއްގެ ސަބަބުން އަކުރުތައް ކިޔަން ފަސޭހަވެ، ބަރުދަން އިތުރުވެ، އަދި — ހިޔަނިތަކާއި ކުލަ ތަރުތީބާއި ގުޅިގެން — ފްލެޓް ޓެކްސްޓަށް ހަގީގީ ޕްރެޒެންސް ލިބިގެންދެއެވެ. ޓެކްސްޓްގެ އެތެރޭގެ ބެކްގްރައުންޑްސް ގިނަ ކާޓޫން ޓައިޓަލް ކާޑުތަކުގައި ފްލެޓް ކުލައަށްވުރެ މާ ބޮޑަށް ކުރިއަށް ދަނީ ޓެކްސްޗާ، ގްރޭޑިއަންޓްސް ނުވަތަ އިލްސްޓްރޭޓެޑް ޑީޓެއިލް ލެޓަރިންގ އަށް އިތުރުކޮށްގެންނެވެ. ބައެއް ފަހަރު އެއީ ޓެކްސްޗަރެއް، އަނެއްބައި ފަހަރު އެއީ ނާޒުކު ޓޯނަލް ޝިފްޓެއް އެކުލެވޭ ގްރޭޑިއަންޓަކަށް ވެދާނެ އެވެ. ވެބްގައި އަޅުގަނޑަށް މި އިފެކްޓް އަލުން އުފެއްދެވޭނީ ޓެކްސްޓްގެ ފަހަތުގައިވާ ބެކްގްރައުންޑް އިމޭޖެއް ނުވަތަ ގްރޭޑިއަންޓެއް ބޭނުންކޮށްގެން، އަދި އެއަށްފަހު އަކުރުތަކުގެ ބައްޓަމަށް ކްލިޕްކޮށްގެންނެވެ. މިއީ އެކުގައި މަސައްކަތްކުރާ ދެ ޕްރޮޕަޓީއެއްގެ މައްޗަށް ބަރޯސާވާ ކަމެކެވެ: ބެކްގްރައުންޑް-ކްލިޕް: ޓެކްސްޓް އަދި ޓެކްސްޓް-ފިލް-ކަލަރ: ޓްރާންސްޕޭރެންޓް އެވެ.
ފުރަތަމަ ލިޔުމުގެ ފަހަތުގައި ބެކްގްރައުންޑެއް ތައާރަފް ކުރަމެވެ. މިއީ ބިޓްމެޕް ނުވަތަ ވެކްޓަރ އިމޭޖް ނުވަތަ ސީއެސްއެސް ގްރޭޑިއަންޓަކަށް ވެދާނެއެވެ. ކުއިކް ޑްރޯ މެކްގްރޯ އެޕިސޯޑް “ބާބާ ބެއިޓް” އިން މި މިސާލަށް، ސުރުޚީ ޓެކްސްޓުގައި ހިމެނެނީ އަނދިރިކަމުން އަލިކަމަށް ނާޒުކު މަތީ–ތިރީ ގްރޭޑިއަންޓެކެވެ: ބެކްގްރައުންޑް: ލައިނަރ-ގްރޭޑިއަންޓް (0deg, #667b6a, #1d271a);
ދެން އަޅުގަނޑު އެ ބެކްގްރައުންޑް ގްލައިފްތަކަށް ކްލިޕްކޮށް، ޓެކްސްޓް ޓްރާންސްޕޭރެންޓް ހަދައި، ބެކްގްރައުންޑް ދައްކާނީ: -ވެބްކިޓް-ބެކްގްރައުންޑް-ކްލިޕް: ޓެކްސްޓް؛ -ވެބްކިޓް-ޓެކްސްޓް-ފިލް-ކުލަ: ޓްރާންސްޕޭރެންޓް؛
ހަމައެކަނި އެ ދެ ސަފުހާއާއެކު، ލިޔުމުގެ ފަހަތުގައި ބެކްގްރައުންޑް ކުލަ ޖަހާފައެއް ނުވެއެވެ؛ އޭގެ ބަދަލުގައި އޭގެ ތެރޭގައި ކުލަ ޖަހާފައި ހުރެއެވެ. މި އުކުޅު ޚާއްޞަކޮށް ރަނގަޅަށް މަސައްކަތް ކުރަނީ ސްޓްރޯކް އާއި ހިޔަނި އާއި ގުޅުވައިގެންނެވެ. ކްލިޕްޑް ގްރޭޑިއަންޓެއްގެ ސަބަބުން އަކުރުތަކަށް ކުލައާއި ޓެކްސްޗާ ލިބި، ސްޓްރޯކެއްގެ ސަބަބުން އޭގެ ފަރާތްތައް ތޫނުކޮށް ބެހެއްޓޭއިރު، ހިޔަނި ބެކްގްރައުންޑުން މައްޗަށް އުފުލިގެންދެއެވެ. އެދެމީހުން އެކުގައި ކުޑަ ސީއެސްއެސް އެއް ނޫން އެހެން އެއްޗެއް ބޭނުންކޮށްގެން އަތުން ކުލަ ޖަހާފައިވާ ޓައިޓަލް ކާޑުތަކުގެ ލޭޔަރޑް ލޫކް އަލުން އުފައްދައެވެ. އަބަދުވެސް ވާގޮތަށް ކްލިޕް ކޮށްފައިވާ ޓެކްސްޓް ފަރުވާތެރިކަމާއެކު ޓެސްޓް ކުރާށެވެ، ސަބަބަކީ ބްރައުޒާ ކުއިރކްސް ގެ ސަބަބުން ބައެއް ފަހަރު ހިޔަނިތަކާއި ރެންޑަރިންގ އަށް އަސަރު ފޯރުވައެވެ. ޓެކްސްޓް ވަކިވަކި އަކުރުތަކަށް ބަހާލުން ބައެއް ފަހަރު މުޅި ލަފުޒެއް ނުވަތަ ސުރުޚީއެއް ސްޓައިލް ކުރާކަށް ބޭނުމެއް ނުވެއެވެ. އަހަރެން ބޭނުންވަނީ ވަކިވަކި އަކުރުތައް ސްޓައިލް ކުރަން — ކެރެކްޓަރެއް ތަނަކަށް ޖައްސަން، އެއް ގްލައިފް އަށް އިތުރު ބަރުދަނެއް ދިނުމަށް، ނުވަތަ މިނިވަންކަމާއެކު މަދު އަކުރުތަކެއް އެނިމޭޓް ކުރަން. ސާދާ އެޗްޓީއެމްއެލް އަދި ސީއެސްއެސް ގައި އެކަން ކުރުމަށް އިތުބާރު ހުރި އެއް ގޮތަކީ ކޮންމެ އަކުރެއް ވެސް އޭގެ އަމިއްލަ ސްޕަން އެލިމެންޓެއްގައި ވަށާލުމެވެ. އަޅުގަނޑަށް އެކަން މެނުއަލްކޮށް ކުރެވޭނެ، އެކަމަކު އެއީ ނާޒުކު، ބެލެހެއްޓުމަށް އުނދަގޫ، އަދި ކޮޕީ ބަދަލުވުމުން އަވަހަށް ވެއްޓޭނެ ކަމެއް. އޭގެ ބަދަލުގައި ޕަރ ލެޓަރ ކޮންޓްރޯލް ބޭނުންވާ ވަގުތުތަކުގައި އަހަރެން ބޭނުންކުރަނީ splt.js ފަދަ ޓެކްސްޓް ސްޕްލިޓިންގ ލައިބްރަރީއެއް (އެހެން ހައްލުތައް ލިބެން ހުރި ނަމަވެސް) އެވެ. މިއީ ޓެކްސްޓް ނޯޑެއް ނަގައިގެން އޮޓޮމެޓިކުން ލަފުޒުތައް ނުވަތަ އަކުރުތައް ވަށާލާ، އަހަރެންގެ މާކަޕް ގޯސް ނުކޮށް އެނިމޭޓްކޮށް ސްޓައިލް ކުރުމަށް އިތުރު ހޫކްތަކެއް ލިބިގެންދާ ކަމެކެވެ. އެއީ އަހަރެންގެ އެޗްޓީއެމްއެލް ކިޔަން ފަސޭހަ އަދި މާނަހުރި ގޮތަކަށް ބެހެއްޓޭ ގޮތެކެވެ. ނަމަވެސް މިގޮތަށް އަންނަނީ...އެކްސެސިބިލިޓީ ކެވިއޭޓްސް، ގިނަ ސްކްރީން ރީޑަރުން ޓެކްސްޓް ނޯޑްތައް ތަރުތީބުން ކިޔައެވެ. އެހެންކަމުން މިއީ:
ހޫމް ސްވީޓް ހަމް
...ކިޔަނީ ތިޔަ ހީކުރާ ގޮތަށް: ހަމް ސްވީޓް ހަމް
އެކަމަކު މިއީ:
އެވެ ހ އެވެ u އެވެ m އެވެ
އެވެ...ބްރައުޒާއާއި ސްކްރީން ރީޑަރަށް ބަލާއިރު ތަފާތު ގޮތަކަށް މާނަކުރެވިދާނެއެވެ. ބައެއް މީހުން އަކުރުތައް ގުޅުވައިގެން ލަފުޒުތައް ރަނގަޅަށް ކިޔާނެ އެވެ. އަނެއް ބަޔަކު އަކުރުތަކުގެ މެދުގައި މަޑުކޮށްލެވިދާނެ ކަމަށާއި، އެންމެ ގޯސް ހާލަތުގައި އަޑު އިވިދާނެ ކަމަށް ވެސް ވިދާޅުވި އެވެ. “ހ...” “އު...” “މ...”
ހިތާމައަކީ ބައެއް ސްޕްލިޓިން ސޮލިއުޝަންތަކުން އަބަދުވެސް ލިބޭނެ ނަތީޖާއެއް ނުލިބޭތީ، މިހާރު ބީޓާގައި ހުރި އަހަރެންގެ އަމިއްލަ ޓެކްސްޓް ސްޕްލިޓަރެއް ކަމަށްވާ splinter.js ލިޔެފައި އެބަހުއްޓެވެ. ވަކިވަކި އަކުރުތައް ބަދަލުކުރުން އަހަރެންގެ ޓޫން ޓެކްސްޓް ސްޕްލިޓަރ އެކްޓިވޭޓް ކުރުމަށްޓަކައި، އަހަރެން ސްޕްލިޓް ކުރަން ބޭނުންވާ އެލިމެންޓަށް ޑޭޓާ- އެޓްރިބިއުޓެއް އިތުރުކުރަމެވެ:
ހަމް ސްވީޓް ހަމް
އެވެފުރަތަމަ ކަމަކަށް އަޅުގަނޑުގެ ސްކްރިޕްޓުން ކޮންމެ ލަފުޒެއް ވަކިވަކި އަކުރުތަކަށް ވަކިކޮށް، ކްލާސް އަދި އޭރިއާ އެޓްރިބިއުޓްސް އެޕްލައިކޮށްގެން ސްޕަން އެލިމެންޓެއްގައި ވަށާލައެވެ: އެވެ އެވެ އެވެ
އެއަށްފަހު ސްކްރިޕްޓުން ސްޕްލިޓް އެލިމެންޓްގެ އިސްލާމީ ކޮންޓެންޓް ނަގައި، އެކްސެސިބިލިޓީ ބެލެހެއްޓުމަށް އެހީތެރިވުމަށްޓަކައި އެރިއާ އެޓްރިބިއުޓެއްގެ ގޮތުގައި އިތުރުކުރެއެވެ:
އެވެ އެވެ އެވެ
އެވެއެ ކްލާސް އެޓްރިބިއުޓްތައް އެޕްލައިކޮށްގެން، ދެން އަޅުގަނޑަށް އިޚްތިޔާރުކުރާ ގޮތަށް ވަކިވަކި އަކުރުތައް ސްޓައިލް ކުރެވޭނެއެވެ.
މިސާލަކަށް “ހަމް ސްވީޓް ހަމް” އަށް އަޅުގަނޑު ބޭނުންވަނީ އޭގެ އަކުރުތައް ބޭސްލައިން އާއި ދުރަށް ބަދަލުވާ ގޮތް ނަކަލު ކުރާށެވެ. އަހަރެންގެ ޓޫން ޓެކްސްޓް ސްޕްލިޓަރ ބޭނުންކުރުމަށްފަހު، ސެމީ ރެންޑަމް ލޫކެއް އުފެއްދުމަށްޓަކައި :nth-child ސެލެކްޓަރތަކެއް ބޭނުންކޮށްގެން ތަފާތު ހަތަރު ޓްރާންސްލެޓް ވެލިއުއެއް އެޕްލައި ކުރިން: /* 4 ވަނަ، 8 ވަނަ، 12 ވަނަ... */ .toon-char:nth-child(4n) { ތަރުޖަމާކުރުން: 0 -8px؛ } /* 1 ވަނަ، 5 ވަނަ، 9 ވަނަ... */ .toon-char:nth-child(4n+1) { ތަރުޖަމާކުރުން: 0 -4px؛ } /* 2 ވަނަ، 6 ވަނަ، 10 ވަނަ... */ .toon-char:nth-child(4n+2) { ތަރުޖަމާކުރުން: 0 4px؛ } /* 3 ވަނަ، 7 ވަނަ، 11 ވަނަ... */ .toon-char:nth-child(4n+3) { ތަރުޖަމާކުރުން: 0 8px؛ }
އެކަމަކު ޓްރާންސްލެޓް އަކީ އަހަރެންގެ ޓޫން ޓެކްސްޓް ޓްރާންސްފޯމް ކުރުމަށް ބޭނުންކުރެވޭނެ އެންމެ ޕްރޮޕަޓީއެކެވެ.
އަހަރެންނަށް އެ ވަކިވަކި ކެރެކްޓަރުތައް އެނބުރުވައިގެން ވެސް އިތުރަށް ހަލަބޮލި ގޮތަކަށް ފެނިދާނެ އެވެ: /* 4 ވަނަ، 8 ވަނަ، 12 ވަނަ... */ .ޓޫން-ލައިން .ޓޫން-ޗާރ:އެންތް-ޗައިލްޑް(4n) { އެނބުރޭ: -4deg; } /* 1 ވަނަ، 5 ވަނަ، 9 ވަނަ... */ .toon-char:nth-child(4n+1) { އެނބުރޭ: -8deg; } /* 2 ވަނަ، 6 ވަނަ، 10 ވަނަ... */ .toon-char:nth-child(4n+2) { އެނބުރޭ: 4deg; } /* 3 ވަނަ، 7 ވަނަ، 11 ވަނަ... */ .toon-char:nth-child(4n+3) { އެނބުރޭ: 8deg; }
އެކަމަކު ޓްރާންސްލެޓް އަކީ އަހަރެންގެ ޓޫން ޓެކްސްޓް ޓްރާންސްފޯމް ކުރުމަށް ބޭނުންކުރެވޭނެ އެންމެ ޕްރޮޕަޓީއެކެވެ. އަހަރެންނަށް އެ ވަކިވަކި ކެރެކްޓަރުތައް އެނބުރުވައިގެން ވެސް އިތުރަށް ހަލަބޮލި ގޮތަކަށް ފެނިދާނެ އެވެ: /* 4 ވަނަ، 8 ވަނަ، 12 ވަނަ... */ .ޓޫން-ލައިން .ޓޫން-ޗާރ:އެންތް-ޗައިލްޑް(4n) { އެނބުރުން: -4deg؛ }
/* 1 ވަނަ، 5 ވަނަ، 9 ވަނަ... */ .ޓޫން-ޗާރ:އެންތް-ޗައިލްޑް(4n+1) { އެނބުރުން: -8deg؛ }
/* 2 ވަނަ، 6 ވަނަ، 10 ވަނަ... */ .ޓޫން-ޗާރ:އެންތް-ޗައިލްޑް(4n+2) { އެނބުރުން: 4deg؛ }
/* 3 ވަނަ، 7 ވަނަ، 11 ވަނަ... */ .ޓޫން-ޗާރ:އެންތް-ޗައިލްޑް(4n+3) { އެނބުރުން: 8ޑިގްރީ؛ }
އަދި ހަމަގައިމުވެސް، އެ ކެރެކްޓަރުތައް ޖިގްލްކޮށް، އަހަރެންގެ ޓޫން ޓެކްސްޓް ސްޓައިލް ޓައިޓަލްތައް ދިރުވައި އާލާކުރުމަށް އެނިމޭޝަންތައް އިތުރުކުރެވިދާނެއެވެ. ފުރަތަމަ އަޅުގަނޑު އުފެއްދީ ކެރެކްޓަރުތައް އެނބުރޭ ކީފްރޭމް އެނިމޭޝަނެއް:
@ކީފްރޭމްސް ޖިގްލް { 0%, 100% { ޓްރާންސްފޯމް: ރޮޓޭޓް(var(--ބޭސް-ރޮޓޭޓް، 0deg)); } 25% { ޓްރާންސްފޯމް: ރޮޓޭޓް (calc(var(--ބޭސް-ރޮޓޭޓް، 0deg) + 3deg)); } 50% { ޓްރާންސްފޯމް: ރޮޓޭޓް(ކަލްކް(ވަރ(--ބޭސް-ރޮޓޭޓް، 0ޑިގްރީ) - 2ޑިގްރީ)); } 75% { ޓްރާންސްފޯމް: ރޮޓޭޓް (calc(var(--ބޭސް-ރޮޓޭޓް، 0deg) + 1deg)); } }
އަހަރެންގެ ޓޫން ޓެކްސްޓް ސްޕްލިޓަރ އިން އުފައްދާފައިވާ ސްޕަން އެލިމެންޓްތަކަށް އެޕްލައި ކުރުމުގެ ކުރިން: .ޓޫން-ޗާރ { އެނިމޭޝަން: ޖިގްލް 3s އިންފިނިޓް އީޒް-އިން-އައުޓް؛ ޓްރާންސްފޯމް-އޮރިޖިން: ސެންޓަރ ބޮޓޮމް؛ }
އަދި އެންމެ ފަހުން ކޮންމެ ކެރެކްޓަރެއް ޖިގްލް ކުރަން ފެށުމުގެ ކުރިން ރޮޓޭޝަން އަމަންޓާއި ޑިލޭއެއް ސެޓްކުރުން: .toon-char:nth-child(4n) { --ބޭސް-ރޮޓޭޓް: -2deg; } .toon-char:nth-child(4n+1) { --ބޭސް-ރޮޓޭޓް: -4deg; } .toon-char:nth-child(4n+2) { --ބޭސް-ރޮޓޭޓް: 2deg; } .toon-char:nth-child(4n+3) { --ބޭސް-ރޮޓޭޓް: 4deg; }
.toon-char:nth-child(4n) { އެނިމޭޝަން-ޑިލޭ: 0.1s; } .toon-char:nth-child(4n+1) { އެނިމޭޝަން-ޑިލޭ: 0.3s; } .toon-char:nth-child(4n+2) { އެނިމޭޝަން-ޑިލޭ: 0.5s; } .toon-char:nth-child(4n+3) { އެނިމޭޝަން-ޑިލޭ: 0.7s; }
ވަން ފްރޭމް ޓު މެކް އެން އިމްޕްރެޝަން ކާޓޫން ޓައިޓަލް އާޓިސްޓުންނަށް އިމްޕްރެޝަން ހެދުމަށް އެއް ފްރޭމް ހުރިއިރު، އެމީހުންގެ ޓައިޕޮގްރަފީ މުހިންމުވީ އެމީހުން ކުލަ ޖަހާ އާޓްވޯކް އާއި އެއްވަރަށެވެ. ވެބްގައި ވެސް ހަމަ އެގޮތެވެ. ރަނގަޅަށް ފަރުމާކޮށްފައިވާ ހެޑަރެއް ނުވަތަ ބަޠަލެކެވެއޭރިއާ ބޭނުންވަނީ ސާފުކަމާއި، ސިފައާއި، އިތުބާރު — ހަމައެކަނި ފޭޑް ފުލް ވިޑްތް ބެކްގްރައުންޑް އިމޭޖެއް ނޫނެވެ. ފަރުވާތެރިކަމާއެކު ހޮވާފައިވާ މަދު ސީއެސްއެސް ޕްރޮޕަޓީތަކެއް — ހިޔަނި، ސްޓްރޯކް، ކްލިޕްޑް ބެކްގްރައުންޑް، އަދި ބައެއް ހިފެހެއްޓިފައިވާ އެނިމޭޝަން — އަޅުގަނޑުމެންނަށް ހަމަ އެ އަސަރު އަލުން އުފެއްދިދާނެއެވެ. އަހަރެން ޓޫން ޓެކްސްޓަށް ލޯބިކުރަނީ އަހަރެން ނޮސްޓަލްޖިކް ވާތީއެއް ނޫން، އެކަމަކު އޭގެ ޑިޒައިން ގަސްތުގައި ހެދިފައި ހުރުމުންނެވެ. ގަސްތުގައި ޚިޔާރުކޮށް، ކުޑަ ޓޫން ޓެކްސްޓް ޓައިޕޮގްރަފީއަކުން ތިބާގެ ޑިޒައިންތަކަށް ޕަންޗް އިތުރުކޮށްލާށެވެ.
