ProPaint

Muammo#

Rasm muharririda foydalanuvchi harakatlarni tez almashtirganda vositalar, Canvas holati va tarix bir-biriga mos qolishi kerak.

Yaratgan yechimim#

Maxsus Canvas muharriri asosida React ilovasini yaratdim. Hozirgi prototip chizish, sodda shakllar, rang tanlash, ortga va oldinga qaytarish hamda PNG eksportini qo‘llaydi.

Bajargan ishlarim#

• Ilovani mustaqil yaratdim.

• Maxsus Canvas muharriri va chizish vositalarini bajardim.

• Muharrir boshqaruvi va holatini React hamda Redux Toolkit bilan bog‘ladim.

• Harakatlar tarixi va rasm eksportini yaratdim.

Texnik qarorlar#

Muharrir vazifalarini ajratish#

Muharrirda controller, renderer, history va tool modullari bor. Bu barcha mantiqni bitta React komponentiga joylamasdan, chizish imkoniyatlarini rivojlantirishga yordam beradi.

Avval asosiy harakatlarni barqarorlashtirish#

Hozir chizish va tarix bilan ishlash ustuvor. Loyihani saqlash/yuklash, qatlamlar interfeysi va masshtab hamda siljitish keyingi ishlar qatorida.

O‘rganganlarim#

Canvas bilan ishlashda tasvirlash, foydalanuvchi harakatlari va holat boshqaruvi birlashadi. Ortga va oldinga qaytarish uchun har bir muharrir harakatini aniq belgilash zarur.

Keyingi qadamlar#

• Muharrirni barqarorlashtirish va tarix xatti-harakatini tekshirish.

• Hujjatlarni yaxshilash va test tuzilmasiga moslashtirish.

• Poydevor tayyor bo‘lgach, saqlash/yuklash va Canvas navigatsiyasini rivojlantirish.