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

වෙබ් බ්‍රවුසරයේ 3D වොක්සල් සංස්කාරකය – VoxelDraft නව තාක්ෂණය

වෙබ් බ්‍රවුසරයේ 3D වොක්සල් සංස්කාරකය – VoxelDraft නව තාක්ෂණය

අන්තර්ජාලය තුළ සෘජුව ක්‍රියාත්මක වන, ඉන්ස්ටෝල් කිරීමක් හෝ ගිණුමක් අවශ්‍ය නොවන නව වොක්සල් සංස්කාරකයක් VoxelDraft නමැතිව ඉදිරිපත් කර ඇත. React Three Fiber සහ Three.js පදනම් කරගෙන, මෙම මෙවලම බ්‍රවුසරයක් තුළ සෘජුවම 3D බ්ලොක් සකස් කිරීම, ලේයර් කළමනාකරණය, කී-ෆ්‍රේම් ඇනිමේෂන්, GIF ලේඛනය, සහ විවිධ ගොනු ආකාරයන්ට (OBJ, GLB, VOX, Minecraft Schematic, Roblox RBXL) නිර්යාත කිරීමේ හැකියාව ලබා දෙයි.

ඇත්තේ කුමක්ද? සංස්කාරකයෙහි මූලික දත්ත වර්ගය සරල JSON ආකාරයේ VoxelData අරේයක් ලෙස සකස් කර ඇත. මෙය Three.js වස්තු වලට නොබැඳි නිසා, පිටපත්, undo/redo, බ්‍රවුසරයේ දත්ත සුරැකුම්, සහ විවිධ ගොනු ආකාරයන්ට පරිවර්තනය කිරීම පහසුය. බහුලව බ්ලොක් රූපලාවන්‍යය අඳින්න InstancedMesh භාවිතා කරයි; එක් ග්‍රාෆික් ජාලයක් හා එකම මට්ටමක් බෙදා ගනිමින්, සියලු බ්ලොක් එකතුවට පූර්ණ රේඛා-ඇඳුම් (draw calls) අඩු කරයි.

UI වලින් වෙනම රූප ගොනු නිර්යාතකරු (exporter) ක්‍රියාත්මක කරයි. VoxelData ලැයිස්තුව ලබා ගෙන Blob වශයෙන් ගොනුව නිර්මාණය කර, බ්‍රවුසරයේ URL.createObjectURL() මඟින් බාගත කිරීම සිදු වේ. GLB ආකාරයට නිර්යාත කිරීමේදී තාවකාලික Three.js දර්ශනයක් සාදා, three-stdlib හි GLTFExporter වෙත යොමු කරයි.

GIF සංකේතනය (encoding) මෙහෙයුම් පද්ධතියේ ප්‍රධාන ත්‍රෙඩ් එකේ අඩංගු නොවී, Web Worker එකක් භාවිතා කර සිදු කරයි. එමඟින් සංස්කාරකය කම්පනයක් නොවී, පරිශීලකයාට ප්‍රගතිමත් ප්‍රතිචාර ලබා දේ. දත්ත සුරැකුම් සඳහා පළමුව LocalStorage භාවිතා කරයි; එය සීමිත වුවද, JSON ආකාරයේ පිටපත් ලබා දීමෙන් පසුබැසීමේ අවශ්‍යතාව ඉටු කරයි. ඉදිරියේ IndexedDB වෙත මාරු වීමේ සැලසුමක් ඇත.

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

  • සියලුම පාඨමාලා හා වැඩමුළු වලින් වෙබ් 3D සංවර්ධනය අධ්‍යයනයට නව මාර්ගයක් සැලසේ.
  • ස්ථානයේම (offline) වැඩ කිරීමේ හැකියාව නිසා, ශ්‍රී ලංකාවේ අඩු බ්‍රවුසර වේගය හෝ අන්තර්ජාල සීමා ඇති ප්‍රදේශවලටත් ප්‍රයෝජනයක්.
  • ගේම්, AR/VR, සහ e‑commerce ව්‍යාපාර සඳහා ඉක්මන් ප්‍රොටෝටයිප් නිර්මාණය කළ හැකි බැවින්, ස්ථානීය තාක්ෂණ ආරම්භකයන්ට නව ව්‍යාපාර අවස්ථා ලැබේ.
  • ඉදිරිපත් කරන විවිධ ගොනු ආකාර (Minecraft, Roblox) මගින් ගේම් සංවර්ධකයින්ට ලෝක ප්‍රසිද්ධ වේදිකා වෙත සෘජු ඇතුළත් වීමේ හැකියාව ලැබේ.

අවසන් වශයෙන්, VoxelDraft දැන් voxeldraft.com හි ලබා ගත හැක. සංස්කාරකයේ පරිශීලක අත්දැකීම්, ඇනිමේෂන් මෙවලම්, සහ ගොනු ආකාර අනුකූලතාව පිළිබඳ ඔබේ අදහස් බෙදා ගන්න.

💡 ඔබේ 3D නිර්මාණය දැන් VoxelDraft සමඟ අත්හදා බලන්න!
මූලාශ්‍රය මෙම ලිපිය AI මගින් රචිත මුල් සාරාංශයකි. සම්පූර්ණ වාර්තාව කියවන්න:
Dev.to ↗
#Voxel #React #Three.js #WebGL #SriLanka #DevTools