ශ්‍රී ලංකාවේ නවතම තාක්ෂණික පුවත් 2026-07-25, Saturday
💻 ක්‍රමලේඛනය · 🕒 කියවීමට විනාඩි 2 · 👁 1

TypeScript භාවිතයෙන් පූර්ණ RPG ගේම් එකක් – කිසිදු රූපයක් නැති Canvas 2D නිර්මාණය

TypeScript භාවිතයෙන් පූර්ණ RPG ගේම් එකක් – කිසිදු රූපයක් නැති Canvas 2D නිර්මාණය

වෙබ් බ්‍රවුසරයක්, TypeScript, Canvas 2D API යන ත්‍රිත්වයක් පමණක් භාවිතා කර, කිසිදු රූප ගොනුවක්, ස්ප්‍රයිට් එකක් නැතිව පූර්ණ RPG ගේම් එකක් සකස් කළ බව ලොව පුරා විශාල අවධානයක් ලබා ගනී.

ඩෙවලපර් මිතුරන් විසින් lazaramolina17-stack.github.io/rpg-game හි සජීවීව දැක්වෙන මෙම ගේම් එක, සියලු දර්ශනමත් අංග, තට්ටු, පළිගැන්වීම්, පරිශීලක අතුරුමුහුණත, සංගීතය ආදී සියල්ලම රන්ඩර් කර්වලයක් මඟින් සෘජුවම තැනූවකි.

ප්‍රධාන කේත ව්‍යුහය සත්කාරක මොඩියුල 7ක් ලෙස වෙන් කර ඇත: ගේම් ලූප්, ග්‍රැෆික්ස් එන්ජින්, රෙන්ඩරර්, ක්‍රියාකාරකම්, දත්ත අර්ථකථනය, පරිශීලක ඇතුළත් කිරීම, හා ශබ්ද නිර්මාණය. සෑම මොඩියුලයක්ම තනි කාර්යයක් පමණක් කළමනාකරණය කරන බැවින්, කේතය පැහැදිළිව, නඩත්තු කිරීම පහසුය.

දෘශ්‍ය අංශය ගැන කතා කරද්දී, රූප රහිතවම 7 වර්ග බයෝම් (grass, forest, water, stone, sand, lava, snow) තට්ටු 32×32 පිකසෙල් ප්‍රමාණයෙන්, සීඩ් කරන PRNG එකක් මඟින් එකම ආකාරයෙන් නිර්මාණය කරයි. තට්ටු රේඛීය, රේඩියල්, සයිනස් තරංග වැනි Canvas 2D පාරම්පරික තත්ත්වයන් භාවිතා කර සජීවී බවක් ලබා දේ.

චරිත රූපයන්ටත් එකම ජ්‍යාමිතීය ප්‍රාග්ධාන (අර්ක්, බෙසිර්, කෝණ) භාවිතා කර, රන්ඩර් කරන අතර, ඇඳුම්, තල, වෝඩ්, තලාව, තලාව වැනි විවිධ රේඛා හා ග්‍රැඩියන්ට් එක් කරයි. එමෙන්ම ශබ්ද පද්ධතිය Web Audio API මඟින් සම්පූර්ණයෙන්ම සින්තසයිස් කර, සංගීතය, පීඩන, පළිගැන්වීම් වැනි සියලු හඬ අංග නිර්මාණය කරයි.

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

  • සිසුන් – රන්ඩරින්, ඇලගොරිතම, සින්තසයිස් කිරීම වැනි නව තාක්ෂණික සංකල්ප ඉගෙන ගැනීමට ප්‍රායෝගික උදාහරණයක්.
  • ඩෙවලපර් – බාහිර සම්පත් නොමැතිව, බ්‍රව්සරයක් තුළ සම්පූර්ණ ගේම් එකක් නිර්මාණය කළ හැකි බව පෙන්වීමෙන් ව්‍යවසායකත්වය සහ නිර්මාණශීලීත්වය වැඩිවේ.
  • ව්‍යාපාර – සම්පූර්ණ ප්‍රොසිජරල් අන්තර්ගතය භාවිතා කර, සම්පත් සම්භාරය අඩු කර, වෙබ්‑අපලිකේෂන් හා ගේම්‑මූලික ප්‍රචාරණයන්හි වියදම ඉතිරි කර ගත හැක.

මෙම ව්‍යාපෘතිය, බ්‍රව්සරය තුළ කුමක් කරගත හැකිද යන්න පෙන්වමින්, අනාගතයේ තවත් නව නිර්මාණ සඳහා මාර්ගයක් ගොඩනැගීමට උපකාරී වේ. ඔබත් තනිවම Canvas 2D සහ TypeScript භාවිතා කර, රූප රහිත ගේම් එකක් සෑදීමට උත්සාහ කර බලන්න.

💡 ඔබත් මේ රූප රහිත RPG එක අත්හදා බලන්න!
මූලාශ්‍රය මෙම ලිපිය AI මගින් රචිත මුල් සාරාංශයකි. සම්පූර්ණ වාර්තාව කියවන්න:
Dev.to ↗
#TypeScript #Canvas #RPG #Procedural #WebAudio