ශ්‍රී ලංකාවේ නවතම තාක්ෂණික පුවත් 2026-07-27, Monday
🤖 කෘත්‍රිම බුද්ධිය · 🕒 කියවීමට විනාඩි 2 · 👁 1

AI මගින් නිර්මාණය කළ 6 WebGL හීරෝ කොටස් – එක CSS වෙනස්කමෙන් රන්ගුලක් වෙනස් කිරීමේ රහස

AI මගින් නිර්මාණය කළ 6 WebGL හීරෝ කොටස් – එක CSS වෙනස්කමෙන් රන්ගුලක් වෙනස් කිරීමේ රහස

වෙබ් සංවර්ධකයෙක් AI භාවිතා කරමින් නවතම WebGL හීරෝ කොටස් හයක් නිර්මාණය කළේය. එම කේතය සියල්ලම AI විසින් ලියන ලද්දත්, පළමු උත්සාහයෙන් කිසිවක් සම්පූර්ණයෙන් හරි නොවුණි. ඒ නිසා සෑම කොටසක්ම 1‑3 වාරයක් මනුෂ්‍ය පරීක්ෂණයකින් ගොස්, මුළු 12 පරීක්ෂණයක් සිදු කරමින් අවසාන ගුණාත්මක මට්ටමට පත් කළා.

එම හීරෝ කොටස් අතර ඇඹරෙන Ember Aurora, ගුවන් තලයේ තිරස් 3D නිෂ්පාදන, ගලන ලෝහ තරංග, ඔබේ ව්‍යාපාර නාමය ලියන පාරටික්ල ස්වෝර්ම්, ස්ක්‍රෝල්‑චලිත චිත්‍රපටිය, සහ kinetic type වැනි අලංකාර අංග අන්තර්ගත වේ. සියල්ලම 60 තත්පරයකින් පෙන්වන ලද වීඩියෝවකින් නරඹන්න පුළුවන්.

මෙම ව්‍යාපෘතියේ සැබෑ වැදගත්කම AI‑ජනිත කේතයට “ගේට්” (SDTK) යෙදීමෙන් ලැබෙන පාලනයයි. කේතය අන්තර්ගත කර ඇති ප්‍රවේශය, WCAG විරූපිත ව්‍යාපෘති, reduced‑motion සහ JavaScript‑නොකළ පසුබැසීම්, සහ 309 KB බර සීමාවක් යන සියලුම පරීක්ෂණ පසු පමණක් නිෂ්පාදනය සාර්ථක වේ. එමෙන්ම CSS custom properties (design tokens) භාවිතයෙන් එක CSS වෙනස්කමක් මාරු කිරීමෙන් සියලුම WebGL shader ගණනාවක් එකවර රන්ගුල වෙනස් කළ හැකි බවත් මෙහි රහසයි. පරිසරය වෙනස් වුවද, --accent වැනි එකම ටෝකනය වෙනස් කිරීමෙන් අලුත් පාළනයක් ලැබෙයි, shader එකේ කේතය වෙනස් කිරීමට අවශ්‍ය නොවේ.

ශ්‍රී ලංකාවට ඇති වැදගත්කම

ශ්‍රී ලංකාවේ නවක සංවර්ධකයින්, පාඨමාලා ශිෂ්‍යයන්, සහ ව්‍යාපාරිකයින්ට මෙම නිදහස් සම්පත විශාල වාසියක් ලබා දෙයි:

  • නොමිලේ බාගත කිරීම – ඊමේල් ලියාපදිංචියක් නැතිව සෘජු HTML/CSS/JS ගොනු ලබා ගත හැක.
  • අඩු බර සහ අන්තර්ජාල අඩු වේගය – 309 KB පමණයි, ශ්‍රී ලංකාවේ බ්‍රොඩ්බෑන්ඩ් සීමා තුළත් ඉක්මනින් පූරණය වේ.
  • ප්‍රවේශය සහ පරීක්ෂණය – reduced‑motion, JS‑off, සහ WCAG contrast පරීක්ෂණ ඇතුළත් නිසා සියලු පරිශීලකයින්ට පවා පෙනෙන අත්දැකීමක්.
  • ඔෆ්ලයින් වැඩ කිරීම – CDN නැතිව, තැටිගත කර පරිගණකයේ සිට සෘජුව ධාවනය කළ හැක.
  • බ්‍රෑන්ඩ්‑ගුණාත්මක කිරීම – CSS variable එකක් මාරු කිරීමෙන් සියලුම හීරෝ කොටස් ඔබේ ලාංඡනයට ගැළපේ.

ශ්‍රී ලංකාවේ තාක්ෂණික පාඨමාලා වල AI‑උදව් කේත ලිවීමේ අභ්‍යාසයක් ලෙස මෙම සම්පත භාවිතා කළ හැක. තවත් ව්‍යාපාරික වෙබ් අඩවි වල branding එකම තරම් වේගවත්, අඩු බර, සහ ප්‍රවේශය සමඟින් ඉදිරිපත් කිරීමේ නව මාර්ගයක් මෙයින් ලැබේ.

අවසානයේ, AI නිර්මාණය කළ කේතය පූර්ණයෙන්ම විශ්වාස නොකර, මනුෂ්‍ය පරීක්ෂණයක් සමඟ ඒකීකරණය කිරීමේ වැදගත්කම මෙම උදාහරණයෙන් පෙනේ. ඔබත් CSS variable රන්ගුල වෙනස් කිරීමේ තාක්ෂණය ඔබේ ව්‍යාපෘතියේ අන්තර්ගතයට එක් කර බලන්න.

💡 ඔබේ වෙබ් අඩවියට AI නිර්මාණය කළ හීරෝ කොටස් දැන් බාගත කරගන්න!
මූලාශ්‍රය මෙම ලිපිය AI මගින් රචිත මුල් සාරාංශයකි. සම්පූර්ණ වාර්තාව කියවන්න:
Dev.to ↗
#AI #WebGL #CSS #Free #SriLanka