Canvas β ΠΠ»Π΅ΠΌΠ΅Π½Ρ HTML5 / Π₯Π°Π±Ρ
ΠΠ»Π΅ΠΌΠ΅Π½Ρ HTML5
Π‘ΡΠ°ΡΡΠΈ ΠΠ²ΡΠΎΡΡ ΠΠΎΠΌΠΏΠ°Π½ΠΈΠΈ
Π‘Π½Π°ΡΠ°Π»Π° ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡ
ΠΠΎΡΠΎΠ³ ΡΠ΅ΠΉΡΠΈΠ½Π³Π°
Π£ΡΠΎΠ²Π΅Π½Ρ ΡΠ»ΠΎΠΆΠ½ΠΎΡΡΠΈ
ΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 7 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²4.3K
Π Π°Π±ΠΎΡΠ° Ρ Π²ΠΈΠ΄Π΅ΠΎ *JavaScript *ΠΠ±ΡΠ°Π±ΠΎΡΠΊΠ° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ *Canvas *ReactJS *
ΠΠΎΠ½ΡΠΈΠ΄Π΅Π½ΡΠΈΠ°Π»ΡΠ½ΠΎΡΡΡ ΡΡΠΎ ΠΎΡΠ΅Π½Ρ Π²Π°ΠΆΠ½Π°Ρ ΡΠ°ΡΡΡ Π² ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎΠΌ ΠΌΠΈΡΠ΅. Π‘Π½ΠΈΠΌΠ°Ρ Π²ΠΈΠ΄Π΅ΠΎ Π½Π° ΡΠ²ΠΎΠ΅ΠΉ ΡΠ΅Π»Π΅ΡΠΎΠ½ Π² ΠΎΠ±ΡΠ΅ΡΡΠ²Π΅Π½Π½ΠΎΠΌ ΠΌΠ΅ΡΡΠ΅, Π½Π΅ Π²ΡΠ΅Π³Π΄Π°, Π»ΡΠ΄ΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠΏΠ°Π΄Π°ΡΡ Π² ΠΊΠ°Π΄Ρ, Π±ΡΠ΄ΡΡ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½Ρ ΡΡΠΈΠΌ ΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡΡΠΈΡΡ «ΠΏΠΎ ΠΆΠΎΠΏΠΊΠ΅» Π·Π° ΡΡΠΎ. ΠΠ»Ρ ΠΈΠ·Π±Π΅ΠΆΠ°Π½ΠΈΡ ΡΡΠΎΠ³ΠΎ Π»ΠΈΡΠ° ΡΠ°ΠΌΡΠ²Π°ΡΡ ΠΈΠ»ΠΈ ΠΏΠΈΠΊΡΠ΅Π»ΠΈΠ·ΠΈΡΡΡΡΡΡ.
Π‘Π΅Π³ΠΎΠ΄Π½Ρ Ρ Ρ ΠΎΡΡ ΠΏΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠ΅ΠΉ ΡΠ°ΠΊΠΎΠ³ΠΎ Π±Π»ΡΡΠ°/ΠΏΠΈΠΊΡΠ΅Π»ΠΈΠ·Π°ΡΠΈΠΈ Π²ΠΈΠ΄Π΅ΠΎ (ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ) Π² Π²Π΅Π±Π΅.
ΠΡΠ΅Π³ΠΎ Π³ΠΎΠ»ΠΎΡΠΎΠ² 10: β9 ΠΈ β1 +8
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 19
vgaidadei000Z» title=»2021-07-22, 12:39″>22 ΠΈΡΠ» 2021 Π² 12:39
ΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 3 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²6.6K
JavaScript *HTML *Canvas *
ΠΠ· ΠΏΠ΅ΡΠΎΡΠ½ΠΈΡΡ
Π‘ΡΡΠ»ΠΊΠ° Π½Π° GitHub
ΠΡΠ΅Π½Ρ ΠΏΡΠΎΡΡΠ°Ρ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° javascript, ΠΊΠΎΡΠΎΡΠ°Ρ ΡΠΈΠ»ΡΠ½ΠΎ ΡΠΏΡΠΎΡΠ°Π΅Ρ ΡΠ°Π±ΠΎΡΡ Ρ canvas html.
Π§ΠΈΡΠ°ΡΡ
ΠΡΠ΅Π³ΠΎ Π³ΠΎΠ»ΠΎΡΠΎΠ² 9: β9 ΠΈ β0 +9
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 2
ru_vdsΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 7 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²23K
ΠΠ»ΠΎΠ³ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ RUVDS.com Π Π°Π·ΡΠ°Π±ΠΎΡΠΊΠ° Π²Π΅Π±-ΡΠ°ΠΉΡΠΎΠ² *Canvas *
ΠΠ΅ΡΠ΅Π²ΠΎΠ΄
Π ΠΏΠΎΡΠ»Π΅Π΄Π½Π΅Π΅ Π²ΡΠ΅ΠΌΡ Π±ΡΠ»ΠΎ Π½Π΅ΠΌΠ°Π»ΠΎ Π³ΠΎΡΠ΅ΡΡΠ½ΡΡ ΡΠ°ΡΡΡΠΆΠ΄Π΅Π½ΠΈΠΉ ΠΎ ΠΏΠΎΡΠ»Π΅Π΄ΡΡΠ²ΠΈΡΡ ΡΠ΅ΡΠ΅Π½ΠΈΡ Google ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ HTML-ΡΠ»Π΅ΠΌΠ΅Π½Ρ <canvas> Π΄Π»Ρ ΡΠ΅Π½Π΄Π΅ΡΠΈΠ½Π³Π° Π²ΡΠ΅Π³ΠΎ, ΡΡΠΎ Π²ΠΈΠ΄Π½ΠΎ Π½Π° ΡΠΊΡΠ°Π½Π΅ ΠΏΡΠΈ ΡΠ°Π±ΠΎΡΠ΅ Ρ Google Docs. Π ΡΠΎ, ΡΡΠΎ ΡΡΠΎ ΠΌΠ½ΠΎΠ³ΠΈΡ Π±Π΅ΡΠΏΠΎΠΊΠΎΠΈΡ, Π²ΠΏΠΎΠ»Π½Π΅ ΠΏΠΎΠ½ΡΡΠ½ΠΎ. ΠΠΎΠ³Π΄Π°-ΡΠΎ Π²Π΅Π± Π±ΡΠ» Π·Π°Π΄ΡΠΌΠ°Π½ ΠΊΠ°ΠΊ ΡΠΈΡΡΠ΅ΠΌΠ° Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ Ρ ΡΡΠ°ΡΠ΅Π»ΡΠ½ΠΎ ΡΡΡΡΠΊΡΡΡΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠΉ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠ΅ΠΉ, ΠΏΠΎΠ»Π½ΠΎΠΉ ΠΎΡΠΌΡΡΠ»Π΅Π½Π½ΡΡ ΠΌΠ΅ΡΠ°Π΄Π°Π½Π½ΡΡ ΠΈ ΡΠ°ΡΡΡΠΈΡΠ°Π½Π½ΠΎΠΉ Π½Π° ΡΠΎΠ²ΠΌΠ΅ΡΡΠ½ΠΎΠ΅ Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΌΠ½ΠΎΠ³ΠΈΠΌΠΈ Π»ΡΠ΄ΡΠΌΠΈ. ΠΠΎ, Π²ΠΌΠ΅ΡΡΠΎ ΡΡΠΎΠ³ΠΎ, ΡΠΎΡ Π²Π΅Π±, ΠΊΠΎΡΠΎΡΡΠΉ ΠΌΡ Π²ΠΈΠ΄ΠΈΠΌ ΡΠ΅Π³ΠΎΠ΄Π½Ρ, ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΡΠ»ΠΎΠΆΠ½ΠΎ ΠΈ Π·Π°ΠΏΡΡΠ°Π½Π½ΠΎ ΡΡΡΡΠΎΠ΅Π½Π½ΡΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ½ΡΡ Β«ΠΏΠ΅ΡΠΎΡΠ½ΠΈΡΠ°Ρ Β».
Π Π΅ΡΠ΅Π½ΠΈΠ΅ Google, ΠΊΠΎΡΠΎΡΠΎΠ΅ Π·Π°ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ Π² ΡΠΎΠΌ, ΡΡΠΎΠ±Ρ ΠΏΠ΅ΡΠ΅ΠΉΡΠΈ ΠΎΡ Π²ΡΠ²ΠΎΠ΄Π° Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ HTML-ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΊ ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ Π½Π° <canvas>, Π½Π΅Π»ΡΠ·Ρ Π½Π°Π·Π²Π°ΡΡ ΡΠ΅ΠΌ-ΡΠΎ ΡΠ°ΠΊΠΈΠΌ, ΡΠ΅Π³ΠΎ ΡΠ°Π½ΡΡΠ΅ Π½ΠΈΠΊΡΠΎ Π½Π΅ Π²ΠΈΠ΄Π΅Π» ΠΈ Π½Π΅ ΠΏΡΠΎΠ±ΠΎΠ²Π°Π». ΠΡΡΠ³ΠΈΠ΅ ΠΏΠ΅ΡΠ΅Π΄ΠΎΠ²ΡΠ΅ Π²Π΅Π±-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΡΠΆΠ΅ Π²ΡΡΠ»ΠΈ Π΄Π°Π»Π΅ΠΊΠΎ Π·Π° ΠΏΡΠ΅Π΄Π΅Π»Ρ ΡΡΠ°Π΄ΠΈΡΠΈΠΎΠ½Π½ΡΡ
ΡΡ
Π΅ΠΌ ΡΠ°Π±ΠΎΡΡ Ρ HTML-ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ. Π’Π°ΠΊ, Π² Google Maps Π²ΡΠ²ΠΎΠ΄ Π΄Π°Π½Π½ΡΡ
Π½Π° <canvas> ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΡΠΆΠ΅ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Π³ΠΎΠ΄Ρ. Π VS Code Π΄Π»Ρ ΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ ΠΈΠ΄Π΅Π°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° ΡΠ΅ΡΠΌΠΈΠ½Π°Π»Π° ΡΠΎΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ <canvas>. Π Π² ΠΏΠΎΠ΄Π°ΡΡΠ΅ΠΌ Π½Π°Π΄Π΅ΠΆΠ΄Ρ Π½Π°Π±ΠΎΡΠ΅ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² Google Flutter, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΊΡΠΎΡΡ-ΠΏΠ»Π°ΡΡΠΎΡΠΌΠ΅Π½Π½ΡΠ΅ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΡ, Π² Π²Π΅Π±-Π±ΡΠ°ΡΠ·Π΅ΡΠ΅, ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΡΠ΅Π½Π΄Π΅ΡΠΈΠ½Π³ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ <canvas>.
ΠΠΎ Π² ΡΡΠΎΡ ΡΠ°Π· ΠΏΡΠΎΠΈΡΡ
ΠΎΠ΄ΡΡΠ΅Π΅ Π²ΡΠ·ΡΠ²Π°Π΅Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΈΠ½ΡΠ΅ ΠΎΡΡΡΠ΅Π½ΠΈΡ. Π ΠΈΠΌΠ΅Π½Π½ΠΎ, ΠΏΠΎΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠ°ΠΊΠΎΠ΅ ΡΡΠ²ΡΡΠ²ΠΎ, ΡΡΠΎ ΡΠ΅Π½Π΄Π΅ΡΠΈΠ½Π³ Π² <canvas> ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅ ΡΠ΅Ρ
Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ, Π²ΡΠΎΠ΄Π΅ WebAssembly, ΡΠ²Π΅Π»ΠΈ Π½Π°Ρ Π·Π° ΡΠΎΡΠΊΡ Π½Π΅Π²ΠΎΠ·Π²ΡΠ°ΡΠ°. ΠΡΠ΅ ΠΏΡΠΈΠ²ΡΠΊΠ»ΠΈ ΠΊ ΡΡ
Π΅ΠΌΠ΅ ΡΠ°Π±ΠΎΡΡ, ΠΊΠΎΠ³Π΄Π° ΡΡΡΠ°Π½ΠΈΡΠ° Π·Π°Π³ΡΡΠΆΠ°Π΅Ρ, Π² Π²ΠΈΠ΄Π΅ ΠΎΠ±ΡΡΠ½ΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠ°, JavaScript-ΠΊΠΎΠ΄, ΠΊΠΎΡΠΎΡΡΠΉ Π²ΡΠΏΠΎΠ»Π½ΡΠ΅ΡΡΡ, Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΡΡ Ρ HTML-ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ, Π²ΠΈΠ΄ΠΈΠΌΡΠΌΠΈ Π² Β«ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ°Ρ
ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°Β». Π‘Π΅ΠΉΡΠ°Ρ Π²ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ ΡΠ°ΠΊΠΎΠ΅ Π²ΠΏΠ΅ΡΠ°ΡΠ»Π΅Π½ΠΈΠ΅, ΡΡΠΎ ΡΡΠΎ β Π»ΠΈΡΡ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠΉ ΡΡΠ°ΠΏ Π½Π° ΠΏΡΡΠΈ ΠΏΠΎΡΡΠΎΡΠ½Π½ΠΎ ΡΠ°Π·Π²ΠΈΠ²Π°ΡΡΠΈΡ
ΡΡ ΡΠ΅Ρ
Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ.
Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»ΡΡΠ΅ β
ΠΡΠ΅Π³ΠΎ Π³ΠΎΠ»ΠΎΡΠΎΠ² 74: β72 ΠΈ β2 +70
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 102
egaxegaxΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 2 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²9.5K
JavaScript *Π Π°Π±ΠΎΡΠ° Ρ Π²Π΅ΠΊΡΠΎΡΠ½ΠΎΠΉ Π³ΡΠ°ΡΠΈΠΊΠΎΠΉ *HTML *Canvas *
Π ΡΠ²ΠΎΠ΅ΠΉ ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠ΅ΠΉ ΡΡΠ°ΡΡΠ΅ ΠΏΡΠΎ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΡ ΠΊΠ°ΡΡΡ ΠΌΠ΅ΡΡΠΎ ΠΠΎΡΠΊΠ²Ρ Ρ ΠΎΠΏΠΈΡΡΠ²Π°Π» ΠΏΡΠΎΡΠ΅ΡΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π²Π΅ΠΊΡΠΎΡΠ½ΠΎΠΉ ΠΊΠ°ΡΡΡ Π½Π°
Π‘ΠΏΡΡΡΡ Π²ΡΠ΅ΠΌΡ Ρ ΡΠ΅ΡΠΈΠ» Π²Π΅ΡΠ½ΡΡΡΡΡ ΠΊ ΡΠ²ΠΎΠ΅ΠΉ ΠΊΠ°ΡΡΠ΅ ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΠ» Π² Π½Π΅Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ Π²ΡΠ²ΠΎΠ΄Π° ΠΌΠ°ΡΡΡΡΡΠ° ΠΊΡΠ°ΡΡΠ°ΠΉΡΠ΅Π³ΠΎ ΠΏΡΡΠΈ ΠΌΠ΅ΠΆΠ΄Ρ Π²ΡΠ±ΡΠ°Π½Π½ΡΠΌΠΈ ΡΡΠ°Π½ΡΠΈΡΠΌΠΈ ΠΏΠΎ Π°Π»Π³ΠΎΡΠΈΡΠΌΡ BFS, ΠΎΠ±Ρ ΠΎΠ΄Π° Π³ΡΠ°ΡΠ° Π² ΡΠΈΡΠΈΠ½Ρ.
Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»Π΅Π΅
ΠΡΠ΅Π³ΠΎ Π³ΠΎΠ»ΠΎΡΠΎΠ² 6: β5 ΠΈ β1 +4
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 14
mauphesΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 6 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²ΠΠ»ΠΎΠ³ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ ΠΠΎΠΌΠΊΠ»ΠΈΠΊ JavaScript *Canvas *ReactJS *
ΠΠΎΠ±ΡΠΎΠ³ΠΎ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ ΡΡΡΠΎΠΊ, ΡΠ²Π°ΠΆΠ°Π΅ΠΌΡΠ΅ ΡΠΈΡΠ°ΡΠ΅Π»ΠΈ!
ΠΠ΅Π½Ρ Π·ΠΎΠ²ΡΡ ΠΠ²Π³Π΅Π½ΠΈΠΉ ΠΠΎΠ³ΡΠ΅Π², Ρ Π²Π΅Π΄ΡΡΠΈΠΉ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊ Π² ΠΊΠΎΠΌΠ°Π½Π΄Π΅ Web Core Π² ΠΠΎΠΌΠΠ»ΠΈΠΊ. ΠΡ ΡΠΆΠ΅ ΡΠ°ΡΡΠΊΠ°Π·ΡΠ²Π°Π»ΠΈ ΠΏΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅ ΠΎ ΠΊΠΎΠΌΠ°Π½Π΄Π΅ ΠΈ ΡΡΠΎΡΡΠΈΡ ΠΏΠ΅ΡΠ΅Π΄ Π½Π΅ΠΉ Π·Π°Π΄Π°ΡΠ°Ρ , Π΅ΡΠ»ΠΈ Π½Π΅ ΡΠΈΡΠ°Π»ΠΈ, ΡΠΎ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΡ. Π ΡΠ΅Π³ΠΎΠ΄Π½Ρ Ρ ΡΠ°ΡΡΠΊΠ°ΠΆΡ, Π·Π°ΡΠ΅ΠΌ Π½ΡΠΆΠ΅Π½ ΠΎΠ½Π±ΠΎΡΠ΄ΠΈΠ½Π³ ΠΈ ΠΊΠ°ΠΊ Π΅Π³ΠΎ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°ΡΡ Π² UI-kit.
Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»Π΅Π΅
ΠΡΠ΅Π³ΠΎ Π³ΠΎΠ»ΠΎΡΠΎΠ² 50: β50 ΠΈ β0 +50
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 0
kylikovskix000Z» title=»2021-04-16, 23:36″>
ΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 4 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²32K
JavaScript *ΠΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ *Π Π°Π·ΡΠ°Π±ΠΎΡΠΊΠ° ΠΈΠ³Ρ *Canvas *ΠΠ°ΡΠ΅ΠΌΠ°ΡΠΈΠΊΠ° *
ΠΡΠ΅ΠΌ Π΄ΠΎΠ±ΡΠΎΠ³ΠΎ Π΄Π½Ρ ΠΈΠ»ΠΈ Π½ΠΎΡΠΈ! ΠΠ°ΡΡΠΎΠ½ΡΡΠ°Ρ Π² ΡΡΠ°ΡΡΠ΅, ΡΠ΅ΠΌΠ° ΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠΊΠ°Π·Π°ΡΡΡΡ Π½Π°ΡΡΠΎΠ»ΡΠΊΠΎ ΠΈΠ·Π±ΠΈΡΠΎΠΉ Π΄ΠΎ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΠΎΡΡΠΈ, ΡΡΠΎ ΠΏΡΠΈ Π΅Π΅ ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠΈ Π²ΠΎΠ·Π½ΠΈΠΊΠ½Π΅Ρ ΡΡΠΎΠΉΠΊΠΎΠ΅ ΠΆΠ΅Π»Π°Π½ΠΈΠ΅ Π²Π·ΡΡΡ ΠΏΠΎΠΌΠΈΠ΄ΠΎΡ ΠΈΠ»ΠΈ, Π½Π΅ Π΄Π°ΠΉ Π±ΠΎΠ³, ΠΊΠΈΡΠΏΠΈΡ ΠΈ ΠΊΠΈΠ½ΡΡΡ Π² Π°Π²ΡΠΎΡΠ°. Π ΠΈΠ·Π»ΠΎΠΆΠ΅Π½Π½ΡΠ΅ ΠΌΡΡΠ»ΠΈ Π±ΡΠ΄ΡΡ Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°ΡΡ ΠΏΠΎΠ²ΡΠΎΡΠ½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ Π²Π΅Π»ΠΎΡΠΈΠΏΠ΅Π΄Π° Ρ ΠΊΠ²Π°Π΄ΡΠ°ΡΠ½ΡΠΌΠΈ ΠΊΠΎΠ»Π΅ΡΠ°ΠΌΠΈ. ΠΠΎ ΠΈΠ΄Π΅Ρ, ΠΏΠΎΠ±ΡΠ΄ΠΈΠ²ΡΠ°Ρ ΠΏΡΠΈΡΡΡΠΏΠΈΡΡ ΠΊ ΠΎΠΏΠΈΡΠ°Π½ΠΈΡ, Π±ΡΠΊΠ²Π°Π»ΡΠ½ΠΎ Π·ΡΠ΄ΠΈΡ ΠΈ ΠΏΡΠΎΡΠΈΡΡΡΡ Π΅ΠΉ ΠΏΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ, Π½Π΅ΡΠΌΠΎΡΡΡ Π½Π° ΡΠ³ΡΠΎΠ·Ρ ΡΠΈΠ·ΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΠΈΠ»ΠΈ ΠΌΠΎΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ Π½Π°ΠΊΠ°Π·Π°Π½ΠΈΡ.
Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»Π΅Π΅
ΠΡΠ΅Π³ΠΎ Π³ΠΎΠ»ΠΎΡΠΎΠ² 85: β84 ΠΈ β1 +83
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 42
technokratiyaΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 6 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²19K
Π Π°Π·ΡΠ°Π±ΠΎΡΠΊΠ° Π²Π΅Π±-ΡΠ°ΠΉΡΠΎΠ² *JavaScript *Π Π°Π±ΠΎΡΠ° Ρ 3D-Π³ΡΠ°ΡΠΈΠΊΠΎΠΉ *Canvas *IT-ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ
ΠΡΠΈΠ²Π΅Ρ, ΡΡΠΎ Π±Π»ΠΎΠ³ Β«Π’Π΅Ρ Π½ΠΎΠΊΡΠ°ΡΠΈΠΈΒ». ΠΠ±ΡΡΠ½ΠΎ ΠΌΡ Π·Π°Π½ΠΈΠΌΠ°Π΅ΠΌΡΡ ΡΠΈΡΡΠΎΠ²ΠΎΠΉ ΡΡΠ°Π½ΡΡΠΎΡΠΌΠ°ΡΠΈΠ΅ΠΉ Π±ΠΈΠ·Π½Π΅ΡΠ°, Π½ΠΎ ΡΠ΅Π³ΠΎΠ΄Π½Ρ Ρ Π½Π°Ρ Π΄Π»Ρ Π²Π°Ρ ΠΈΡΡΠΎΡΠΈΡ, ΠΊΠ°ΠΊ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ three.js ΠΈ ΡΠ΅ΠΉΠ΄Π΅ΡΠΎΠ² ΠΌΡ ΡΠ΄Π΅Π»Π°Π»ΠΈ Π»Π΅Π½Π΄ΠΈΠ½Π³ Π΄Π»Ρ Π½Π°ΡΠ΅ΠΉ ΠΏΡΠΎΠΌΠΎ-ΠΊΠ°ΠΌΠΏΠ°Π½ΠΈΠΈ. ΠΠ»Π°Π²Π½ΡΠΉ ΡΠ°ΡΡΠΊΠ°Π·ΡΠΈΠΊ β ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊ ΠΡΡΠ΅ΠΌ ΠΠ±Π°ΡΡΠ»Π»ΠΈΠ½.
Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»Π΅Π΅
ΠΡΠ΅Π³ΠΎ Π³ΠΎΠ»ΠΎΡΠΎΠ² 13: β11 ΠΈ β2 +9
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 11
virus-net-ruΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 9 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²7K
JavaScript *Canvas *API *ΠΠΎΠ»ΠΎΡΠΎΠ²ΡΠ΅ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΡ *
ΠΠ½Π°ΠΊΠΎΠΌΡΡΠ²ΠΎ Ρ Π²ΠΈΡΡΡΠ°Π»ΡΠ½ΡΠΌΠΈ Π°ΡΡΠΈΡΡΠ΅Π½ΡΠ°ΠΌΠΈ Π‘Π°Π»ΡΡ, Π° ΡΠ°ΠΊΠΆΠ΅ Ρ ΠΏΠ»Π°ΡΡΠΎΡΠΌΠΎΠΉ SmartMarket ΠΈ SmartApp.
ΠΡΡΡ ΠΎΡ chat app Π΄ΠΎ canvas app ΠΈΠ»ΠΈ ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ canvas app Π½Π° ΠΏΠ»Π°ΡΡΠΎΡΠΌΠ΅ SmartMarket.
ΠΡΠ΅Π³ΠΎ Π³ΠΎΠ»ΠΎΡΠΎΠ² 11: β10 ΠΈ β1 +9
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 2
IDriuk000Z» title=»2021-01-22, 14:06″>22 ΡΠ½Π² 2021 Π² 14:06
ΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 3 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²2.3K
JavaScript *Canvas *Π£ΡΠ΅Π±Π½ΡΠΉ ΠΏΡΠΎΡΠ΅ΡΡ Π² IT
ΠΡΠΈΠ²Π΅Ρ Π₯Π°Π±Ρ! ΠΠΎΠΏΠ°Π»Π°ΡΡ Π½Π΅Π΄Π°Π²Π½ΠΎ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½Π°Ρ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΡΠΊΠ° , ΠΊΠΎΡΠΎΡΠ°Ρ ΡΠΎΠ·Π΄Π°Π΅Ρ ΡΡΡΠ΅ΠΊΡ ΠΊΠΎΠ½ΡΠ΅ΡΡΠΈ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠΊΠ΅. Π Π΅ΡΠΈΠ» ΡΠ°Π·ΠΎΠ±ΡΠ°ΡΡΡΡ , ΡΡΠΎ ΠΆΠ΅ ΡΠ°ΠΌ Π²Π½ΡΡΡΠΈ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ ΠΈ ΠΊΠ°ΠΊ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ. ΠΠΎΠ΄ΡΠΎΠ±Π½ΠΎΡΡΠΈ ΠΏΠΎΠ΄ ΠΊΠ°ΡΠΎΠΌ
Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»Π΅Π΅
ΠΡΠ΅Π³ΠΎ Π³ΠΎΠ»ΠΎΡΠΎΠ² 1: β1 ΠΈ β0 +1
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 0
notyourheroΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 6 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²19K
ΠΠ»ΠΎΠ³ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ TINKOFF JavaScript *ΠΠ»ΠΈΠ΅Π½ΡΡΠΊΠ°Ρ ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΡ *Canvas *ReactJS *
ΠΠ· ΠΏΠ΅ΡΠΎΡΠ½ΠΈΡΡ
Π Π±ΠΎΠ³Π°ΡΠΎΠΉ ΡΠΊΠΎΡΠΈΡΡΠ΅ΠΌΠ΅ Π’ΠΈΠ½ΡΠΊΠΎΡΡ Π΅ΡΡΡ Π»Π°ΠΉΡΡΡΠ°ΠΉΠ»-ΡΠ΅ΡΠ²ΠΈΡΡ. ΠΡΠΏΠΈΡΡ Π±ΠΈΠ»Π΅ΡΡ Π½Π° ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΠΌΠ΅ΡΠΎΠΏΡΠΈΡΡΠΈΡ — Π² ΠΊΠΈΠ½ΠΎ, ΡΠ΅Π°ΡΡΡ, Π½Π° ΠΊΠΎΠ½ΡΠ΅ΡΡΡ, ΡΠΏΠΎΡΡΠΈΠ²Π½ΡΠ΅ ΡΠΎΠ±ΡΡΠΈΡ ΠΌΠΎΠΆΠ½ΠΎ Π½Π° https://www.
ΠΠ΅Π½Ρ Π·ΠΎΠ²ΡΡ ΠΠ°Π΄ΠΈΠΌ ΠΈ Ρ ΡΠ°ΡΡΠΊΠ°ΠΆΡ Π²Π°ΠΌ, ΠΊΠ°ΠΊ ΠΌΡ ΡΡΠΎ Π΄Π΅Π»Π°Π»ΠΈ Π² ΠΊΠΎΠΌΠ°Π½Π΄Π΅ Π Π°Π·Π²Π»Π΅ΡΠ΅Π½ΠΈΠΉ Π² Π’ΠΈΠ½ΡΠΊΠΎΡΡ ΠΠ°Π½ΠΊΠ΅.
Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»Π΅Π΅
ΠΡΠ΅Π³ΠΎ Π³ΠΎΠ»ΠΎΡΠΎΠ² 54: β54 ΠΈ β0 +54
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 30
ivan_denisovΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 6 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²2K
Open source *JavaScript *HTML *Canvas *ΠΠ½ΡΠΎΠ³ΡΠ°ΡΠΈΠΊΠ°
ΠΠ· ΠΏΠ΅ΡΠΎΡΠ½ΠΈΡΡ
ΠΠ°Π½ΠΈΠΌΠ°ΡΠ΅Π»ΡΠ½ΠΎΠ΅ Π΄Π΅Π»ΠΎ β ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΡΠ΅ ΠΌΠΎΠ΄Π΅Π»ΠΈ. ΠΡΠΈΡΡΠ½ΠΎ Π²ΠΈΠ΄Π΅ΡΡ, ΡΡΠΎ ΡΠ΅Π»ΠΎΠ²Π΅ΠΊ ΠΏΠΎΠ½ΡΠ» ΡΡΠΎ-ΡΠΎ, Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΡΡ Ρ ΡΠ²ΠΎΠ΅ΠΉ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΎΠΉ. ΠΠ°ΡΠΈΠ½Π°Π» Π΄Π΅Π»Π°ΡΡ ΠΌΠΎΠ΄Π΅Π»ΠΈ Π² Matlab, ΠΏΡΠΎΠ±ΠΎΠ²Π°Π» ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Flash ΠΈ ΡΠ·ΡΠΊ ActionScript, ΠΏΠΎΠΊΠ° Π½Π΅ ΡΠ·Π½Π°Π» ΠΏΡΠΎ ΠΠ»ΡΠΊΠ±ΠΎΠΊΡ ΠΈ ΠΠ±Π΅ΡΠΎΠ½, ΠΊΠΎΡΠΎΡΡΠΉ ΠΈΠ΄Π΅Π°Π»ΡΠ½ΠΎ Π»ΡΠ³ Π½Π° ΠΌΠΎΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΠΎ ΡΠΎΠΌ, ΡΠΊΠΎΠ»ΡΠΊΠΎ Π²ΠΎΠΎΠ±ΡΠ΅ ΡΠ·ΡΠΊ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π·Π°Π½ΠΈΠΌΠ°ΡΡ Π² Π³ΠΎΠ»ΠΎΠ²Π΅ Ρ ΡΠΏΠ΅ΡΠΈΠ°Π»ΠΈΡΡΠ° ΠΏΡΠ΅Π΄ΠΌΠ΅ΡΠ½ΠΎΠΉ ΠΎΠ±Π»Π°ΡΡΠΈ. ΠΠ΄Π½Π°ΠΊΠΎ Π² 21-Π²Π΅ΠΊΠ΅ Π»ΡΠ΄ΠΈ ΠΏΡΠΎΡΡΠΎ Π±ΠΎΡΡΡΡ Π·Π°ΠΏΡΡΠΊΠ°ΡΡ ΠΊΠΎΠΌΠΏΠΈΠ»ΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ, ΠΈ Π°Π½ΡΠΈΠ²ΠΈΡΡΡΡ ΡΠ°ΡΡΠΎ Π΄Π°ΡΡ Π»ΠΎΠΆΠ½ΠΎ-ΠΏΠΎΠ»ΠΎΠΆΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΡΡΠ°Π±Π°ΡΡΠ²Π°Π½ΠΈΡ. ΠΠ°ΠΊ Π±ΡΡΡ? ΠΠ»Ρ Π΄ΠΈΡΡΡΠΈΠ±ΡΡΠΈΠΈ ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Π½ΡΠΆΠ½ΠΎ Π±ΡΠ»ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ½ΡΠ΅ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ JavaScript ΠΈ HTML5. Π ΠΏΡΠ±Π»ΠΈΠΊΠ°ΡΠΈΠΈ ΡΠ°Π·Π±ΠΈΡΠ°Π΅ΡΡΡ, ΠΊΠ°ΠΊ ΡΠ΄Π°Π»ΠΎΡΡ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΠΈΡΡ ΠΠ±Π΅ΡΠΎΠ½ ΠΈ HTML5 canvas Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΡ ΠΌΠΎΠ΄Π΅Π»Π΅ΠΉ ΠΎΠ½Π»Π°ΠΉΠ½.
Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»Π΅Π΅
ΠΡΠ΅Π³ΠΎ Π³ΠΎΠ»ΠΎΡΠΎΠ² 12: β12 ΠΈ β0 +12
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 27
yevgen12ΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 8 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²3.4K
JavaScript *HTML *Canvas *ΠΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΡ Π΄Π°Π½Π½ΡΡ *ΠΠΈΠ·Π°ΠΉΠ½ ΠΈΠ³Ρ *
ΠΠΈΠΆΠ΅ Π±ΡΠ΄Π΅Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΎ Π²ΠΎΠΏΠ»ΠΎΡΠ΅Π½ΠΈΠ΅ ΡΡΠ΅Π΄ΡΡΠ²Π°ΠΌΠΈ HTML5 ΠΎΠ΄Π½ΠΎΠΉ ΠΈΠ· Π½Π΅ΠΎΠ±ΡΡΠ½ΡΡ ΠΈΠ΄Π΅ΠΉ ΠΏΠΎ Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π΅Π½Π½ΠΎΠ³ΠΎ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΡΠΏΡΠ°Π²Π»ΡΠ΅ΠΌΠΎΠ³ΠΎ ΠΎΠ±ΡΠ΅ΠΊΡΠ°. ΠΠΎΠ΄ ΠΌΠΎΠΆΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ½ΡΡ ΠΈΠ³ΡΠ°Ρ , ΠΈΠΌΠΈΡΠΈΡΡΡΡΠΈΡ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΡΡΠ°Π½ΡΠΏΠΎΡΡΠ½ΡΠΌ ΡΡΠ΅Π΄ΡΡΠ²ΠΎΠΌ Π² ΡΡΠ΅Ρ ΠΌΠ΅ΡΠ½ΠΎΠΌ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π΅. Π‘ΠΏΠΎΡΠΎΠ± ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ ΠΎΡΠΈΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½ Π½Π° ΡΠΈΠΌΡΠ»ΡΡΠΎΡΡ ΡΡΠ±ΡΠ΅ΡΡΠΈΠ½ ΠΈΠ»ΠΈ Π΄ΡΡΠ³ΠΈΡ ΡΠ°Π½ΡΠ°ΡΡΠΈΡΠ΅ΡΠΊΠΈΡ ΠΌΠ°ΡΠΈΠ½.
ΠΡΠΊΡΡΡΡΠ²Π΅Π½Π½ΡΠΉ Π³ΠΎΡΠΈΠ·ΠΎΠ½Ρ Π² ΡΠ°ΡΡΠΌΠ°ΡΡΠΈΠ²Π°Π΅ΠΌΠΎΠΌ Π·Π΄Π΅ΡΡ ΡΠ·ΠΊΠΎΠΌ ΡΠΌΡΡΠ»Π΅ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΡ Π½Π°ΠΊΠ»ΠΎΠ½Π° ΠΎΠ±ΡΠ΅ΠΊΡΠ° ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΌΠ΅ΡΡΠ½ΠΎΠΉ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΠΈ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΡ Π΄Π»Ρ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ Π΅Π³ΠΎ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ΠΌ. ΠΠ°ΠΊΠ»ΠΎΠ½ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅ΡΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΡΠΌΠΈ Π΄Π²ΡΡ
ΡΠ³Π»ΠΎΠ² ΠΠΉΠ»Π΅ΡΠ°, ΠΊΡΠ΅Π½Π° ΠΈ ΡΠ°Π½Π³Π°ΠΆΠ°. ΠΠ²ΠΈΠ°ΡΠΈΠΎΠ½Π½ΠΎΠΌΡ ΡΠ΅ΡΠΌΠΈΠ½Ρ Β«ΡΠ°Π½Π³Π°ΠΆΒ» ΠΌΠΎΡΡΠΊΠΈ ΠΏΡΠ΅Π΄ΠΏΠΎΡΠΈΡΠ°ΡΡ ΡΠΈΠ½ΠΎΠ½ΠΈΠΌ Β«Π΄ΠΈΡΡΠ΅ΡΠ΅Π½ΡΒ».
Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»ΡΡΠ΅ β
ΠΡΠ΅Π³ΠΎ Π³ΠΎΠ»ΠΎΡΠΎΠ² 8: β8 ΠΈ β0 +8
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 3
degenerative_artΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 7 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²1.8K
JavaScript *ΠΠ»Π³ΠΎΡΠΈΡΠΌΡ *Canvas *ΠΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΡ Π΄Π°Π½Π½ΡΡ *ΠΠΊΠΎΠ»ΠΎΠ³ΠΈΡ
ΠΠ΅ΡΠ΅Π²ΠΎΠ΄
ΠΡΠ΅ Π·Π½Π°ΠΊΠΎΠΌΡ Ρ ΡΠ°ΠΉΡΠ°ΠΌΠΈ ΠΏΡΠΎΠ³Π½ΠΎΠ·Π° ΠΏΠΎΠ³ΠΎΠ΄Ρ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΊΠ»ΠΈΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΡ ΡΠ²Π»Π΅Π½ΠΈΠΉ, ΠΏΡΠΎΡΡΠΎ ΠΈ ΡΠ΄ΠΎΠ±Π½ΠΎ ΠΏΠ΅ΡΠ΅Π΄Π°ΡΡΠΈΠ΅ Π½ΡΠ½Π΅ΡΠ½ΡΡ ΠΈΠ»ΠΈ Π±ΡΠ΄ΡΡΡΡ ΠΏΠΎΠ³ΠΎΠ΄Ρ. ΠΠ΄Π½Π°ΠΊΠΎ ΠΈΠΊΠΎΠ½ΠΊΠΈ Π½Π΅ ΠΌΠΎΠ³ΡΡ ΠΏΠ΅ΡΠ΅Π΄Π°ΡΡ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° ΠΏΠΎΠ³ΠΎΠ΄Ρ, Π²ΡΠΎΠ΄Π΅ Π²Π΅ΡΡΠ°.
Π ΠΏΠΎΡΡΠΎΠΌΡ ΠΌΡ ΠΏΠΎΠ΄ΡΠΌΠ°Π»ΠΈ ΠΎ ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ Β«ΠΆΠΈΠ²ΠΎΠ³ΠΎ ΠΎΠΊΠ½Π°Β», ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ ΠΏΠΎΠ³ΠΎΠ΄Ρ ΠΈ Π΅Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅. ΠΡ ΡΠ΅ΡΠΈΠ»ΠΈ ΡΠΎΠ·Π΄Π°ΡΡ Π²Π΅Π±-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡΠΎΡΠΎΠ΅ Π±ΡΠ΄Π΅Ρ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡ Π½ΡΠ½Π΅ΡΠ½ΠΈΠ΅ ΠΏΠΎΠ³ΠΎΠ΄Π½ΡΠ΅ ΡΡΠ»ΠΎΠ²ΠΈΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΠΏΡΠΈΡΠΎΠ΄Π½ΡΠΉ Π»Π°Π½Π΄ΡΠ°ΡΡ, ΡΠΎΠ·Π΄Π°Π½Π½ΡΠΉ ΠΏΡΡΡΠΌ Π²ΡΡΠΈΡΠ»Π΅Π½ΠΈΠΉ, Π½ΠΎ Π² ΡΠΎ ΠΆΠ΅ Π²ΡΠ΅ΠΌΡ ΡΡΡΠ΅ΡΠΈΡΠ½ΠΎ. ΠΡΡΠ³ΠΈΠΌΠΈ ΡΠ»ΠΎΠ²Π°ΠΌΠΈ, ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ Π³Π΅Π½Π΅ΡΠ°ΡΠΈΠ²Π½ΠΎΠ³ΠΎ ΠΈΡΠΊΡΡΡΡΠ²Π°.
Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»Π΅Π΅
ΠΡΠ΅Π³ΠΎ Π³ΠΎΠ»ΠΎΡΠΎΠ² 7: β7 ΠΈ β0 +7
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 0
vlad1953ΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 6 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²4.2K
JavaScript *Π Π°Π±ΠΎΡΠ° Ρ 3D-Π³ΡΠ°ΡΠΈΠΊΠΎΠΉ *Canvas *ΠΠ°ΡΠ΅ΠΌΠ°ΡΠΈΠΊΠ° *WebGL *
Π’ΡΡΠΎΡΠΈΠ°Π»
Π’ΡΠ΅Ρ
ΠΌΠ΅ΡΠ½ΡΡ Π³ΡΠ°ΡΠΈΠΊΡ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°ΡΡ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΡΡ WebGL ΠΈΠ»ΠΈ
Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ ΡΠΎΠ·Π΄Π°Π½Π½ΡΠ΅ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ WebGL, Π½ΠΎ ΠΈ ΠΏΡΡΠ΅ΠΌ ΠΏΡΠΎΡΡΠΎΠΉ ΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ Π½Π° 2D-Ρ
ΠΎΠ»ΡΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΡΡΠ½ΠΊΡΠΈΠΈ HTML5 Canvas.
Π‘ΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΠΊΠ½ΠΈΠ³, ΡΡΠ°ΡΠ΅ΠΉ ΠΈ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ Π² ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ ΠΎ ΡΠΎΠΌ ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Ρ
ΠΎΠ»ΡΡ
HTML5 Canvas Π΄Π»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΡΠΈΡΡΠ½ΠΊΠΎΠ², Π³ΡΠ°ΡΠΈΠΊΠΎΠ² ΠΈ Π΄Π°ΠΆΠ΅ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ Π² Π½Π΅ΠΊΠΎΡΠΎΡΡΡ
Π±ΡΠ°ΡΠ·Π΅ΡΠ½ΡΡ
ΠΈΠ³ΡΠ°Ρ
.
ΠΠ΄Π½Π°ΠΊΠΎ ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ ΡΠ°ΡΡΠΌΠ°ΡΡΠΈΠ²Π°Π΅ΡΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ Π½Π΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎΠ³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Ρ
ΠΎΠ»ΡΡΠ° Π΄Π»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΡΡΠ΅Ρ
ΠΌΠ΅ΡΠ½ΡΡ
ΠΎΠ±ΡΠ΅ΠΊΡΠΎΠ².
ΠΡΡΠ°Π½ΠΎΠ²ΠΈΠΌΡΡ Π½Π° ΡΡΠΎΠΌ ΡΡΡΡ ΠΏΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅.
ΠΡΠ»ΠΈ ΡΠΎΠ·Π΄Π°Π΅ΡΡΡ ΡΡΠ΅Ρ
ΠΌΠ΅ΡΠ½Π°Ρ ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠ½Π°Ρ ΠΈΠ³ΡΠ°, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ 3D-ΡΡΡΠ΅Ρ, ΡΠΎ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ ΡΡΠ°ΡΠ°ΡΡΡΡ ΡΠ΄Π΅Π»Π°ΡΡ Π΅Π΅ ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ Π±ΠΎΠ»Π΅Π΅ ΡΠ΅Π°Π»ΠΈΡΡΠΈΡΠ½ΠΎΠΉ ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΡΡΠΊΠΎΡΠΈΡΠ΅Π»ΠΈ. Π ΡΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ Π±Π΅Π· ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΡ
ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ½ΡΡ
ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² ΠΎΠ±ΠΎΠΉΡΠΈΡΡ Π½Π΅ ΡΠ΄Π°ΡΡΡΡ. ΠΠ»Ρ ΡΠ°ΠΊΠΈΡ
ΠΈΠ³Ρ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ Π΅ΡΡΡ ΠΏΡΡΠΌΠΎΠΉ ΡΠΌΡΡΠ» ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ WebGL ΠΈ Three.js. Π‘Π°ΠΌΠΎΠ΅ Π³Π»Π°Π²Π½ΠΎΠ΅, ΡΡΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅ΠΉΠ΄Π΅ΡΠΎΠ² ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½Π½ΡΡ
Π΄Π»Ρ ΡΡΠΈΡ
ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ½ΡΡ
ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡΡΡΠ΅ΡΡΠ²ΠΈΡΡ ΡΠ΅Π°Π»ΠΈΡΡΠΈΡΠ½ΠΎΠ΅ ΠΎΡΠ²Π΅ΡΠ΅Π½ΠΈΠ΅ ΡΡΠ΅Π½Ρ ΠΈ Π½Π°Ρ
ΠΎΠ΄ΡΡΠΈΡ
ΡΡ Π½Π° ΡΡΠ΅Π½Π΅ ΠΎΠ±ΡΠ΅ΠΊΡΠΎΠ².
ΠΠΎ Π΅ΡΠ»ΠΈ ΡΡΠ΅Π±ΡΠ΅ΡΡΡ ΠΏΡΠΎΡΡΠΎ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ ΡΡΠ΅Ρ ΠΌΠ΅ΡΠ½ΡΠΉ ΠΎΠ±ΡΠ΅ΠΊΡ ΡΠΎ Π²ΡΠ΅Ρ ΡΡΠΎΡΠΎΠ½, ΡΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠ±ΠΎΠΉΡΠΈΡΡ Π±Π΅Π· WebGL ΠΈ ΡΠ΅ΠΉΠ΄Π΅ΡΠΎΠ². ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ CAD/CAM ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½Ρ ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ ΠΌΠΎΠ΄Π΅Π»ΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠΎΡΠΌΡ ΠΎΠ±ΡΠ΅ΠΊΡΠΎΠ² ΠΈ Π½Π΅ ΠΏΡΠ΅Π΄ΠΏΠΎΠ»Π°Π³Π°ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΠ΅Π°Π»ΠΈΡΡΠΈΡΠ½ΠΎΠ³ΠΎ ΠΎΡΠ²Π΅ΡΠ΅Π½ΠΈΡ.
ΠΠ° ΡΠ°ΠΉΡΠ΅ Canvas ΠΈ Π³Π΅ΠΎΠΌΠ΅ΡΡΠΈΡ Ρ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎ ΠΈ ΠΎΡΠ΅Π½Ρ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎ ΠΎΠ±ΡΡΡΠ½ΡΡ ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΠΈΡΠΊΠ»ΡΡΠΈΡΠ΅Π»ΡΠ½ΠΎ HTML5 Canvas ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ 3D-ΠΌΠΎΠ΄Π΅Π»Π΅ΠΉ ΠΌΠ½ΠΎΠ³ΠΎΠ³ΡΠ°Π½Π½ΠΈΠΊΠΎΠ².
Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»ΡΡΠ΅ β
ΠΡΠ΅Π³ΠΎ Π³ΠΎΠ»ΠΎΡΠΎΠ² 6: β2 ΠΈ β4 -2
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 5
SimbirSoft_frontendΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 6 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²4.5K
ΠΠ»ΠΎΠ³ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ SimbirSoft Π Π°Π·ΡΠ°Π±ΠΎΡΠΊΠ° Π²Π΅Π±-ΡΠ°ΠΉΡΠΎΠ² *Canvas *ReactJS *
ΠΠ½ΠΎΠ³Π΄Π° Π² ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ Π½Π°Π΄ΠΎ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ ΠΌΠΎΠ΄Π΅Π»Ρ ΠΏΠΎΠΌΠ΅ΡΠ΅Π½ΠΈΡ β Π΄ΠΎΠΏΡΡΡΠΈΠΌ, ΠΊΠΈΠ½ΠΎΡΠ΅Π°ΡΡΠ° ΠΈΠ»ΠΈ Π΄Π°ΠΆΠ΅ ΡΠ΅Π»ΠΎΠ³ΠΎ ΡΡΠ°Π΄ΠΈΠΎΠ½Π°, Π΅ΡΠ»ΠΈ Π²Ρ ΠΏΡΠΎΠ΄Π°Π΅ΡΠ΅ Π±ΠΈΠ»Π΅ΡΡ Π½Π° ΠΊΠΎΠ½ΡΠ΅ΡΡ Metallica. ΠΡΠ»ΠΈ Π² Π·Π°Π»Π΅ 50-100 ΡΡΡΡΡ ΠΌΠ΅ΡΡ, ΡΠΎ Π΄Π»Ρ ΠΈΡ Π²ΡΠ²ΠΎΠ΄Π° Π½Π° ΡΠΊΡΠ°Π½ Π½ΡΠΆΠ½ΠΎ ΠΏΡΠΎΠ΄ΡΠΌΠ°ΡΡ ΠΏΠ»Π°Π²Π½ΡΠΉ zoom, ΡΠΊΡΠΎΠ»Π»ΠΈΠ½Π³ ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ Π΄Π΅ΡΠ°Π»ΠΈ. ΠΡΠ°ΠΊ, Π³Π»Π°Π²Π½ΡΠΉ Π²ΠΎΠΏΡΠΎΡ β ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡ ΡΡΡΡΡΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π½Π° ΡΠΊΡΠ°Π½Π΅, ΡΡΠΎΠ±Ρ ΡΡΠΎ Π±ΡΠ»ΠΎ ΡΠ΄ΠΎΠ±Π½ΠΎ Π΄Π»Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ?
ΠΠ΅Π΄Π°Π²Π½ΠΎ ΠΌΡ ΠΏΠΈΡΠ°Π»ΠΈ ΠΎ ΡΠΊΡΠΎΠ»Π»ΠΈΠ½Π³Π΅ Π΄ΠΈΠ°Π³ΡΠ°ΠΌΠΌ Ρ ΠΏΠΎΠΌΠΎΡΡΡ d3.js, Π° ΡΠ΅ΠΉΡΠ°Ρ Ρ ΠΎΡΠΈΠΌ ΠΏΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ Π΄ΡΡΠ³ΠΈΠΌ ΠΊΠ΅ΠΉΡΠΎΠΌ. Π Π°ΡΡΠΊΠ°Π·ΡΠ²Π°Π΅ΠΌ, ΠΊΠ°ΠΊ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Canvas ΠΌΠΎΠΆΠ½ΠΎ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°ΡΡ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΡ ΡΡ Π΅ΠΌΡ Π·Π°Π»Π°, ΠΊΠΎΡΠΎΡΡΡ ΠΏΡΠΎΡΡΠΎ Π²ΡΡΡΠ°ΠΈΠ²Π°ΡΡ Π² Π»ΡΠ±ΡΠ΅ Π²Π΅Π±-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ.
Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»ΡΡΠ΅ β
ΠΡΠ΅Π³ΠΎ Π³ΠΎΠ»ΠΎΡΠΎΠ² 8: β7 ΠΈ β1 +6
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 4
EpicLegend_ggΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 2 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²16K
CSS *JavaScript *HTML *Canvas *
Π’ΡΡΠΎΡΠΈΠ°Π»
ΠΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ ΡΠ΅Ρ , ΠΊΡΠΎ Π½Π°ΡΠΈΠ½Π°Π΅Ρ ΠΈΠ·ΡΡΠ°ΡΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅, Π½Π°ΡΠ°Π»ΠΈ ΡΡΠΎ ΠΈΠ·-Π·Π° ΠΆΠ΅Π»Π°Π½ΠΈΡ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ²ΠΎΡ ΠΈΠ³ΡΡ. ΠΡΡΡβ¦ Ρ Π½Π΅ ΠΈΡΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅, Π½ΠΎ ΡΡΠ΄ΡΠ±Π° ΠΌΠ΅Π½Ρ Π·Π°Π½Π΅ΡΠ»Π° Π² Π²Π΅Π± ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΡ.
Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»ΡΡΠ΅ β
ΠΡΠ΅Π³ΠΎ Π³ΠΎΠ»ΠΎΡΠΎΠ² 4: β2 ΠΈ β2 0
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 0
ru_vds000Z» title=»2020-04-14, 12:30″>14 Π°ΠΏΡ 2020 Π² 12:30
ΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 10 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²4.3K
ΠΠ»ΠΎΠ³ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ RUVDS.com Π Π°Π·ΡΠ°Π±ΠΎΡΠΊΠ° Π²Π΅Π±-ΡΠ°ΠΉΡΠΎΠ² *JavaScript *ΠΠ»ΠΈΠ΅Π½ΡΡΠΊΠ°Ρ ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΡ *Canvas *
ΠΠ΅ΡΠ΅Π²ΠΎΠ΄
Π Π΅Π½Π΄Π΅ΡΠΈΠ½Π³ Π΄ΠΈΠ°Π³ΡΠ°ΠΌΠΌ ΠΌΠΎΠΆΠ΅Ρ ΡΠ΅ΡΡΡΠ·Π½ΠΎ Π½Π°Π³ΡΡΠ·ΠΈΡΡ ΡΠ°Π±ΠΎΡΠΎΠΉ Π±ΡΠ°ΡΠ·Π΅Ρ. ΠΡΠΎΠ±Π΅Π½Π½ΠΎ Π΅ΡΠ»ΠΈ ΡΠ΅ΡΡ ΠΈΠ΄ΡΡ ΠΎ Π²ΡΠ²ΠΎΠ΄Π΅ Π² ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ΅ ΡΠ»ΠΎΠΆΠ½ΠΎΠ³ΠΎ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²Π° ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΡΡΠΈΡ
Π΄ΠΈΠ°Π³ΡΠ°ΠΌΠΌΡ. ΠΠΎΠΏΡΡΠ°ΡΡΡΡ ΡΠ»ΡΡΡΠΈΡΡ ΡΠΈΡΡΠ°ΡΠΈΡ ΠΌΠΎΠΆΠ½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° OffscreenCanvas
, ΡΡΠΎΠ²Π΅Π½Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ Π±ΡΠ°ΡΠ·Π΅ΡΠ°ΠΌΠΈ ΠΏΠΎΡΡΠ΅ΠΏΠ΅Π½Π½ΠΎ ΡΠ°ΡΡΡΡ. ΠΠ½ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ, Π·Π°Π΄Π΅ΠΉΡΡΠ²ΠΎΠ²Π°Π² Π²Π΅Π±-Π²ΠΎΡΠΊΠ΅Ρ, ΠΏΠ΅ΡΠ΅Π»ΠΎΠΆΠΈΡΡ Π½Π° Π½Π΅Π³ΠΎ Π·Π°Π΄Π°ΡΠΈ ΠΏΠΎ ΡΠΎΡΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, Π²ΡΠ²ΠΎΠ΄ΠΈΠΌΠΎΠ³ΠΎ Π² Π²ΠΈΠ΄ΠΈΠΌΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ <canvas>
.
Π‘ΡΠ°ΡΡΡ, ΠΏΠ΅ΡΠ΅Π²ΠΎΠ΄ ΠΊΠΎΡΠΎΡΠΎΠΉ ΠΌΡ ΡΠ΅Π³ΠΎΠ΄Π½Ρ ΠΏΡΠ±Π»ΠΈΠΊΡΠ΅ΠΌ, ΠΏΠΎΡΠ²ΡΡΠ΅Π½Π° ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° OffscreenCanvas
. ΠΠ΄Π΅ΡΡ ΡΠ΅ΡΡ ΠΏΠΎΠΉΠ΄ΡΡ ΠΎ ΡΠΎΠΌ, Π·Π°ΡΠ΅ΠΌ ΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡΡΡΡ ΡΡΠΎΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ, ΠΎ ΡΠΎΠΌ, ΡΠ΅Π³ΠΎ ΡΠ΅Π°Π»ΡΠ½ΠΎ ΠΎΠΆΠΈΠ΄Π°ΡΡ ΠΎΡ Π΅Π³ΠΎ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΡ, ΠΈ ΠΎ ΡΠΎΠΌ, ΠΊΠ°ΠΊΠΈΠ΅ ΡΠ»ΠΎΠΆΠ½ΠΎΡΡΠΈ ΠΌΠΎΠ³ΡΡ Π²ΠΎΠ·Π½ΠΈΠΊΠ½ΡΡΡ ΠΏΡΠΈ ΡΠ°Π±ΠΎΡΠ΅ Ρ Π½ΠΈΠΌ.
Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»ΡΡΠ΅ β
ΠΡΠ΅Π³ΠΎ Π³ΠΎΠ»ΠΎΡΠΎΠ² 37: β37 ΠΈ β0 +37
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 0
KempstonΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 10 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²2.4K
JavaScript *Π Π°Π·ΡΠ°Π±ΠΎΡΠΊΠ° ΠΈΠ³Ρ *Canvas *Π Π°ΡΡΠΈΡΠ΅Π½ΠΈΡ Π΄Π»Ρ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ² ΠΡΠΎΠ΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ³Ρ *
ΠΠ΅Π΄Π°Π²Π½ΠΎ Ρ Π½Π°Ρ Ρ Π΄ΡΡΠ³ΠΎΠΌ Π·Π°ΡΠ΅Π» ΡΠ°Π·Π³ΠΎΠ²ΠΎΡ ΠΎ ΠΊΠ°ΡΡΠΎΡΠ½ΡΡ ΠΈΠ³ΡΠ°Ρ . ΠΠ½ ΡΠΊΠ°Π·Π°Π», ΡΡΠΎ ΡΠΌΠ΅Π΅Ρ ΠΈΠ³ΡΠ°ΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π² ΠΏΠΎΠΊΠ΅Ρ, Π½ΠΎ ΠΈ ΡΠΎ Π΄Π°Π²Π½ΠΎ ΡΡΠΎΠ³ΠΎ Π½Π΅ Π΄Π΅Π»Π°Π», ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ Π·Π°Π±ΡΠ» Π²ΡΠ΅ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°ΡΠΈΠΈ. ΠΠΎΡ ΠΈ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡΠΈΠ»ΠΈβ¦ Π― Π²ΡΠΏΠΎΠΌΠ½ΠΈΠ», ΡΡΠΎ ΠΏΠ°ΡΡ Π»Π΅Ρ Π½Π°Π·Π°Π΄ Ρ Π½Π°ΠΏΠΈΡΠ°Π» ΠΏΡΡΡ ΠΊΠ°ΡΡΠΎΡΠ½ΡΡ ΠΈΠ³Ρ, Π²ΠΊΠ»ΡΡΠ°Ρ ΠΏΠΎΠΊΠ΅Ρ Π’Π΅Ρ Π°ΡΡΠΊΠΈΠΉ Π₯ΠΎΠ»Π΄Π΅ΠΌ, Π³Π΄Π΅ Π² Π»ΡΠ±ΠΎΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ Π² ΠΏΡΠΎΡΠ΅ΡΡΠ΅ ΠΈΠ³ΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡΠΌΠΎΡΡΠ΅ΡΡ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ ΡΠΎΠ±ΡΠ°Π½Π½ΡΠ΅ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°ΡΠΈΠΈ, Π½ΠΎ ΠΈ Π²ΡΠ΅ ΠΏΠΎΡΠ΅Π½ΡΠΈΠ°Π»ΡΠ½ΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΡΠ΅ Π²Π°ΡΠΈΠ°Π½ΡΡ Ρ Π΅ΡΠ΅ Π½Π΅ ΠΎΡΠΊΡΡΡΡΠΌΠΈ ΠΊΠ°ΡΡΠ°ΠΌΠΈ. ΠΡΠΎ Π²ΠΏΠΎΠ»Π½Π΅ ΠΌΠΎΠ³Π»ΠΎ Π±Ρ ΡΡΠ°ΡΡ ΠΎΠ±ΡΡΠ°ΡΡΠΈΠΌ ΠΏΠΎΡΠΎΠ±ΠΈΠ΅ΠΌ ΠΈ ΠΏΠΎΠΌΠΎΡΡ ΠΎΡΠ²Π΅ΠΆΠΈΡΡ Π² ΠΏΠ°ΠΌΡΡΠΈ ΠΏΡΠ°Π²ΠΈΠ»Π° Π² ΠΏΡΠΎΡΠ΅ΡΡΠ΅ ΠΈΠ³ΡΡ Ρ Π±ΠΎΡΠ°ΠΌΠΈ.
Π― ΡΠ΅ΡΠΈΠ» Π·Π°Π½ΡΡΡΡΡ ΡΠ΅ΡΠ°ΠΊΡΠΎΡΠΈΠ½Π³ΠΎΠΌ ΡΠ²ΠΎΠ΅Π³ΠΎ ΡΡΠ°ΡΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π°, Π° ΡΠ°ΠΊΠΆΠ΅, ΠΏΠΎΠ΄ΠΏΡΠ°Π²ΠΈΡΡ Π³ΡΠ°ΡΠΈΠΊΡ. ΠΠΈΠ·Π°ΠΉΠ½ ΠΌΠ½Π΅ Π²ΡΠ΅Π³Π΄Π° Π΄Π°Π²Π°Π»ΡΡ Ρ ΡΡΡΠ΄ΠΎΠΌ, ΡΡΠΎ Π½Π΅ ΠΌΠΎΠ΅. Π Π°ΡΡΡΠΈΡΡΠ²Π°Ρ Ρ
ΠΎΡΡ Π½Π° ΠΊΠ°ΠΊΠΎΠ΅-ΡΠΎ Π²Π΄ΠΎΡ
Π½ΠΎΠ²Π΅Π½ΠΈΠ΅, Ρ Π²ΠΊΠ»ΡΡΠΈΠ» ΡΠ°ΡΠ½Π΄-ΡΡΠ΅ΠΊ ΠΈΠ· GTA San-Andreas, ΡΠΎΡ, ΡΡΠΎ Ρ ΠΊΠ°Π½ΡΡΠΈ-ΠΌΡΠ·ΡΠΊΠΎΠΉ, Ρ ΡΠ°Π΄ΠΈΠΎ K-Rose. ΠΠ½Π΅ ΠΊΠ°ΠΆΠ΅ΡΡΡ, ΡΡΠΎ ΠΎΠ½ Ρ
ΠΎΡΠΎΡΠΎ ΠΏΠ΅ΡΠ΅Π΄Π°Π΅Ρ Π°ΡΠΌΠΎΡΡΠ΅ΡΡ ΠΠ°Ρ-ΠΠ΅Π³Π°ΡΠ°. Π― ΡΠ°ΠΌ Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ Π±ΡΠ», Π½ΠΎ ΡΠΎΡΠ½ΠΎ ΠΏΠ΅ΡΠ΅Π΄Π°Π΅Ρ! ΠΠ»ΡΠ½ΡΡΡ ΡΠ²ΠΎΠ΅ΠΉ Π·Π²Π΅Π·Π΄ΠΎΠΉ ΡΠ΅ΡΠΈΡΠ°. (ΠΡΠ»ΠΈ ΡΡΠΎ β ΠΎΠ½Π° ΠΏΠ»Π°ΡΡΠΈΠΊΠΎΠ²Π°Ρ, ΡΠ°ΠΊ ΡΡΠΎ, Π½Π΅ ΠΆΠ°Π»ΠΊΠΎ…) Π Π΄Π°ΠΆΠ΅ Π½Π΅ ΠΏΠΎΠ»Π΅Π½ΠΈΠ»ΡΡ Π·Π°ΠΉΡΠΈ Π² ΡΠ°ΠΌΡ Π»Π΅Π³Π΅Π½Π΄Π°ΡΠ½ΡΡ ΠΈΠ³ΡΡ ΠΈ ΠΏΡΠΎΠΊΠ°ΡΠΈΡΡΡΡ ΠΏΠΎ ΠΠ°Ρ-ΠΠ΅Π½ΡΡΡΠ°ΡΡ, Π²ΠΈΡΡΡΠ°Π»ΡΠ½ΠΎΠΌΡ ΠΏΡΠΎΡΠΎΡΠΈΠΏΡ ΠΌΠΈΡΠΎΠ²ΠΎΠΉ ΠΈΠ³ΠΎΡΠ½ΠΎΠΉ ΡΡΠΎΠ»ΠΈΡΡ.
ΠΡΠ΅Π³ΠΎ Π³ΠΎΠ»ΠΎΡΠΎΠ² 9: β7 ΠΈ β2 +5
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 2
AmedomaryΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 2 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²3K
JavaScript *Canvas *
Π’ΡΡΠΎΡΠΈΠ°Π»
Π ΠΏΠΎΠΏΡΡΠΊΠ°Ρ ΠΎΠΏΡΠΈΠΌΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ 2D Π°Π½ΠΈΠΌΠ°ΡΠΈΡ ΡΠΎΠ·Π΄Π°Π½Π½ΡΡ Π² canvas, Π±ΡΠ» Π½Π°ΠΉΠ΄Π΅Π½ ΠΎΠ΄ΠΈΠ½ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΠΉ Π²Π°ΡΠΈΠ°Π½Ρ.
ΠΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½Π°Ρ Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΡ β prerender.
«Π ΡΡΠΎ Π΅ΡΠ»ΠΈ Π·Π°ΠΏΠΈΡΠ°ΡΡ Π²ΡΠ΅ ΠΊΠ°Π΄ΡΡ Π·Π°ΡΠ°Π½Π΅Π΅ ΠΈ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ ΠΈΡ ΠΏΠΎΡΠ»Π΅ ΠΎΠΊΠΎΠ½ΡΠ°Π½ΠΈΡ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ?» β ΠΏΠΎΠ΄ΡΠΌΠ°Π»ΠΈ ΠΌΡ Ρ ΡΠΎΠ²Π°ΡΠΈΡΠ΅ΠΌ ΠΈ Π²ΠΎΡ ΡΡΠΎ ΠΏΠΎΠ»ΡΡΠΈΠ»ΠΎΡΡ Π½Π° ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ Π΄Π΅Π½Ρ.
Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»ΡΡΠ΅ β
ΠΡΠ΅Π³ΠΎ Π³ΠΎΠ»ΠΎΡΠΎΠ² 15: β12 ΠΈ β3 +9
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 6
lipton_ice_teaΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 4 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²8.7K
Π Π°Π·ΡΠ°Π±ΠΎΡΠΊΠ° Π²Π΅Π±-ΡΠ°ΠΉΡΠΎΠ² *JavaScript *Canvas *Maps API *
ΠΠΎΠ±ΡΠΎΠ³ΠΎ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ ΡΡΡΠΎΠΊ, Π΄ΠΎΡΠΎΠ³ΠΈΠ΅ Ρ Π°Π±ΡΠ°Ρ Π°Π±ΡΠΎΠ²ΡΡ!
Leaflet β Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ°, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡΠ°Ρ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΠ΅ ΠΊΠ°ΡΡΡ Π½Π° ΠΠ°Ρ ΡΠ°ΠΉΡ ΠΈ Π»Π΅Π³ΠΊΠΎ ΠΈΡ
ΠΊΠ°ΡΡΠΎΠΌΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ. Π‘Π΅Π³ΠΎΠ΄Π½Ρ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ ΡΠΎ, ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΡΠΈΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π½Π° Canvas-ΡΠ»ΠΎΠ΅ ΠΊΠ°ΡΡ, ΡΠΎΠ²ΠΌΠ΅ΡΡΠ½ΠΎ Ρ Π±Π°Π·ΠΎΠ²ΡΠΌΠΈ ΠΌΠ°ΡΠΊΠ΅ΡΠ°ΠΌΠΈ.
Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»ΡΡΠ΅ β
ΠΡΠ΅Π³ΠΎ Π³ΠΎΠ»ΠΎΡΠΎΠ² 10: β10 ΠΈ β0 +10
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 1
Canvas β ΠΠ»Π΅ΠΌΠ΅Π½Ρ HTML5 / Π₯Π°Π±Ρ
ΠΠ»Π΅ΠΌΠ΅Π½Ρ HTML5
Π‘ΡΠ°ΡΡΠΈ ΠΠ²ΡΠΎΡΡ ΠΠΎΠΌΠΏΠ°Π½ΠΈΠΈ
Π‘Π½Π°ΡΠ°Π»Π° ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡ
ΠΠΎΡΠΎΠ³ ΡΠ΅ΠΉΡΠΈΠ½Π³Π°
Π£ΡΠΎΠ²Π΅Π½Ρ ΡΠ»ΠΎΠΆΠ½ΠΎΡΡΠΈ
000Z» title=»2023-01-25, 17:21″>25 ΡΠ½Π² Π² 17:21
ΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 6 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²2.4K
JavaScript *ΠΠ»Π³ΠΎΡΠΈΡΠΌΡ *Canvas *
ΠΡΠΈΠ²Π΅Ρ! ΠΡ ΠΏΡΠΎΠ΄ΠΎΠ»ΠΆΠ°Π΅ΠΌ ΡΠΈΠΊΠ» ΡΡΠ°ΡΠ΅ΠΉ ΠΏΠΎ Π±Π°Π·ΠΎΠ²ΡΠΌ ΠΏΡΠΈΠ½ΡΠΈΠΏΠ°ΠΌ ΡΠ°Π±ΠΎΡΡ Ρ canvas. Π‘Π΅Π³ΠΎΠ΄Π½Ρ ΠΌΡ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ L-ΡΠΈΡΡΠ΅ΠΌΡ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΏΡΠΈΠΌΠ΅ΡΠ° Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΡ Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΠΉ.
Π’Π°ΠΊ ΡΡΠΎ ΠΆΠ΅ ΡΠ°ΠΊΠΎΠ΅ L-ΡΠΈΡΠ΅ΠΌΡ? L-ΡΠΈΡΡΠ΅ΠΌΡ (ΠΈΠ»ΠΈ ΡΠΈΡΡΠ΅ΠΌΡ ΠΠΈΠ½Π΄Π΅Π½ΠΌΠ°ΠΉΠ΅ΡΠ°) β ΡΡΠΎ Π½Π°Π±ΠΎΡ ΠΏΡΠΎΡΡΡΡ ΠΏΡΠ°Π²ΠΈΠ», ΠΊΠΎΡΠΎΡΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ Π΄Π»Ρ ΠΌΠΎΠ΄Π΅Π»ΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠΎΡΡΠ° Π²ΠΎΠ΄ΠΎΡΠΎΡΠ»Π΅ΠΉ (ΠΈ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ), ΡΠΎΠ·Π΄Π°Π½Π½ΡΠ΅ Π²Π΅Π½Π³Π΅ΡΡΠΊΠΈΠΌ Π±ΠΈΠΎΠ»ΠΎΠ³ΠΎΠΌ ΠΡΠΈΡΡΠΈΠ΄ΠΎΠΌ ΠΠΈΠ½Π΄Π΅Π½ΠΌΠ°ΠΉΠ΅ΡΠΎΠΌ Π² 1968 Π³ΠΎΠ΄Ρ.
Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»Π΅Π΅
ΠΡΠ΅Π³ΠΎ Π³ΠΎΠ»ΠΎΡΠΎΠ² 10: β10 ΠΈ β0 +10
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 4
ushliypakostnikΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 11 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²4.3K
JavaScript *Π Π°Π·ΡΠ°Π±ΠΎΡΠΊΠ° ΠΈΠ³Ρ *Canvas *VueJS *TypeScript *
Π‘Π°ΠΌΠΎΠΉ ΡΡΠΏΠ΅ΡΠ½ΠΎΠΉ ΠΌΠΎΠ΅ΠΉ ΡΡΠ°ΡΡΠ΅ΠΉ Π΄Π»Ρ ΡΠΎΠΎΠ±ΡΠ΅ΡΡΠ²Π° Π±ΡΠ» ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΡΠΉ ΠΎΡΡΠ΅Ρ ΠΎ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΠ½ΠΎΠ³ΠΎ FPS. Π‘ΡΠ΄Ρ ΠΏΠΎ ΡΡΠ°ΡΠΈΡΡΠΈΠΊΠ΅ Π² Π±Π°Π·Π΅ Π΄Π°Π½Π½ΡΡ β Π½Π΅ΠΎΠΆΠΈΠ΄Π°Π½Π½ΠΎ ΠΎΠ³ΡΠΎΠΌΠ½ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ Π»ΡΠ΄Π΅ΠΉ Π·Π°ΡΠ»ΠΎ ΠΈ ΠΏΠΎΠΏΡΠΎΠ±ΠΎΠ²Π°Π»ΠΎ ΡΡΠ³ΡΠ°ΡΡ, Ρ ΠΏΠΎΠ»ΡΡΠ°Π» Π·Π°ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠ΅ Π²ΠΎΠΏΡΠΎΡΡ Π² Π»ΠΈΡΠΊΡ ΠΈ ΡΠ°ΠΊ Π΄Π°Π»Π΅Π΅. Π Π΄Π°Π»ΡΠ½Π΅ΠΉΡΠ΅ΠΌ, Ρ ΠΏΡΠ΅Π΄ΠΏΡΠΈΠ½ΡΠ» Π΅ΡΠ΅ ΠΎΠ΄Π½Ρ ΠΏΠΎΠΏΡΡΠΊΡ ΠΊΡΠ°ΡΡΠΎΠ²ΠΎΠ³ΠΎ Π±ΡΠ°ΡΠ·Π΅ΡΠ½ΠΎΠ³ΠΎ Π³Π΅ΠΉΠΌΠ΄Π΅Π²Π° Β«Π½Π° javascriptΒ», ΠΈ ΠΏΠΎΠΏΡΠΎΠ±ΠΎΠ²Π°Π» ΡΠΎΠ·Π΄Π°ΡΡ ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΎΡ Π΄Π»Ρ ΡΡΡΠ°ΡΠ΅Π³ΠΈΠΈ Π² Π΄ΡΡ Π΅ ΠΊΡΠ»ΡΡΠΎΠ²ΠΎΠΉ Dune ΠΈΠ· Π΄Π΅ΡΡΡΠ²Π°. Π ΠΊΠ°ΠΊΠΎΠΉ-ΡΠΎ ΠΌΠΎΠΌΠ΅Π½Ρ Ρ ΡΠΏΠ΅ΡΡΡ Π² Π½Π΅ΡΠ΄ΠΎΠ²Π»Π΅ΡΠ²ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΡΡ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΡ ΠΏΠΎΠ»ΡΡΠ°ΡΡΠ΅ΠΉΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ, Π·Π°ΡΠΊΡΡΠ°Π» ΠΈ ΡΠΆΠ΅ ΠΏΠΎΡΡΠΈ Π³ΠΎΠ΄ ΠΊΠ°ΠΊ Π·Π°Π±ΡΠΎΡΠΈΠ» ΡΡΠΎ Π΄Π΅Π»ΠΎ. ΠΠΎ Ρ ΠΌΠ΅Π½Ρ Π²ΠΏΠΎΠ»Π½Π΅ ΠΏΠΎΠ»ΡΡΠΈΠ»ΠΎΡΡ ΠΏΠΎΡΡΡΠΎΠΈΡΡ ΡΠ°Π±ΠΎΡΠ°ΡΡΠΈΠΉ ΠΏΠΎΠ»Π½ΠΎΡΠ΅Π½Π½ΡΠΉ ΠΊΠΎΠ½ΡΡΠΎΠ», ΡΠ΅ΠΉΡΠ°Ρ ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΎΠ·Π²ΠΎΠ΄ΠΈΡΡ ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΠΈΡΠΎΠ²Π°ΡΡ Π·Π΄Π°Π½ΠΈΡ. ΠΠΎΡΡΠΎΠΌΡ Ρ ΠΎΡΡ, ΠΏΡΠ΅ΠΆΠ΄Π΅ Π²ΡΠ΅Π³ΠΎ, ΠΏΠΎΡΡΠ°Π²ΠΈΡΡ ΡΠΎΡΠΊΡ Π΄Π»Ρ ΡΠ΅Π±Ρ ΡΠ°ΠΌΠΎΠ³ΠΎ, Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΡΠ°ΡΡΠΊΠ°Π·Π°Π² ΠΈ ΠΎ Π΄Π°Π½Π½ΠΎΠΉ Π·Π°ΡΠ΅Π΅ β Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π΄Π»Ρ ΠΊΠΎΠ³ΠΎ-ΡΠΎ ΠΎΠΊΠ°ΠΆΡΡΡΡ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΌΠΈ ΠΌΠΎΠΈ ΡΡΠΈΠ»ΠΈΡ, ΠΈΠ·ΡΡΠΊΠ°Π½ΠΈΡ. Π‘ΡΠ°ΡΡΡ Π½Π΅ Π±ΡΠ΄Π΅Ρ ΡΠ°ΠΊΠΎΠΉ ΠΎΠ±ΡΠ΅ΠΌΠ½ΠΎΠΉ, Π΄ΠΎΡΠΎΡΠ½ΠΎΠΉ ΠΈ ΡΠ°Π·Π½ΠΎΠΎΠ±ΡΠ°Π·Π½ΠΎΠΉ ΠΊΠ°ΠΊ ΠΏΠ΅ΡΠ²Π°Ρ ΠΎ ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΏΠΎΠ»Π½ΠΎΡΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΡΡΠ΅ΡΠ°, Π·Π°ΡΠΎ ΡΠ°ΠΌ ΠΊΠΎΠ΄ ΡΠ΅ΠΏΠΎΠ·ΠΈΡΠΎΡΠΈΡ, ΠΊΠ°ΠΆΠ΅ΡΡΡ, Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½Π΅Π΅, ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ Π±ΠΎΠ»Π΅Π΅ Π°ΠΊΡΡΠ°Π»ΡΠ½ΡΠΉ ΡΡΠ΅ΠΊ ΠΈΠ· Vue3 ΠΈ TypeScript. ΠΠΎ ΠΌΠ½ΠΎΠ³ΠΎΠΌ, ΡΡΠ° ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ° ΠΏΡΠΎΠ΄ΠΎΠ»ΠΆΠ°Π΅Ρ ΠΈΠ΄Π΅ΠΈ ΠΈ ΠΌΠ΅ΡΠΎΠ΄Ρ ΠΏΠ΅ΡΠ²ΠΎΠΉ, Ρ ΡΠ΅ΠΌ ΠΎΡΠ»ΠΈΡΠΈΠ΅ΠΌ, ΡΡΠΎ ΠΌΡ ΠΏΠΈΠ»ΠΈΠΌ ΡΡΡΠ°ΡΠ΅Π³ΠΈΡ, Π° Π½Π΅ ΡΡΡΠ΅Ρ ΠΎΡ ΠΏΠ΅ΡΠ²ΠΎΠ³ΠΎ Π»ΠΈΡΠ°. Π― ΡΠΎΠ²ΡΠ΅ΠΌ Π½Π΅ Π±ΡΠ΄Ρ ΠΏΠΎΠ²ΡΠΎΡΡΡΡ ΡΠΎ ΡΡΠΎ Π±ΡΠ»ΠΎ ΡΠΆΠ΅ ΠΏΡΠΎΠΉΠ΄Π΅Π½ΠΎ ΠΈ ΡΠ°ΡΡΠΌΠΎΡΡΠ΅Π½ΠΎ Π½Π° ΠΏΠ΅ΡΠ²ΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅, Π±Π΅Π³Π»ΠΎ ΠΏΠΎΠΊΠ°ΠΆΡ ΡΠΎΠ»ΡΠΊΠΎ Β«Π½ΠΎΠ²ΡΠ΅ ΡΠΈΡΠΈΒ».
Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»Π΅Π΅
ΠΡΠ΅Π³ΠΎ Π³ΠΎΠ»ΠΎΡΠΎΠ² 12: β11 ΠΈ β1 +10
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 1
jackycoinsΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 9 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²4.3K
JavaScript *OpenStreetMap *Canvas *Maps API *ReactJS *
ΠΠ· ΠΏΠ΅ΡΠΎΡΠ½ΠΈΡΡ
ΠΡΠ΅ΠΌ ΠΏΡΠΈΠ²Π΅Ρ! ΠΠ΅Π½Ρ Π·ΠΎΠ²ΡΡ ΠΠΈΠΊΠΈΡΠ° Π ΡΡΠ°Π½ΠΎΠ², Ρ Π»ΠΈΠ΄ ΠΊΠΎΠΌΠ°Π½Π΄Ρ ΡΡΠΎΠ½ΡΠ΅Π½Π΄Π° Π² ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ, Π³Π΄Π΅ ΠΌΡ ΡΠΎΠ·Π΄Π°Π΅ΠΌ ΠΏΡΠΎΠ΄ΡΠΊΡ, ΡΠΏΡΠΎΡΠ°ΡΡΠΈΠΉ ΠΏΠ΅ΡΠ΅Π΅Π·Π΄. Π Π΄Π°Π½Π½ΠΎΠΉ ΠΏΡΠ΅Π΄ΠΌΠ΅ΡΠ½ΠΎΠΉ ΠΎΠ±Π»Π°ΡΡΠΈ ΠΌΠ½ΠΎΠ³ΠΎ Π·Π°Π΄Π°Ρ ΠΏΠΎ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΡ Ρ Π³Π΅ΠΎ Π΄Π°Π½Π½ΡΠΌΠΈ. Π‘Π΅Π³ΠΎΠ΄Π½Ρ Ρ ΡΠ°ΡΡΠΊΠ°ΠΆΡ, ΠΊΠ°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ°Π±ΠΎΡΠ°ΡΡ Ρ ΠΊΠ°ΡΡΠ°ΠΌΠΈ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅. Π ΡΡΠΎΠΉ ΡΠ°ΡΡΠΈ ΠΌΡ Ρ Π²Π°ΠΌΠΈ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡΠΈΠΌ ΠΏΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΠ΅ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ.
Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»Π΅Π΅
ΠΡΠ΅Π³ΠΎ Π³ΠΎΠ»ΠΎΡΠΎΠ² 14: β12 ΠΈ β2 +10
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 16
Kempston000Z» title=»2022-10-02, 23:25″>2 ΠΎΠΊΡ 2022 Π² 23:25
ΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 6 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²36K
Π Π°Π·ΡΠ°Π±ΠΎΡΠΊΠ° ΠΈΠ³Ρ *Canvas *WebGL *
Π― ΠΏΡΠΎΠ΄ΠΎΠ»ΠΆΠ°Ρ ΡΠ°Π±ΠΎΡΡ Π½Π°Π΄ ΡΠ²ΠΎΠ΅ΠΉ Π±ΡΠ°ΡΠ·Π΅ΡΠ½ΠΎΠΉ ΠΈΠ³ΡΠΎΠΉ ΠΏΡΠΎ ΠΏΠΈΡΠ°ΡΠΎΠ² Π½Π° Three.js. ΠΡΠΈΡΠ»ΠΎ Π²ΡΠ΅ΠΌΡ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΠΎΡΠ³ΠΎΠ²Π»Ρ. Π― ΠΏΠΎΠ΄ΡΠΌΠ°Π», ΡΠ°Π· Ρ Π½Π°Ρ ΡΡΡ Π²Π΅ΠΊ ΠΏΠΈΡΠ°ΡΠΎΠ², ΡΠΎ ΠΈ Π² ΠΏΠΎΠ»ΠΈΡΠΈΡΠ΅ΡΠΊΠΎΠΌ ΡΠΌΡΡΠ»Π΅ ΠΎΠ±ΡΡΠ°Π½ΠΎΠ²ΠΊΠ° Π΄ΠΎΠ»ΠΆΠ½Π° Π±ΡΡΡ Π²Π΅ΡΡΠΌΠ° ΡΡΠΈΠ²ΠΎΠ»ΡΠ½ΠΎΠΉ, ΡΠΎ Π΅ΡΡΡ, Π±Π΅Π· Π²ΡΡΠΊΠΎΠΉ Π±ΠΎΠ³ΠΎΠΌΠ΅ΡΠ·ΠΊΠΎΠΉ Π΄Π΅ΠΌΠΎΠΊΡΠ°ΡΠΈΠΈ. Π ΡΠ΅Π³ΠΎ ΡΡΠ΅ΡΠ½ΡΡΡΡΡ? ΠΠ°Ρ ΠΎΠ΄ΠΈΠΌ Π² ΠΏΠΎΡΡ, Π° ΡΠ°ΠΌ Π½Π°ΠΌ, ΠΏΠΈΡΠ°ΡΠ°ΠΌ, ΡΡΠ°Π·Ρ ΠΆΠ΅ ΠΏΡΠ΅Π΄Π»Π°Π³Π°ΡΡ ΠΏΡΠΈΠΎΠ±ΡΠ΅ΡΡΠΈ ΠΏΡΡΠ΅ΡΠ½ΡΠ΅ ΡΠ΄ΡΠ° ΠΈ Π²ΡΠΏΠΎΠ»Π½ΠΈΡΡ Π·Π°ΠΊΠ°Π·Ρ Π½Π° ΡΡΠ°Π½ΡΠΏΠΎΡΡΠΈΡΠΎΠ²ΠΊΡ ΡΡΡΠΏΠΎΠ² ΠΎΠΏΠΏΠΎΠ·ΠΈΡΠΈΠΎΠ½Π΅ΡΠΎΠ² ΠΈ Π΄ΠΎΡΡΠ°Π²ΠΊΡ ΡΠ°Π±ΠΎΠ². ΠΡΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡΠ²Π΅Π·ΡΠΈ ΡΠΎΠΌ Π½Π° Π’ΠΎΡΡΡΠ³Ρ ΠΈΠ»ΠΈ ΠΏΠΎΠ΄Π±ΡΠΎΡΠΈΡΡ Π³ΡΠ±Π΅ΡΠ½Π°ΡΠΎΡΡΠΊΡΡ Π΄ΠΎΡΡ Π½Π° Π²Π΅ΡΠ΅ΡΠΈΠ½ΠΊΡ Π½Π° Π Π°ΠΉΡΠΊΠΈΠΉ ΠΎΡΡΡΠΎΠ². ΠΠ»ΠΈ ΡΠ°ΠΉΠ½ΠΎ ΡΠ²Π°ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ Π±Π΅Π³Π»ΠΎΠ³ΠΎ Π³ΡΠ±Π΅ΡΠ½Π°ΡΠΎΡΠ° Π·Π° Ρ ΠΎΡΠΎΡΡΡ ΠΏΠ»Π°ΡΡ. ΠΠ΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ, Π΄Π»Ρ ΠΏΠΎΠ΄ΠΎΠ±Π½ΡΡ Π΄Π΅Π» ΠΏΡΠ°Π²ΠΈΡΠ΅Π»ΡΡΡΠ²Ρ ΠΈΠ΄Π΅Π°Π»ΡΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΏΠΈΡΠ°ΡΠΎΠ². Π ΠΊΠΎΠ½ΡΠ΅ ΠΊΠΎΠ½ΡΠΎΠ², ΡΠ°Π±Ρ ΡΠ°ΠΌΠΈ ΡΠ΅Π±Π΅ Π±ΠΈΠ»Π΅Ρ Π½Π° ΡΠ΅Π³ΡΠ»ΡΡΠ½ΡΠΉ ΡΠ΅ΠΉΡ Π½Π΅ ΠΊΡΠΏΡΡ, Π° ΠΎΠΏΠΏΠΎΠ·ΠΈΡΠΈΠΎΠ½Π΅ΡΡ ΡΠ°ΠΌΠΈ ΡΠ΅Π±Ρ Π½Π΅ ΠΏΠΎΡ ΠΎΡΠΎΠ½ΡΡ. Π ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ ΡΠ΅ΡΠ°ΡΡ Π½Π°Π΄ΠΎ. .. ΠΠΎΡΠΎΡΠ΅ Π³ΠΎΠ²ΠΎΡΡ, ΠΏΠ΅ΡΠ΅Π²ΠΎΠ·ΠΈΡΡ Π΄ΡΠ΅Π²Π΅ΡΠΈΠ½Ρ ΠΈ ΡΠ΅Π»ΠΊ, ΠΊΠ°ΠΊ Π² ΠΎΠ±ΡΡΠ½ΡΡ ΠΈΠ³ΡΠ°Ρ — ΡΡΠΎ ΡΠΊΡΡΠ½ΠΎ. ΠΡΡΡΡ Π±ΡΠ΄ΡΡ ΡΡΠ°ΠΊΠΈΠ΅ Β«Π΄Π΅Π²ΡΠ½ΠΎΡΡΡΠ΅Β», Π½ΠΎ Π² ΡΠΏΠΎΡ Ρ ΠΏΠΈΡΠ°ΡΠΎΠ². ΠΠΈΡΠ°ΡΡ Π²ΡΠΏΠΎΠ»Π½ΡΡΡ Π½Π΅ ΡΠΎΠ²ΡΠ΅ΠΌ Π·Π°ΠΊΠΎΠ½Π½ΡΠ΅ Π·Π°Π΄Π°Π½ΠΈΡ ΠΏΡΠ°Π²ΠΈΡΠ΅Π»ΡΡΡΠ²Π°, Π° ΠΏΠΎΡΠ»Π΅Π΄Π½Π΅Π΅ Π·Π°ΠΊΡΡΠ²Π°Π΅Ρ Π³Π»Π°Π·Π° Π½Π° ΠΈΡ Π½Π΅ ΡΠΎΠ²ΡΠ΅ΠΌ Π·Π°ΠΊΠΎΠ½Π½ΡΠ΅ ΠΌΠ΅ΡΠΎΠ΄Ρ ΠΎΠ±ΠΎΠ³Π°ΡΠ΅Π½ΠΈΡ.
Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»Π΅Π΅
ΠΡΠ΅Π³ΠΎ Π³ΠΎΠ»ΠΎΡΠΎΠ² 105: β95 ΠΈ β10 +85
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 59
vlad1953ΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 5 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²2.6K
Canvas *ΠΠ°ΡΠ΅ΠΌΠ°ΡΠΈΠΊΠ° *WebGL *Π€ΠΈΠ·ΠΈΠΊΠ°
Π’ΡΡΠΎΡΠΈΠ°Π»
Π Π½Π°ΡΡΠΎΡΡΠ΅Π΅ Π²ΡΠ΅ΠΌΡ Π² ΠΈΠ½ΡΠ΅ΡΠ½Π΅ΡΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡΠΈ ΡΠ°ΠΉΡΡ Ρ Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΠ΅ΠΉ Π½Π΅ΠΊΠΎΡΠΎΡΡΡ ΠΊΠ²Π°Π½ΡΠΎΠ²ΡΡ ΠΏΡΠΎΡΠ΅ΡΡΠΎΠ². Π― ΡΠ΅ΡΠΈΠ» ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ²ΠΎΠΉ ΡΠ°ΠΉΡ Ρ Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΠ΅ΠΉ ΠΊΠ²Π°Π½ΡΠΎΠ²ΠΎΠ³ΠΎ ΡΠΏΠΈΠ½Π°. Π Π°ΡΡΠΊΠ°ΠΆΡ, ΠΊΠ°ΠΊ ΠΏΠΎΡΠ²ΠΈΠ»ΠΎΡΡ ΠΆΠ΅Π»Π°Π½ΠΈΠ΅ ΡΠ΄Π΅Π»Π°ΡΡ ΡΡΠΎΡ ΡΠ°ΠΉΡ ΠΈ ΡΡΠΎ Π½Π° Π½Π΅ΠΌ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ.
Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»Π΅Π΅
ΠΡΠ΅Π³ΠΎ Π³ΠΎΠ»ΠΎΡΠΎΠ² 12: β12 ΠΈ β0 +12
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 0
arkhwise000Z» title=»2022-08-02, 11:11″>2 Π°Π²Π³ 2022 Π² 11:11
ΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 7 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²2.4K
ΠΠ»ΠΎΠ³ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Skyeng Π Π°Π±ΠΎΡΠ° Ρ Π²ΠΈΠ΄Π΅ΠΎ *JavaScript *Canvas *ΠΠΈΠ΄Π΅ΠΎΠΊΠΎΠ½ΡΠ΅ΡΠ΅Π½ΡΡΠ²ΡΠ·Ρ
ΠΡΠΈΠ²Π΅Ρ! ΠΠ° ΡΠ²ΡΠ·ΠΈ ΠΠ»Π°Π΄ ΠΈΠ· ΠΊΠΎΠΌΠ°Π½Π΄Ρ Π²ΠΈΠ΄Π΅ΠΎΠΏΠ»Π°ΡΡΠΎΡΠΌΡ Skyeng. ΠΡ ΠΎΡΠ²Π΅ΡΠ°Π΅ΠΌ Π·Π° Π°ΡΠ΄ΠΈΠΎ ΠΈ Π²ΠΈΠ΄Π΅ΠΎ ΠΊΠΎΠΌΠΌΡΠ½ΠΈΠΊΠ°ΡΠΈΡ Π² ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΡΡ ΠΏΡΠΎΠ΄ΡΠΊΡΠ°Ρ , ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΠΌ WebRTC ΠΈ ΡΠ΅Π°Π»ΠΈΠ·ΡΠ΅ΠΌ ΡΠΈΡΠΈ Π²ΠΎΠΊΡΡΠ³ Video Conferencing. Π ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ ΠΎΠ΄Π½ΠΎΠΉ ΠΈΠ· Π½ΠΈΡ Ρ ΠΎΡΡ ΡΠ°ΡΡΠΊΠ°Π·Π°ΡΡ: ΠΌΡ ΡΠ΄Π΅Π»Π°Π»ΠΈ Π²ΠΈΠ΄Π΅ΠΎΡΡΡΠ΅ΠΊΡΡ Π΄Π»Ρ Π²Π΅Π±Π°.
ΠΠ·Π½Π°ΡΠ°Π»ΡΠ½ΠΎ, ΠΌΡ ΡΠ»ΠΈ ΠΎΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ: Π½Π΅ Π²ΡΠ΅ ΠΏΡΠ΅ΠΏΠΎΠ΄Π°Π²Π°ΡΠ΅Π»ΠΈ ΠΈ ΡΡΠ΅Π½ΠΈΠΊΠΈ ΠΌΠΎΠ³ΡΡ Π½Π°ΠΉΡΠΈ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡΠ΅Π΅ ΠΌΠ΅ΡΡΠΎ Π΄Π»Ρ Π·Π°Π½ΡΡΠΈΠΉ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π² ΠΊΠ²Π°ΡΡΠΈΡΠ΅ ΡΠ΅ΠΌΠΎΠ½Ρ, ΠΊΡΡΠ³ΠΎΠΌ ΡΡΡΠΎΠΉΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Ρ ΠΈΠ»ΠΈ Π½Π° ΡΠΎΠ½Π΅ Π±Π΅Π³Π°ΡΡ Π΄Π΅ΡΠΈ. Π’Π°ΠΊΠ°Ρ ΠΊΠ°ΡΡΠΈΠ½Π° ΠΎΡΠ²Π»Π΅ΠΊΠ°Π΅Ρ ΠΎΡ ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎΠ³ΠΎ ΠΏΡΠΎΡΠ΅ΡΡΠ°.
ΠΠΎΠ³Π΄Π° ΠΌΡ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡΠΈΠ»ΠΈ Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌΠΈ, ΠΎΠ½ΠΈ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠ΄ΠΈΠ»ΠΈ β Π½ΡΠΆΠ½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ Π·Π°ΠΌΠ΅Π½ΠΈΡΡ ΡΠΎΠ½ Π²ΠΎ Π²ΡΠ΅ΠΌΡ ΡΡΠΎΠΊΠ° Π½Π° Π°Π»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Π½ΡΠΉ ΠΈΠ»ΠΈ ΡΠ°Π·ΠΌΡΡΡ Π½Π° Π·Π²ΠΎΠ½ΠΊΠ΅ ΡΠΎ, ΡΡΠΎ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ ΠΏΠΎΠ·Π°Π΄ΠΈ. ΠΠ° ΠΈ Π²ΠΈΠ΄Π΅ΠΎΡΡΡΠ΅ΠΊΡΡ ΡΠΆΠ΅ Π΅ΡΡΡ Π½Π° ΠΌΠ½ΠΎΠ³ΠΈΡ Π²ΠΈΠ΄Π΅ΠΎΠΏΠ»Π°ΡΡΠΎΡΠΌΠ°Ρ , Π½Π°Π΄ΠΎ Π½Π΅ ΠΎΡΡΡΠ°Π²Π°ΡΡ ΠΎΡ ΡΡΠ΅Π½Π΄ΠΎΠ². Β
ΠΡΠ΅ ΡΠΎΡΠ»ΠΎΡΡ. Π Π΅ΡΠΈΠ»ΠΈ Π΄Π΅Π»Π°ΡΡ.
Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»Π΅Π΅
ΠΡΠ΅Π³ΠΎ Π³ΠΎΠ»ΠΎΡΠΎΠ² 14: β14 ΠΈ β0 +14
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 1
DoctorGesterΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 4 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²22K
ΠΠ»ΠΎΠ³ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Wrike Π Π°Π·ΡΠ°Π±ΠΎΡΠΊΠ° ΠΈΠ³Ρ *Canvas *Π£ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΠΏΡΠΎΠ΅ΠΊΡΠ°ΠΌΠΈ *TypeScript *
Β TL;DR: ΠΈΠ³ΡΠ° ΠΏΠΎ ΡΡΡΠ»ΠΊΠ΅.
ΠΠ°Π²Π΅ΡΠ½ΡΠΊΠ° ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΠΈΠ· Π²Π°Ρ Π² Π΄Π΅ΡΡΡΠ²Π΅ Π±Π°Π»ΠΎΠ²Π°Π»ΠΈΡΡ ΠΈΠ³ΡΡΡΠΊΠ°ΠΌΠΈ Π²ΡΠΎΠ΄Π΅ Β«ΠΠ ΠΠΠ ΠΠΠΠΠ‘Π’ 1.3Β» β ΡΠ΄Π°ΠΊΠΈΠΌΠΈ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠΌΠΈ ΠΊΠ²Π΅ΡΡΠ°ΠΌΠΈ, Π² ΠΊΠΎΡΠΎΡΡΡ ΠΈΠ³ΡΠΎΠΊ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΠ» ΠΏΡΠΎΠΊΠ°ΡΠ°ΡΡΡΡ ΠΈΠ· Π½Π°ΡΠΈΠ½Π°ΡΡΠ΅Π³ΠΎ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡΠ° Ρ Π°ΠΊΠ΅ΡΠΎΠΌ (ΡΠ΅ΡΠΌΠΈΠ½Π° Β«ΡΠ΅Π½ΡΠΎΡΒ» ΡΠΎΠ³Π΄Π°, Π½Π°Π²Π΅ΡΠ½ΠΎΠ΅, Π΅ΡΠ΅ Π½Π΅ Π±ΡΠ»ΠΎ), ΡΠΎΠ±ΡΠ°ΡΡ ΡΠ°ΠΌΡΠΉ ΠΊΡΡΡΠΎΠΉ ΠΊΠΎΠΌΠΏ, Π·Π°ΡΠ°Π±ΠΎΡΠ°ΡΡ Π±ΠΎΠ»ΡΡΠ΅ Π²ΡΠ΅Ρ Π΄Π΅Π½Π΅Π³. ΠΡΠΈ ΡΡΠΎΠΌ Π²Π΅ΡΡ Π³Π΅ΠΉΠΌΠΏΠ»Π΅ΠΉ Π·Π°ΠΊΠ»ΡΡΠ°Π»ΡΡ Π² Π½Π°ΠΆΠ°ΡΠΈΠΈ Π½ΡΠΆΠ½ΡΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ Π΄Π΅ΠΉΡΡΠ²ΠΈΠΉ ΠΈ ΠΌΠ΅Π½Π΅Π΄ΠΆΠΌΠ΅Π½ΡΠ΅ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎΡΠΈΡΠ»Π΅Π½Π½ΡΡ ΡΠ΅ΡΡΡΡΠΎΠ². Π―, Ρ ΡΠ΅ΠΏΠ»ΠΎΠΌ Π²ΡΠΏΠΎΠΌΠΈΠ½Π°Ρ ΡΠ°ΠΊΠΈΠ΅ ΠΈΠ³ΡΡ, Π° ΡΠ°ΠΊΠΆΠ΅ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠ΅ ΠΊΠ²Π΅ΡΡΡ Π² ΠΠΎΡΠΌΠΈΡΠ΅ΡΠΊΠΈΡ Π Π΅ΠΉΠ½Π΄ΠΆΠ΅ΡΠ°Ρ 2, ΡΠ΅ΡΠΈΠ» ΡΠΎΠ·Π΄Π°ΡΡ ΠΈΠ³ΡΡ Teamlead Simulator, Π² ΠΊΠΎΡΠΎΡΠΎΠΉ. ..
Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»Π΅Π΅
ΠΡΠ΅Π³ΠΎ Π³ΠΎΠ»ΠΎΡΠΎΠ² 46: β46 ΠΈ β0 +46
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 26
KempstonΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 10 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²9.2K
Π Π°Π·ΡΠ°Π±ΠΎΡΠΊΠ° ΠΈΠ³Ρ *Canvas *WebGL *
Β«ΠΠΎ-Ρ ΠΎ-Ρ ΠΎ!Β» — Π½Π΅Π²ΠΎΠ»ΡΠ½ΠΎ ΠΏΡΠΈΡ ΠΎΠ΄ΠΈΡ Π½Π° ΡΠΌ ΠΏΡΠΈ Π»ΡΠ±ΠΎΠΌ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΠΈ Ρ ΠΌΠΎΡΠ΅ΠΌ, ΠΏΠ΅ΡΠ΅Π΄Π²ΠΈΠ³Π°Π΅ΡΡΡΡ Π»ΠΈ Π½Π° ΡΠ΅ΡΠ½ΠΎΠΌ ΡΡΠ°ΠΌΠ²Π°ΠΉΡΠΈΠΊΠ΅ ΠΈΠ»ΠΈ ΠΆΠ΅ ΡΠΈΠ΄ΠΈΡΡ Π² Π±Π°ΡΠ΅ ΠΊΡΡΠΈΠ·Π½ΠΎΠ³ΠΎ ΠΊΠΎΡΠ°Π±Π»Ρ. Π ΠΏΠΎΡΠ»Π΅Π΄Π½Π΅ΠΌ ΡΠ»ΡΡΠ°Π΅ Π΅ΡΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΈΠΎΠ±ΡΠ΅ΡΡΠΈ Π±ΡΡΡΠ»ΠΊΡ ΡΠΎΠΌΡ. ΠΠΎΡΠ΅ ΠΏΡΠΈΠ²Π»Π΅ΠΊΠ°Π΅Ρ ΡΠ²ΠΎΠΈΠΌΠΈ Π²ΠΎΠ»Π½Π°ΠΌΠΈ, Π·Π°ΠΊΠ°ΡΠ°ΠΌΠΈ ΠΈ ΡΠ°ΡΡΠ²Π΅ΡΠ°ΠΌΠΈ. Π ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎ ΠΏΡΠΈΠΊΠΎΠ»ΡΠ½ΠΎ, ΠΊΠΎΠ³Π΄Π° Π½Π° ΠΌΠΎΡΠ΅ Π·Π°Π²Π΅Π»ΠΈΡΡ Π·Π»ΡΠ΅ ΠΏΠΈΡΠ°ΡΡ. ΠΡ… Π΅ΡΠ»ΠΈ ΡΡΠΎ ΠΌΡ, ΠΊΠΎΠ½Π΅ΡΠ½ΠΎ ΠΆΠ΅.
ΠΠΎΠ·ΡΠΌΠ΅ΠΌ ΡΠ΅ΠΉΠ΄Π΅Ρ Π½Π΅Π±Π° ΠΈ ΡΠ΅ΠΉΠ΄Π΅Ρ Π²ΠΎΠ΄Ρ — Π°ΡΠΌΠΎΡΡΠ΅ΡΠ° Π³ΠΎΡΠΎΠ²Π°! Π§ΡΠΎ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΏΡΠΎΡΠ΅. Π Π΄Π°, Ρ Π±ΡΠ΄Ρ ΠΏΠΈΡΠ°ΡΡ ΠΈΠ³ΡΡ ΠΏΠΎΠ΄ Π±ΡΠ°ΡΠ·Π΅Ρ Π½Π° Javascript Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊ Three.js ΠΈ Cannon.js. ΠΠ΅ΡΠ²ΡΡ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ Π΄Π»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ 3D Π³ΡΠ°ΡΠΈΠΊΠΈ, Π° Π²ΡΠΎΡΡΡ — Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ Π»Π΅Π³ΠΊΠΎΠ²Π΅ΡΠ½ΠΎΠ³ΠΎ ΡΠΊΡΠΈΠΏΡΠΎΠ²ΠΎΠ³ΠΎ ΡΠΈΠ·ΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ Π΄Π²ΠΈΠΆΠΊΠ°.
Π― Π·Π°ΡΡΠ°Π²ΠΈΠ» Π½Π΅Π±Π΅ΡΠ½ΡΡ ΡΡΠ΅ΡΡ ΠΈ ΠΏΠ»ΠΎΡΠΊΠΎΡΡΡ Π²ΠΎΠ΄Ρ Π΄Π²ΠΈΠ³Π°ΡΡΡΡ Π²ΠΌΠ΅ΡΡΠ΅ Ρ ΠΊΠΎΡΠ°Π±Π»Π΅ΠΌ. ΠΡΠΎ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠΈΠ²Π°Π΅Ρ ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ Π±Π΅ΡΠΊΠΎΠ½Π΅ΡΠ½ΡΠΉ ΠΌΠΈΡ — ΡΠΎΠ»ΡΠΊΠΎ ΠΏΠΎ ΠΌΠ΅ΡΠ΅ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΡ Π±ΡΠ΄ΡΡ ΠΏΠΎΠ΄Π³ΡΡΠΆΠ°ΡΡΡΡ ΡΠ°Π·Π½ΡΠ΅ ΠΎΡΡΡΠΎΠ²Π°. ΠΠΎΠ»Π½Ρ ΠΏΡΠΈΠ²ΡΠ·Π°Π½Ρ ΠΊ Π½Π°ΡΠ°Π»Ρ ΠΊΠΎΠΎΡΠ΄ΠΈΠ½Π°Ρ, Π° ΡΠ°ΠΌΠ° ΠΏΠ»ΠΎΡΠΊΠΎΡΡΡ Π²ΠΎΠ΄Ρ ΠΏΠ΅ΡΠ΅Π΄Π²ΠΈΠ³Π°Π΅ΡΡΡ. Π ΡΡΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΡΠΌΠ΅Π½ΡΡΠ΅Π½ ΡΠ°Π·ΠΌΠ΅Ρ ΠΏΠ»ΠΎΡΠΊΠΎΡΡΠΈ, ΡΡΠΎΠ±Ρ Π±ΡΠ»ΠΎ Π²ΠΈΠ΄Π½ΠΎ, ΠΊΠ°ΠΊ ΡΡΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ.
Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»Π΅Π΅
ΠΡΠ΅Π³ΠΎ Π³ΠΎΠ»ΠΎΡΠΎΠ² 39: β39 ΠΈ β0 +39
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 35
xcontΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 7 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²6.1K
ΠΠ΅Π½ΠΎΡΠΌΠ°Π»ΡΠ½ΠΎΠ΅ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ *JavaScript *ΠΠ»Π³ΠΎΡΠΈΡΠΌΡ *Canvas *ΠΠ°ΡΠ΅ΠΌΠ°ΡΠΈΠΊΠ° *
ΠΡΠΎΠ΄ΠΎΠ»ΠΆΠΈΠΌ ΡΠ΅ΠΌΡ Π±ΠΈΠ»ΡΡΡΠ΄Π½ΡΡ ΡΡΠ°ΠΊΡΠ°Π»ΠΎΠ².
Π ΡΡΠ°ΡΡΠ΅ ΠΏΡΠΈΡΡΡΡΡΠ²ΡΡΡ Gif (ΡΡΠ°ΡΠΈΠΊ!) ΠΈ ΠΊΠΎΠ½ΡΡΠ°ΡΡΠ½ΡΠ΅ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ. Π£ ΡΠΏΠΈΠ»Π΅ΠΏΡΠΈΠΊΠΎΠ² ΠΌΠΎΠΆΠ΅Ρ ΡΠ»ΡΡΠΈΡΡΡΡ ΡΠΏΠΈΠ»Π΅ΠΏΡΠΈΡΠ΅ΡΠΊΠΈΠΉ ΠΏΡΠΈΠΏΠ°Π΄ΠΎΠΊ.
Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»ΡΡΠ΅ β
ΠΡΠ΅Π³ΠΎ Π³ΠΎΠ»ΠΎΡΠΎΠ² 37: β36 ΠΈ β1 +35
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 15
business-incubat0r000Z» title=»2022-03-27, 10:44″>27 ΠΌΠ°Ρ 2022 Π² 10:44
ΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 6 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²4.3K
Canvas *Π£ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΎΠΉ *Π£ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΠΏΡΠΎΠ΅ΠΊΡΠ°ΠΌΠΈ *Π£ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΠΏΡΠΎΠ΄ΡΠΊΡΠΎΠΌ *Data Engineering *
Recovery mode
ΠΠ· ΠΏΠ΅ΡΠΎΡΠ½ΠΈΡΡ
Π’ΠΎΡ, ΠΊΡΠΎ Π½Π΅ Π³ΠΎΡΠΎΠ² Π²Π½Π΅Π΄ΡΡΡΡ Π½ΠΎΠ²ΡΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΡ, Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ ΡΠΊΠ΅ΠΏΡΠΈΡΠ½ΠΎ ΠΎΡΠ½ΠΎΡΠΈΡΡΡ ΠΊ ΡΠ°ΠΊΠΎΠΉ ΡΠΎΡΠΌΡΠ»ΠΈΡΠΎΠ²ΠΊΠ΅ ΠΊΠ°ΠΊ Low Cost Engineering, ΡΡΠΈΡΠ°Ρ, ΡΡΠΎ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠ° β ΡΡΠΎ ΠΎΠ³ΡΠΎΠΌΠ½ΡΠ΅ Π·Π°ΡΡΠ°ΡΡ. ΠΠΏΡΡΠ½ΡΠ΅ ΠΆΠ΅ ΠΈΠ½ΠΆΠ΅Π½Π΅ΡΡ Π²ΡΠ΅ ΡΠ°ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ Π΄Π°Π½Π½ΡΡ ΠΊΠΎΠ½ΡΠ΅ΠΏΡΠΈΡ ΠΊΠ°ΠΊ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² Π±Π΅ΡΠ΅ΠΆΠ»ΠΈΠ²ΠΎΠ³ΠΎ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΡΡΠ²Π°.
Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»Π΅Π΅
ΠΡΠ΅Π³ΠΎ Π³ΠΎΠ»ΠΎΡΠΎΠ² 10: β6 ΠΈ β4 +2
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 4
antipinIvanΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 9 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²11K
ΠΠ»ΠΎΠ³ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ AGIMA Canvas *Π£ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΎΠΉ *ΠΠ°ΡΡΠ΅ΡΠ° Π² IT-ΠΈΠ½Π΄ΡΡΡΡΠΈΠΈ IT-ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ
ΠΡΠΈΠ²Π΅Ρ! Π― ΠΠ²Π°Π½ ΠΠ½ΡΠΈΠΏΠΈΠ½, Π·Π°ΠΌΠ΅ΡΡΠΈΡΠ΅Π»Ρ Π΄ΠΈΡΠ΅ΠΊΡΠΎΡΠ° Π΄Π΅ΠΏΠ°ΡΡΠ°ΠΌΠ΅Π½ΡΠ° ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ Π² AGIMA. ΠΠ° ΡΠ²ΠΎΡ ΠΊΠ°ΡΡΠ΅ΡΡ Ρ ΠΏΠΎΡΠ°Π±ΠΎΡΠ°Π» Ρ Π΄Π΅ΡΡΡΠΊΠ°ΠΌΠΈ ΠΊΠΎΠΌΠ°Π½Π΄. ΠΠ΄Π΅-ΡΠΎ Π±ΡΠ» ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠΌ, Π³Π΄Π΅-ΡΠΎ ΡΠΈΠΌΠ»ΠΈΠ΄ΠΎΠΌ, Π³Π΄Π΅-ΡΠΎ ΠΏΠΎΠΌΠΎΠ³Π°Π» ΠΈΠ·Π²Π½Π΅. Π£ ΠΌΠ΅Π½Ρ Π±ΡΠ» ΠΌΠΈΠ»Π»ΠΈΠΎΠ½ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠ΅ΠΉ ΡΠ°Π·ΠΎΠ±ΡΠ°ΡΡΡΡ, ΠΊΠ°ΠΊ Π»ΡΠ΄ΠΈ Π²Π΅Π΄ΡΡ ΡΠ΅Π±Ρ Π² ΠΊΠΎΠ»Π»Π΅ΠΊΡΠΈΠ²Π΅. ΠΠΎ Π²ΡΡ ΠΆΠ΅ Π½Π΅ Π½Π° Π²ΡΠ΅ Π²ΠΎΠΏΡΠΎΡΡ ΡΡΡΠ΅ΡΡΠ²ΡΡΡ ΡΠ΅ΡΠΊΠΈΠ΅ ΠΎΡΠ²Π΅ΡΡ: ΡΡΠΎ ΡΠ°ΠΊΠΎΠ΅ ΠΊΠΎΠΌΠ°Π½Π΄Π°, ΠΊΠ°ΠΊ ΠΎΠ½Π° ΡΠ°Π±ΠΎΡΠ°Π΅Ρ, ΠΊΠ°ΠΊ Π΅ΠΉ ΡΠΏΡΠ°Π²Π»ΡΡΡ. Π ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅ Ρ ΠΏΠΎΠΏΡΠΎΠ±ΡΡ ΠΎΠΏΠΈΡΠ°ΡΡ ΡΠ΅ ΠΌΠ΅ΡΠΎΠ΄Ρ ΠΈ ΠΏΠΎΠ΄Ρ ΠΎΠ΄Ρ, ΠΊΠΎΡΠΎΡΡΠ΅ Π»ΠΈΡΠ½ΠΎ ΠΌΠ½Π΅ ΠΊΠ°ΠΆΡΡΡΡ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΌΠΈ ΠΈ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΡΠΌΠΈ.
Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»Π΅Π΅
ΠΡΠ΅Π³ΠΎ Π³ΠΎΠ»ΠΎΡΠΎΠ² 27: β22 ΠΈ β5 +17
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 14
eyudinkovΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 4 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²7.3K
JavaScript *Canvas *
ΠΡΠΈΠ²Π΅Ρ! Π‘Π΅Π³ΠΎΠ΄Π½Ρ Ρ Ρ ΠΎΡΠ΅Π» Π±Ρ Π½Π°ΡΠ°ΡΡ ΡΠΈΠΊΠ» ΡΡΠ°ΡΠ΅ΠΉ Π½Π° ΡΠ΅ΠΌΡ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΡΠ°Π±ΠΎΡΠ°ΡΡ Ρ canvas Π² HTML5 ΠΈ ΠΊΠ°ΠΊ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡ Π·Π½Π°Π½ΠΈΡ Π² ΠΎΠ±Π»Π°ΡΡΠΈ ΠΌΠ°ΡΠ°Π½Π°Π»ΠΈΠ·Π° Π΄Π»Ρ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ Π½Π΅ΠΎΠ±ΡΡΠ½ΡΡ ΠΈ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΡ ΡΡΡΠ΅ΠΊΡΠΎΠ².
ΠΡΠ΅ Π½Π°Π²ΡΠΊΠΈ ΠΈ ΡΠΌΠ΅Π½ΠΈΡ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΡ ΠΏΠΎΠ»ΡΡΠΈΠΌ Π·Π΄Π΅ΡΡ, ΡΠ²Π»ΡΡΡΡΡ ΡΡΠ½Π΄Π°ΠΌΠ΅Π½ΡΠ°Π»ΡΠ½ΡΠΌΠΈ ΠΏΡΠΈΠ½ΡΠΈΠΏΠ°ΠΌΠΈ ΠΈ ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½Ρ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ ΡΡΡΠ΅ΠΊΡΠΎΠ² Π² ΠΈΠ³ΡΠ°Ρ ΠΈ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡΡ .
Π‘Π΅Π³ΠΎΠ΄Π½Ρ ΠΌΡ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ, ΠΊΠ°ΠΊ ΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΡΠΈΠ³ΡΡΡ, ΠΈ ΡΠ΅Π°Π»ΠΈΠ·ΡΠ΅ΠΌ Π°Π»Π³ΠΎΡΠΈΡΠΌ fibonacci flower, ΡΠ°ΠΊΠΆΠ΅ ΠΈΠ·Π²Π΅ΡΡΠ½ΡΠΉ ΠΊΠ°ΠΊ golden ratio ΠΈΠ»ΠΈ phyllotaxis.
Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»Π΅Π΅
ΠΡΠ΅Π³ΠΎ Π³ΠΎΠ»ΠΎΡΠΎΠ² 5: β5 ΠΈ β0 +5
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 0
DKozachenkoΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 6 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²8.6K
Canvas *Angular *TypeScript *
ΠΠ· ΠΏΠ΅ΡΠΎΡΠ½ΠΈΡΡ
ΠΠ΅ΡΠ΅Π²ΠΎΠ΄
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠ² Π² TypeScript. ΠΡΠΈΠΌΠ΅ΡΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Π³ΠΈΠ±ΠΊΠΈΡ ΠΈ ΡΠ°ΡΡΠΈΡΡΠ΅ΠΌΡΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠ².
Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»Π΅Π΅
ΠΡΠ΅Π³ΠΎ Π³ΠΎΠ»ΠΎΡΠΎΠ² 4: β2 ΠΈ β2 0
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 5
resintegraΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 3 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²1. 4K
Π Π°Π·ΡΠ°Π±ΠΎΡΠΊΠ° Π²Π΅Π±-ΡΠ°ΠΉΡΠΎΠ² *Canvas *Angular *
Π ΠΏΡΠΎΡΠ΅ΡΡΠ΅ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ Ρ Π½Π°Ρ Π½Π΅ Π±ΡΠ»ΠΎ ΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΡΠ΅Ρ Π½ΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ Π·Π°Π΄Π°Π½ΠΈΡ ΠΈ Π²ΠΈΠ΄Π΅Π½ΠΈΡ, Ρ Π½Π°Ρ Π²ΠΎΠ·Π½ΠΈΠΊ Π½Π΅ΠΊΠΈΠΉ ΡΠ΅Ρ Π½ΠΈΡΠ΅ΡΠΊΠΈΠΉ Π΄ΠΎΠ»Π³ Π² Π²ΠΈΠ΄Π΅ any, Π² ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅ ΠΌΡ ΠΏΠΎΡΡΠ°ΡΠ°Π΅ΠΌΡΡ ΡΡΠΎ ΠΈΡΠΏΡΠ°Π²ΠΈΡΡ. Π Π² ΡΡΠΎΠΌ Π½Π°ΠΌ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ ESLint — ΡΡΠΈΠ»ΠΈΡΠ°, ΠΊΠΎΡΠΎΡΠ°Ρ ΠΌΠΎΠΆΠ΅Ρ Π°Π½Π°Π»ΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ Π½Π°ΠΏΠΈΡΠ°Π½Π½ΡΠΉ ΠΊΠΎΠ΄, ΠΎΠ½ ΠΌΠΎΠΆΠ΅Ρ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΠΎΡΠΈΠ±ΠΊΠΈ, Π±Π°Π³ΠΈ ΠΈΠ»ΠΈ Π½Π΅ΡΠΎΡΠ½ΠΎΡΡΠΈ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ.Β
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π²Π΅ΡΡΠΈΡ Angular 12 Π½Π΅ Π²ΠΊΠ»ΡΡΠ°Π΅Ρ Π»ΠΈΠ½ΡΠ΅ΡΡ, ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠΉ Π»ΠΈΠ½ΡΠ΅Ρ TypeScript Π½Π°Π·ΡΠ²Π°Π΅ΡΡΡ TSLint (ΠΎΠ½ ΡΡΠΈΡΠ°Π΅ΡΡΡ ΡΡΡΠ°ΡΠ΅Π²ΡΠΈΠΌ ΠΈ Π²ΠΌΠ΅ΡΡΠΎ Π½Π΅Π³ΠΎ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅ΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ESLint).
Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»Π΅Π΅
Π Π΅ΠΉΡΠΈΠ½Π³ 0
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 0
resintegraΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 20 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²1.9K
Π Π°Π·ΡΠ°Π±ΠΎΡΠΊΠ° Π²Π΅Π±-ΡΠ°ΠΉΡΠΎΠ² *Canvas *Angular *
Π ΡΡΠΎΠΉ ΡΠ°ΡΡΠΈ ΠΌΡ Π·Π°ΠΉΠΌΠ΅ΠΌΡΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ΠΌ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ ΡΠΎΡ ΡΠ°Π½Π΅Π½ΠΈΡ ΡΠΈΡΡΠ½ΠΊΠ°, Π΄ΠΎΠ±Π°Π²ΠΈΠΌ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π½Π°ΡΠΈΡ ΡΠΎΡ ΡΠ°Π½Π΅Π½Π½ΡΡ ΡΠΈΡΡΠ½ΠΊΠΎΠ², Π° ΡΠ°ΠΊΠΆΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ² ΡΠ°Π±ΠΎΡ, ΠΏΠΎ ΠΊΠΎΡΠΎΡΡΠΌ ΠΏΡΠΈ ΠΆΠ΅Π»Π°Π½ΠΈΠΈ ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠ°ΠΊΠΈΠ΅ ΠΆΠ΅ ΠΈΠ»ΠΈ Π»ΡΡΡΠ΅.
Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»Π΅Π΅
Π Π΅ΠΉΡΠΈΠ½Π³ 0
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 5
resintegraΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 9 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²2.2K
Π Π°Π·ΡΠ°Π±ΠΎΡΠΊΠ° Π²Π΅Π±-ΡΠ°ΠΉΡΠΎΠ² *Canvas *Angular *
Π ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅ Ρ ΡΠΎΠ±ΠΈΡΠ°ΡΡΡ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠ³ΠΎ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΏΠΈΠΊΡΠ΅Π»ΡΠ½ΡΠ΅ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ, ΡΠ°ΠΊΠΆΠ΅ Π±ΡΠ΄Π΅Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΡΠ°Π·ΠΌΠ΅ΡΡΠΈΡΡ ΡΡΠΈ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ Π² Π³Π°Π»Π΅ΡΠ΅Π΅, ΠΏΡΠΎΠ³ΠΎΠ»ΠΎΡΠΎΠ²Π°ΡΡ Π·Π° ΠΏΠΎΠ½ΡΠ°Π²ΠΈΠ²ΡΡΡΡΡ. ΠΠΎΠΎΠ±ΡΠ΅ΠΌ Π±ΡΠ΄Π΅Ρ Π±Π»ΠΎΠ³, Π³Π°Π»Π΅ΡΠ΅Ρ ΠΈ ΠΌΠ°ΡΡΠ΅ΡΡΠΊΠ°Ρ. ΠΠ½Π΅ ΠΏΠΎΠΊΠ°Π·Π°Π»ΠΎΡΡ, ΡΡΠΎ ΡΡΠΎ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΠΎ Π½ΠΎΠ²ΠΈΡΠΊΠ°ΠΌ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠΆΠ΅ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π½Π°ΡΡΠΈΠ»ΠΈΡΡ Angular ΠΈ ΠΏΡΠΎΠ±ΡΡΡ Π΄Π΅Π»Π°ΡΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ Π΄Π»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ Π²ΡΡΠ°Π±ΠΎΡΠ°ΡΡ ΡΠ²ΠΎΠΉ ΡΡΠΈΠ»Ρ ΠΈ Π½Π°Π±ΠΈΡΡ ΡΡΠΊΡ.Β Β
ΠΡΠΎ ΠΌΠΎΡ ΠΏΠ΅ΡΠ²Π°Ρ ΡΡΠ°ΡΡΡ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠ³ΠΎ ΡΠΎΠ΄Π° ΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Ρ Π±Ρ Π½ΠΈΠΊΠΎΠ³Π΄Π° Π΅Π΅ Π½Π΅ ΡΠ°Π·ΠΌΠ΅ΡΡΠΈΠ», Π½ΠΎ ΠΌΠΎΡ Π»ΡΠ·Π΅ΡΡΡΠ²ΠΎ ΠΈ ΠΏΡΠΈΠ²ΡΡΠΊΠ° Π±ΡΡΡ ΠΎΠ±ΡΠΊΠ½ΠΎΠ²Π΅Π½Π½ΡΠΌ, ΠΌΠ΅Π½Ρ Π½Π°ΡΡΠΎΠ»ΡΠΊΠΎ ΡΠ°ΡΠΊΡΠ΅ΠΏΠΎΡΡΠΈΠ»ΠΈ, ΡΡΠΎ Ρ Π²ΠΎΡΠΏΡΠΈΠ½ΠΈΠΌΠ°Ρ ΠΏΠΎΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΊΠ°ΠΊ Π΄ΠΎΠ»ΠΆΠ½ΠΎΠ΅. ΠΠΌΠ±ΠΈΡΠΈΠΉ Π½Π΅Ρ, Π΅ΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΠΊΠ°ΠΉΡ ΠΎΡ ΡΠΎΠ³ΠΎ, ΡΡΠΎ Ρ Π΄Π΅Π»Π°Ρ, Π»ΡΠ±Π»Ρ ΡΠΎΠ·Π΅ΡΡΠ°ΡΡ, Π»ΡΠ±Π»Ρ ΡΡΠΎ ΡΠΎ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ. Π Π°Π΄ Π±ΡΠ΄Ρ Π΅ΡΠ»ΠΈ ΡΡΠΎ ΠΊΠΎΠΌΡ ΡΠΎ ΠΏΡΠΈΠ½Π΅ΡΠ΅Ρ ΠΏΠΎΠ»ΡΠ·Ρ. ΠΠ°Π΄Π΅ΡΡΡ ΠΏΡΠΈ ΠΏΡΠΎΡΠΌΠΎΡΡΠ΅ ΠΎΠΏΡΡΠ½ΡΠΌΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌΠΈ Π²ΡΠ΅ Π½Π΅ ΠΎΠΊΠ°ΠΆΠ΅ΡΡΡ ΠΎΡΠ΅Π½Ρ ΠΏΠ»ΠΎΡ ΠΎ ΠΈ Ρ Π½Π°ΠΉΠ΄Ρ Π² ΡΠ΅Π±Π΅ ΡΠΈΠ»Ρ Π²ΡΠ»ΠΎΠΆΠΈΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΡΠ°ΡΡΠΈ.
Π ΠΌΠΎΠΆΠ΅Ρ ΠΊΠΎΠΌΡ ΡΠΎ ΠΏΡΠΎΡΡΠΎ ΠΏΠΎΠ½ΡΠ°Π²ΠΈΡΡΡ ΡΠΈΡΠΎΠ²Π°ΡΡ, ΡΡΡΠ»ΠΊΠ° Π½Π° Π΄Π΅ΠΌΠΎ Π½ΠΈΠΆΠ΅.
Π ΡΡΠΎΠΉ ΡΠ°ΡΡΠΈ Ρ Π±ΡΠ΄Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Angular, CSS ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊ ΠΎΡΒ w3schools
ΠΡΠ°ΠΊ, Π² ΠΏΠ΅ΡΠ²ΠΎΠΉ ΡΠ°ΡΡΠΈ Π±ΡΠ΄Π΅Ρ ΠΎΠΏΠΈΡΠ°Π½ ΠΏΡΠΎΡΠ΅ΡΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π²ΠΎΡ ΡΠ°ΠΊΠΎΠΉ ΠΌΠ°ΡΡΠ΅ΡΡΠΊΠΎΠΉ.
Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»Π΅Π΅
ΠΡΠ΅Π³ΠΎ Π³ΠΎΠ»ΠΎΡΠΎΠ² 4: β2 ΠΈ β2 0
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 0
epodivilovΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 6 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²8.2K
ΠΠ»ΠΎΠ³ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ TINKOFF CSS *JavaScript *HTML *Canvas *
ΠΠ· ΠΏΠ΅ΡΠΎΡΠ½ΠΈΡΡ
ΠΠ΅Π½Ρ Π·ΠΎΠ²ΡΡ ΠΠ²Π³Π΅Π½ΠΈΠΉ ΠΠΎΠ΄ΠΈΠ²ΠΈΠ»ΠΎΠ², Ρ ΡΡΠΎΠ½ΡΠ΅Π½Π΄-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊ Π² ΠΊΠΎΠΌΠ°Π½Π΄Π΅ Β«ΠΠ°ΠΉΡΡΡΠ°ΠΉΠ»Β». Π― ΡΠ°Π·ΡΠ°Π±Π°ΡΡΠ²Π°Ρ ΡΠ°Π·Π΄Π΅Π» Β«Π Π°Π·Π²Π»Π΅ΡΠ΅Π½ΠΈΡΒ». Π ΡΡΠΎΠΌ ΡΠ°Π·Π΄Π΅Π»Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΊΡΠΏΠΈΡΡ Π±ΠΈΠ»Π΅ΡΡ Π½Π° ΠΌΠ΅ΡΠΎΠΏΡΠΈΡΡΠΈΡ ΠΈΠ»ΠΈ Π·Π°Π±ΡΠΎΠ½ΠΈΡΠΎΠ²Π°ΡΡ ΡΡΠΎΠ»ΠΈΠΊ Π² ΡΠ΅ΡΡΠΎΡΠ°Π½Π΅.
ΠΠ½ΠΎΠ³ΠΈΠ΅ Π½Π΅Π΄ΠΎΠ»ΡΠ±Π»ΠΈΠ²Π°ΡΡ Π±Π΅ΡΠΊΠΎΠ½Π΅ΡΠ½ΡΠ΅ ΠΈΠ½Π΄ΠΈΠΊΠ°ΡΠΎΡΡ Π·Π°Π³ΡΡΠ·ΠΊΠΈ, ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ ΠΏΠΎ Π½ΠΈΠΌ Π½Π΅ Π²ΠΈΠ΄Π½ΠΎ ΡΠ΅Π°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΏΡΠΎΠ³ΡΠ΅ΡΡΠ° Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ Π·Π°Π΄Π°ΡΠΈ. ΠΠ½Π΅ ΠΊΠ°ΠΆΠ΅ΡΡΡ, Π²ΡΠ²Π΅ΡΡΠΈ ΠΊΠ°ΠΊΠΎΠΉ-ΡΠΎ ΡΠΏΠΈΠ½Π½Π΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΈ ΡΠ²Π΅Π΄ΠΎΠΌΠΈΡΡ, ΡΡΠΎ ΡΠ°Π±ΠΎΡΠ° ΠΈΠ΄Π΅Ρ ΠΈ ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ ΠΎΠΆΠΈΠ΄Π°Π΅ΡΡΡ, Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ Π»ΡΡΡΠ΅, ΡΠ΅ΠΌ Π½ΠΈΡΠ΅Π³ΠΎ.Β
ΠΠ½ΠΎΠ³Π΄Π° ΡΠΏΠΈΠ½Π½Π΅Ρ Π²ΠΌΠ΅ΡΡΠΎ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΡΡΠΏΠΎΠΊΠΎΠΈΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ, ΡΠΎΡΠΌΠΎΠ·ΠΈΡ ΠΈ Π·Π°Π±ΠΈΡΠ°Π΅Ρ Π±ΠΎΠ»ΡΡΠ΅ ΡΠ΅ΡΡΡΡΠΎΠ², ΡΠ΅ΠΌ ΡΠ°ΠΌΠ° Π·Π°Π΄Π°ΡΠ°. ΠΡΠΎ ΠΎΠ΄ΠΈΠ½ ΡΠ°ΠΊΠΎΠΉ ΠΈΠ½Π΄ΠΈΠΊΠ°ΡΠΎΡ Ρ ΠΈ ΡΠ°ΡΡΠΊΠ°ΠΆΡ.
Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»Π΅Π΅
ΠΡΠ΅Π³ΠΎ Π³ΠΎΠ»ΠΎΡΠΎΠ² 32: β32 ΠΈ β0 +32
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 16
EnfrizΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 16 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²20K
JavaScript *ΠΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ *ΠΠ»Π³ΠΎΡΠΈΡΠΌΡ *Canvas *TypeScript *
βοΈ Π’Π΅Ρ Π½ΠΎΡΠ΅ΠΊΡΡ 2021
Π‘ΠΊΠΎΡΠΎ Π½Π°ΡΠΈΠ½Π°ΡΡΡΡ ΠΏΡΠ΅Π΄ΠΏΡΠ°Π·Π΄Π½ΠΈΡΠ½ΡΠ΅ Π΄Π½ΠΈ, Π° Π²ΠΌΠ΅ΡΡΠ΅ Ρ Π½ΠΈΠΌΠΈ ΠΈ ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅ Π½Π°ΡΠΈΡ Π΄ΠΎΠΌΠΎΠ². ΠΠΎ ΡΡΠΎΠΌΡ ΠΏΠΎΠ²ΠΎΠ΄Ρ Ρ ΡΠ΅ΡΠΈΠ» Π·Π°Π½ΡΡΡΡΡ ΠΏΡΠΎΡΠ΅Π΄ΡΡΠ½ΠΎΠΉ Π³Π΅Π½Π΅ΡΠ°ΡΠΈΠ΅ΠΉ Π»Π΅ΠΊΠ°Π»Π° Π΄Π»Ρ Π²ΡΡΠ΅Π·Π°Π½ΠΈΡ ΡΠ½Π΅ΠΆΠΈΠ½ΠΎΠΊ ΠΈΠ· Π±ΡΠΌΠ°Π³ΠΈ. ΠΠΎΠ΄ ΠΊΠ°ΡΠΎΠΌ ΠΏΡΠΎΡΠ΅ΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ, Π°Π»Π³ΠΎΡΠΈΡΠΌ ΠΈ Π΄Π΅ΠΌΠΊΠ°.
Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»Π΅Π΅
ΠΡΠ΅Π³ΠΎ Π³ΠΎΠ»ΠΎΡΠΎΠ² 127: β127 ΠΈ β0 +127
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 33
honyakiΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 8 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²10K
ΠΠ»ΠΎΠ³ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ SkillFactory Π Π°Π·ΡΠ°Π±ΠΎΡΠΊΠ° Π²Π΅Π±-ΡΠ°ΠΉΡΠΎΠ² *CSS *JavaScript *Canvas *
Π’ΡΡΠΎΡΠΈΠ°Π»
ΠΠ΅ΡΠ΅Π²ΠΎΠ΄
ΠΠ»Π°Π³ΠΎΠ΄Π°ΡΡ Paint API ΠΈΠ· ΡΠΎΡΡΠ°Π²Π° Houdini ΠΌΠΎΠΆΠ½ΠΎ Π½Π΅ ΠΆΠ΄Π°ΡΡ Π²ΡΡ ΠΎΠ΄Π° Π½ΠΎΠ²ΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠ΅ΠΉ CSS. Π¨Π°Π³ Π·Π° ΡΠ°Π³ΠΎΠΌ Π°Π²ΡΠΎΡ ΡΡΠΎΠ³ΠΎ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Π° ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ, ΠΊΠ°ΠΊ Π½Π°ΠΏΠΈΡΠ°ΡΡ Π½ΠΎΠ²ΠΎΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ CSS Π΄Π»Ρ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ Ρ ΡΡΠ°Π³ΠΌΠ΅Π½ΡΠ°ΡΠΈΠ΅ΠΉ. ΠΠ΅Π»ΠΈΠΌΡΡ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΠΎΠΌ, ΠΏΠΎΠΊΠ° Ρ Π½Π°Ρ Π½Π°ΡΠΈΠ½Π°Π΅ΡΡΡ ΠΊΡΡΡ ΠΏΠΎ Frontend-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅.
Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»Π΅Π΅
ΠΡΠ΅Π³ΠΎ Π³ΠΎΠ»ΠΎΡΠΎΠ² 16: β15 ΠΈ β1 +14
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 4
jamak000Z» title=»2021-10-01, 10:30″>1 ΠΎΠΊΡ 2021 Π² 10:30
ΠΡΠ΅ΠΌΡ Π½Π° ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ 5 ΠΌΠΈΠ½
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²5.3K
Π Π°Π·ΡΠ°Π±ΠΎΡΠΊΠ° Π²Π΅Π±-ΡΠ°ΠΉΡΠΎΠ² *HTML *Canvas *Angular *
Π Π°Π·ΡΠ°Π±ΠΎΡΠΊΠ° Π½Π° canvas Ρ ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠΎΠΌ 2D ΠΎΠ±ΡΡΠ½ΠΎ Π½Π΅ ΠΏΡΠ΅Π΄ΠΏΠΎΠ»Π°Π³Π°Π΅Ρ Π½ΠΈΠΊΠ°ΠΊΠΈΡ ΡΠ»ΠΎΠΆΠ½ΠΎΡΡΠ΅ΠΉ. ΠΠ»Ρ Π½Π°ΡΠ°Π»Π° Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΠΈΠ·ΡΡΠΈΡΡ ΠΏΠ°ΡΡ Π΄Π΅ΡΡΡΠΊΠΎΠ² Π²ΡΡΡΠΎΠ΅Π½Π½ΡΡ ΠΌΠ΅ΡΠΎΠ΄ΠΎΠ² WEB API CanvasRenderingContext2D, ΠΏΡΠΎΡΠΈΡΠ°ΡΡ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°ΡΠΈΠΈ ΠΏΠΎ ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΠΈ, Π²ΡΠΏΠΎΠΌΠ½ΠΈΡΡ ΡΠΊΠΎΠ»ΡΠ½ΡΠΉ ΠΊΡΡΡ Π³Π΅ΠΎΠΌΠ΅ΡΡΠΈΠΈ. Π Π½Π° ΡΡΠΈΡ Π±Π°Π·ΠΎΠ²ΡΡ Π²Π΅ΡΠ°Ρ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΆΠ΅ ΡΡΡΠΎΠΈΡΡ Π½Π΅ΠΏΠ»ΠΎΡ ΠΈΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ Π½Π° canvas.
ΠΠ°ΠΊ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ² Π½Π°ΡΠ°Π»Π° ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ Π½Π° canvas: ΠΈΠ· ΠΏΡΠΈΠΌΠΈΡΠΈΠ²ΠΎΠ² ΡΠΈΠ³ΡΡ ΡΡΡΠΎΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, Π·Π°ΡΠ΅ΠΌ ΠΈΡ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΡΡΡ Π² ΡΡΠ½ΠΊΡΠΈΡ, ΡΡΠΈ ΡΡΠ½ΠΊΡΠΈΠΈ ΡΠΊΠ»Π°Π΄ΡΠ²Π°ΡΡ Π² Π³ΠΎΡΠΎΠ²ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ, ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΡΡΡ ΠΈΡ Π² ΡΠ»ΠΎΠΉ, Π½Ρ ΠΈ Π² ΠΊΠΎΠ½ΡΠ΅ ΡΠΆΠ΅ ΠΎΡΠ΄Π°ΡΡ Π² ΡΡΠ½ΠΊΡΠΈΡ ΡΠ΅Π½Π΄Π΅ΡΠ°. ΠΡΠ΅ Π΅ΡΠ΅ Π·Π²ΡΡΠΈΡ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ Π½Π΅ΠΏΠ»ΠΎΡ ΠΎ ΠΈ Ρ ΡΡΠΈΠΌ ΠΌΠΎΠΆΠ½ΠΎ Π΄Π°ΠΆΠ΅ ΠΆΠΈΡΡ, Π΅ΡΠ»ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠΈΡΡΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ, ΠΈ ΠΏΡΠΈΠ΄Π΅ΡΠΆΠΈΠ²Π°ΡΡΡΡ Π²Π΅Π·Π΄Π΅ ΡΡΠΎΠ³ΠΎ ΠΏΠΎΠ΄Ρ ΠΎΠ΄Π°. ΠΠΎ Π½Π΅ Π²ΡΠ΅Π³Π΄Π° ΡΡΠΎΠ³ΠΎ ΡΠ΄Π°Π΅ΡΡΡ, Π²ΡΠ΅Π³Π΄Π° Π΅ΡΡΡ ΡΠΎΠ±Π»Π°Π·Π½ Π²ΡΡ Π²Π°ΡΠΈΡΡ ΡΡΠΎ-Π»ΠΈΠ±ΠΎ ΠΈΠ· ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ°. ΠΠ»Ρ ΠΏΡΠΈΠΌΠ΅ΡΠ° ΠΏΡΠΈΠ²Π΅Π΄Ρ ΠΊΠΎΠ΄ ΠΈΠ· source-map-vizualization Π·Π°ΠΌΠ΅ΡΠ°ΡΠ΅Π»ΡΠ½ΡΠΉ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ, ΡΠ΄Π΅Π»Π°Π½Π½ΡΠΉ Π½Π° canvas. Π’ΠΎΠ»ΡΠΊΠΎ ΡΡΠΎΠ±Ρ ΠΏΠΎΠ½ΡΡΡ Π²Π΅ΡΡ ΠΊΠΎΠ΄ ΠΈ ΠΏΡΠΈΠ²Π½Π΅ΡΡΠΈ ΠΊΠ°ΠΊΠΈΠ΅ Π»ΠΈΠ±ΠΎ ΠΈΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ, Ρ Π΄ΡΠΌΠ°Ρ ΠΏΡΠΈΠ΄Π΅ΡΡΡ ΠΏΠΎΡΠΈΠ΄Π΅ΡΡ Π½Π΅ ΠΎΠ΄ΠΈΠ½ ΡΠ°Ρ.
Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»Π΅Π΅
ΠΡΠ΅Π³ΠΎ Π³ΠΎΠ»ΠΎΡΠΎΠ² 12: β12 ΠΈ β0 +12
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ 3
Canvas (Π±Π°Π·ΠΎΠ²Π°Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ°) | ΠΠΎΠ³Ρ Π»ΠΈ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ… Π’Π°Π±Π»ΠΈΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ Π΄Π»Ρ HTML5, CSS3 ΠΈ Ρ. Π΄.
ΠΠΎΠ³Ρ Π»ΠΈ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ
ΠΠΎΠΈΡΠΊ?
Π₯ΠΎΠ»ΡΡ (Π±Π°Π·ΠΎΠ²Π°Ρ ΠΎΠΏΠΎΡΠ°)
— ΠΠ‘ΠΠ»ΠΎΠ±Π°Π»ΡΠ½ΠΎΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅
98,15% + 1,02% «=» 99,17%
ΠΠ΅ΡΠΎΠ΄ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π±ΡΡΡΡΠΎΠΉ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΎΠΉ Π³ΡΠ°ΡΠΈΠΊΠΈ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ JavaScript.
Π₯ΡΠΎΠΌ
- 4 — 109: Supported
- 110: Supported
- 111 — 113: Supported
Edge
- 12 — 109: Supported 24% — Supported»> 110: Supported
Safari
- 3.1 — 3.2: Partial support
- 4 — 16,2: ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ
- 16,3: ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ
- 16,4 — TP: ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ
Firefox
- 2 — 3,5: ΡΠ°ΡΡΠΈΡΠ½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ°
- 3,6 — 109: ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ°.0058 111 — 112: ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠ°Π½
Opera
- 9 — 94: ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ
- 95: ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ
IE
- 5.5: Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ
- 6: Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ (Π½ΠΎ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠ°Π» (Π½ΠΎ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠ°Π» (Π½ΠΎ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠ°Π», Π½ΠΎ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ , Π½ΠΎ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ, Π½ΠΎ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ. 9 — 10: ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠ°Π½ΠΎ
- 11: ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ
Chrome Π΄Π»Ρ Android
- 110: ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ
Safari Π½Π° IOS
- 3.2 — 16,2: ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠ°Π»
- 16.3: ΠΠΎΠ΄Π΄Π΅ΡΠΆΠ°Π½ΠΈΠ΅ 888 888 888 888 888 888 888 888 888 888 888 888 8. 28 8. 28 8. 28 8. 2 8. 2
- .0015
Samsung Internet
- 4 — 19.0: Supported
- 20: Supported
Opera Mini
- all: Partial support
Opera Mobile
- 10 — 12.1: Supported
- 73: Supported
ΠΡΠ°ΡΠ·Π΅Ρ UC Π΄Π»Ρ Android
- 90% — Supported»> 13.4: ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ
ΠΡΠ°ΡΠ·Π΅Ρ Android
- 2.1β2.3: Π§Π°ΡΡΠΈΡΠ½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ°
- 3β4.4.4: ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ 9004: ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ 9004:0015
Firefox for Android
- 110: Supported
QQ Browser
- 13.1: Supported
Baidu Browser
- 13.18: Supported
KaiOS Browser
- 2.5: Supported
- 3: Supported
ΠΠ»Ρ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌ ΡΡΠ΅Π½ΠΈΡ Ρ ΡΠΊΡΠ°Π½Π° IE, Chrome ΠΈ Firefox ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΠΉ DOM Π΄ΠΎΡΡΡΠΏΠ½ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Ρ ΠΎΠ»ΡΡΠ°. Firefox ΠΈ Chrome ΡΠ°ΠΊΠΆΠ΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ ΠΊΠΎΠ»ΡΡΠΎ DrawFocus.
- Π Π΅ΡΡΡΡΠΎΠ²:
- Animation Kit
- MDN Web Docs — Canvas API
- Π£ΡΠ΅Π±Π½ΠΈΠΊ ΠΏΠΎ Mozilla
- . ΠΡΡΠ³ΠΎΠΉ ΡΡΠ΅Π±Π½ΠΈΠΊ
- Π΄Π»Ρ ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ -ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»Ρ
- HAS. Π’Π΅ΠΊΡΡΠΎΠ²ΡΠΉ API Π΄Π»Ρ Canvas
- WebGL β ΡΡΠ΅Ρ ΠΌΠ΅ΡΠ½Π°Ρ Π³ΡΠ°ΡΠΈΠΊΠ° Canvas
- Π Π΅ΠΆΠΈΠΌΡ Π½Π°Π»ΠΎΠΆΠ΅Π½ΠΈΡ Canvas
- WebGL 2.0
- Path3D
ΠΠ°ΡΠ°Π»ΠΎ ΡΠ°Π±ΠΎΡΡ Ρ Canvas Π² HTML5 | ΠΡΡ Π‘ΡΡΠΉΠ½ΡΠΎΠ½
Canvas Π² HTML5 β ΡΡΠΎ ΠΌΠΎΡΠ½ΡΠΉ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΡ Π΄ΠΈΡΠΏΠ»Π΅Π΅Π², Π³ΡΠ°ΡΠΈΠΊΠΈ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ³ΠΎ Π΄ΡΡΠ³ΠΎΠ³ΠΎ.
ΠΠΎΡ ΠΏΡΠΈΠΌΠ΅Ρ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π½Π°ΡΠ°ΡΡ ΡΡΡΠΎΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Canvas Π² HTML5, Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΡΠΎΡΡΠΎΠ³ΠΎ ΡΡΠ΅Π±Π½ΠΈΠΊΠ° ΠΏΠΎ ΡΠ°ΡΡΠΈΡΠ°ΠΌ. ΠΡΠΎ ΠΎΡ Π²Π°ΡΡΠ²Π°Π΅Ρ Π±Π°Π·ΠΎΠ²ΡΠΉ ΡΠΈΠΊΠ» Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ, ΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π½Π° Ρ ΠΎΠ»ΡΡΠ΅ ΠΈ ΡΠ΅Π°ΠΊΡΠΈΡ Π½Π° Π΄Π΅ΠΉΡΡΠ²ΠΈΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ.
Π§ΡΠΎΠ±Ρ ΠΎΠ±ΠΎΠΉΡΠΈ ΡΠ°ΠΌΡΠ΅ ΠΎΡΠ½ΠΎΠ²Ρ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΡ Ρ Ρ ΠΎΠ»ΡΡΠΎΠΌ, ΠΌΡ ΡΠΎΠ±ΠΈΡΠ°Π΅ΠΌΡΡ Π½Π°ΠΏΠΈΡΠ°ΡΡ ΠΊΠΎΠ΄ JavaScript Π΄Π»Ρ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ Β«ΡΠ°ΡΡΠΈΡΒ» Π½Π° Ρ ΠΎΠ»ΡΡ Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΠΏΠ°Π»ΡΡΠ°, ΠΌΡΡΠΈ ΠΈΠ»ΠΈ ΡΠΊΠ°Π·Π°ΡΠ΅Π»Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ.
Π‘Π½Π°ΡΠ°Π»Π° Π½Π°ΠΌ Π½ΡΠΆΠ½Π° ΠΏΡΠΎΡΡΠ°Ρ Β«ΡΠΊΠ΅Π»Π΅ΡΠ½Π°ΡΒ» ΡΠ°Π·ΠΌΠ΅ΡΠΊΠ° Π΄Π»Ρ Π½Π°ΡΠ΅Π³ΠΎ CSS, HTML ΠΈ JavaScript.
ΠΡΠΈΠ²Π΅Π΄Π΅Π½Π½ΡΠΉ Π²ΡΡΠ΅ CSS ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ ΡΠΈΠΎΠ»Π΅ΡΠΎΠ²ΡΠΉ ΡΠ²Π΅Ρ ΡΠΎΠ½Π° ΡΡΡΠ°Π½ΠΈΡΡ ΠΈ ΡΠ΄Π°Π»ΡΠ΅Ρ Π²ΡΠ΅ ΠΏΠΎΠ»Ρ ΠΈ ΠΎΡΡΡΡΠΏΡ Π²ΠΎΠΊΡΡΠ³ Ρ ΠΎΠ»ΡΡΠ°. JavaScript ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ ΠΏΡΠΎΡΡΡΡ ΠΎΡΠ½ΠΎΠ²Ρ Π΄Π»Ρ Π½Π°ΡΠ΅Π³ΠΎ ΠΊΠΎΠ΄Π° Particles.
ΠΡΡΡΠ΄Π° Π½Π°ΠΌ Π½ΡΠΆΠ½ΠΎ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π³Π»ΠΎΠ±Π°Π»ΡΠ½ΡΡ ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ , ΡΡΡΠ»Π°ΡΡΠΈΡ ΡΡ Π½Π° ΡΠ°ΠΌ Ρ ΠΎΠ»ΡΡ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΡΡΠ΅Π±ΡΡΡΡΡ Π²ΠΎ Π²ΡΠ΅ΠΌ ΠΊΠΎΠ΄Π΅.
c Π²ΡΠ±ΠΈΡΠ°Π΅Ρ Ρ ΠΎΠ»ΡΡ ΠΈΠ· DOM, Π° ctx ΡΠΎΠ·Π΄Π°Π΅Ρ Π΄ΠΎΡΡΡΠΏ ΠΊ ΡΠ²ΠΎΠ΅ΠΌΡ 2D-ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΡ. ΠΊΠ°Π΄ΡΠΎΠ² Π² ΡΠ΅ΠΊΡΠ½Π΄Ρ ( ΠΊΠ°Π΄ΡΠΎΠ² Π² ΡΠ΅ΠΊΡΠ½Π΄Ρ ) β ΡΡΠΎ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΠ°Π·, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΌΡ Ρ ΠΎΡΠ΅Π»ΠΈ Π±Ρ ΠΎΠ±Π½ΠΎΠ²ΠΈΡΡ Ρ ΠΎΠ»ΡΡ Π² ΡΠ΅ΠΊΡΠ½Π΄Ρ.
ΠΠ°ΠΌ ΡΠ°ΠΊΠΆΠ΅ Π½ΡΠΆΠ½Ρ Π΅ΡΠ΅ Π΄Π²Π΅ ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅, ΡΠΊΠ°Π·Π°ΡΠ΅Π»Ρ ΠΈ ΡΠ°ΡΡΠΈΡΡ :
ΠΎΠ±ΡΠ΅ΠΊΡ: ΡΠΊΠ°Π·Π°ΡΠ΅Π»Ρ ΠΠ»Ρ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠΈ ΠΊΠΎΠΎΡΠ΄ΠΈΠ½Π°Ρ x ΠΈ y ΠΌΡΡΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π²ΠΎ Π²ΡΠ΅ΠΌΡ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ. Π ΠΏΠΎΠΊΠ° Π΄Π°Π²Π°ΠΉΡΠ΅ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΠΌ Π·Π½Π°ΡΠ΅Π½ΠΈΡ Π² ΡΠ΅Π½ΡΡ Π΄ΠΈΡΠΏΠ»Π΅Ρ.
ΠΌΠ°ΡΡΠΈΠ²: ΡΠ°ΡΡΠΈΡ Π‘ΠΏΠΈΡΠΎΠΊ ΡΠ°ΡΡΠΈΡ Π² Π½Π°ΡΠ΅ΠΉ ΡΠΈΡΡΠ΅ΠΌΠ΅, ΠΊΠΎΡΠΎΡΡΠ΅ Π±ΡΠ΄ΡΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ Π½Π° Ρ ΠΎΠ»ΡΡΠ΅ Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΌ ΠΊΠ°Π΄ΡΠ΅.
Π‘ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ ΡΡΠΈΡ Π΄Π²ΡΡ ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ Ρ Π½Π°Ρ Π΅ΡΡΡ Π²ΡΠ΅ ΡΡΡΠΎΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ Π±Π»ΠΎΠΊΠΈ, ΡΡΠΎΠ±Ρ Π΄Π²ΠΈΠ³Π°ΡΡΡΡ Π΄Π°Π»ΡΡΠ΅ ΠΈ Π½Π°ΡΠ°ΡΡ ΠΏΠΈΡΠ°ΡΡ ΠΊΠΎΠ΄ Π΄Π»Ρ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΡ Ρ Ρ ΠΎΠ»ΡΡΠΎΠΌ.
Π§ΡΠΎΠ±Ρ Π½Π°ΡΠ°ΡΡ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΎΠ²Π°ΡΡ Ρ Ρ ΠΎΠ»ΡΡΠΎΠΌ ΠΈ Π½Π°ΡΠΈΠΌ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΌ, Π½Π°ΠΌ Π½ΡΠΆΠ½Ρ Π΄Π²Π΅ Π²ΡΠΏΠΎΠΌΠΎΠ³Π°ΡΠ΅Π»ΡΠ½ΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ, setCanvasSize ΠΈ setPointerPosition .
Π§ΡΠΎΠ±Ρ Π½Π°ΡΠ° ΡΠΈΡΡΠ΅ΠΌΠ° ΡΠ°ΡΡΠΈΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π»Π°ΡΡ Π² ΠΏΠΎΠ»Π½ΠΎΡΠΊΡΠ°Π½Π½ΠΎΠΌ ΡΠ΅ΠΆΠΈΠΌΠ΅, Π½Π°ΠΌ Π½ΡΠΆΠ½ΠΎ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ ΡΠ°Π·ΠΌΠ΅Ρ Π½Π°ΡΠ΅Π³ΠΎ Ρ ΠΎΠ»ΡΡΠ° Π½Π° setCanvasSize Π²ΠΎ Π²ΡΠ΅ΠΌΡ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΏΡΠΈΠΊΡΠ΅ΠΏΠΈΡΡ ΡΡΠ½ΠΊΡΠΈΡ ΠΊ ΠΎΠΊΠ½Ρ ΠΎΡΠΈΠ΅Π½ΡΠ°ΡΠΈΡ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΠ°Π·ΠΌΠ΅Ρ ΡΠΎΠ±ΡΡΠΈΠΉ. ΠΠ΅Π»Π°Ρ ΡΡΠΎ, ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ ΠΎΠ±Π½ΠΎΠ²ΠΈΡΡ Π²ΡΡΠΎΡΡ ΠΈ ΡΠΈΡΠΈΠ½Ρ Π½Π°ΡΠ΅Π³ΠΎ Ρ ΠΎΠ»ΡΡΠ° Ρ Π½ΠΎΠ²ΡΠΌ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠΌ ΡΠΊΡΠ°Π½Π° Π² ΠΌΠΎΠΌΠ΅Π½ΡΡ Π·Π°ΠΏΡΡΠΊΠ° ΡΡΠΈΡ ΡΠΎΠ±ΡΡΠΈΠΉ.
Π§ΡΠΎΠ±Ρ ΠΎΡΡΠ»Π΅ΠΆΠΈΠ²Π°ΡΡ ΡΠΊΠ°Π·Π°ΡΠ΅Π»Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ, ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ setPointerPostion, ΡΡΠΎΠ±Ρ ΠΎΠ±Π½ΠΎΠ²Π»ΡΡΡ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π½Π°ΡΠ΅Π³ΠΎ ΡΠΊΠ°Π·Π°ΡΠ΅Π»Ρ Π²ΡΡΠΊΠΈΠΉ ΡΠ°Π·, ΠΊΠΎΠ³Π΄Π° Π·Π°ΠΏΡΡΠΊΠ°ΡΡΡΡ ΡΠΎΠ±ΡΡΠΈΡ mousemove ΠΈΠ»ΠΈ touch .
ΠΠ°Π²Π°ΠΉΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ ΠΏΡΠΎΡΠ»ΡΡΠΈΠ²Π°ΡΠ΅Π»ΠΈ ΡΠΎΠ±ΡΡΠΈΠΉ Π΄Π»Ρ setCanvasSize ΠΈ setPointerPostion Π² Π½Π°ΡΡ ΡΡΠ½ΠΊΡΠΈΡ init() .
ΠΠΊΠ΅ΠΉ, ΡΠ΅ΠΏΠ΅ΡΡ ΡΠ°Π·ΠΌΠ΅Ρ Π½Π°ΡΠ΅Π³ΠΎ Ρ ΠΎΠ»ΡΡΠ° ΠΏΡΠΈΠ²ΡΠ·Π°Π½ ΠΊ ΡΠ°Π·ΠΌΠ΅ΡΡ ΡΠΊΡΠ°Π½Π° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΈ Π±ΡΠ΄Π΅Ρ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΎΠ±Π½ΠΎΠ²Π»ΡΡΡΡΡ ΠΏΡΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΠΈΠ»ΠΈ ΠΎΡΠΈΠ΅Π½ΡΠ°ΡΠΈΠΈ. ΠΠΎΡΡΡΠΏ ΠΊ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΡΠΊΠ°Π·Π°ΡΠ΅Π»Π΅ΠΉ Π² Π»ΡΠ±ΠΎΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ ΡΠ°ΠΊΠΆΠ΅ Π΄ΠΎΡΡΡΠΏΠ΅Π½ ΡΠ΅ΡΠ΅Π· Π½Π°Ρ ΠΎΠ±ΡΠ΅ΠΊΡ ΡΠΊΠ°Π·Π°ΡΠ΅Π»Ρ .
ΠΡΡΡΠ΄Π° Π½Π°ΠΌ Π½ΡΠΆΠ½ΠΎ Π½Π°ΡΡΡΠΎΠΈΡΡ ΡΠΈΠΊΠ» Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ Π΄Π»Ρ Π½Π°ΡΠ΅Π³ΠΎ Ρ ΠΎΠ»ΡΡΠ° Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠ΅ΠΉ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΠΌΠΎΠΉ ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΠΎΠΉ fps . ΠΡ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΠΎ, ΡΡΠΎΠ±Ρ Π½Π°ΡΠΈΡΠΎΠ²Π°ΡΡ Π½Π°ΡΠΈ ΡΠ°ΡΡΠΈΡΡ Π½Π° Ρ ΠΎΠ»ΡΡΠ΅.
ΠΡ Π·Π°ΠΏΡΡΠΊΠ°Π΅ΠΌ ΡΠΈΠΊΠ», Π·Π°ΠΏΡΡΠΊΠ°Ρ ΡΡΠ½ΠΊΡΠΈΡ requestFrame , Π·Π°ΠΏΡΠ°ΡΠΈΠ²Π°ΡΡΡΡ Ρ Π±ΡΠ°ΡΠ·Π΅ΡΠ° Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ Draw ΠΏΠ΅ΡΠ΅Π΄ ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΉ ΠΏΠ΅ΡΠ΅ΡΠΈΡΠΎΠ²ΠΊΠΎΠΉ ΠΎΠΊΠ½Π°.
Π ΡΡΠ½ΠΊΡΠΈΠΈ Draw ΠΌΡ Π²ΡΠ·ΡΠ²Π°Π΅ΠΌ window.setTimeout Π΄Π»Ρ ΠΏΠΎΠ²ΡΠΎΡΠ½ΠΎΠ³ΠΎ Π·Π°ΠΏΡΡΠΊΠ° requestFrame Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ ΡΠΎΠ³ΠΎ, ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ°Π· Π² ΡΠ΅ΠΊΡΠ½Π΄Ρ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π²ΡΠΏΠΎΠ»Π½ΡΡΡΡΡ ΡΡΠΎΡ ΡΠΈΠΊΠ».
ΠΠ°ΠΆΠ΄ΡΠΉ ΡΠ°Π·, ΠΊΠΎΠ³Π΄Π° Draw Π²ΡΠ·ΡΠ²Π°Π΅ΡΡΡ Π² Π½Π°ΡΠ΅ΠΌ ΡΠΈΠΊΠ»Π΅ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ, ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ ΡΠΈΡΠΎΠ²Π°ΡΡ Π½Π°ΡΠΈ ΡΠ°ΡΡΠΈΡΡ Π² ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΡΡ Π½Π° Ρ ΠΎΠ»ΡΡΠ΅. ΠΠ° Π΄Π°Π½Π½ΡΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ Π² ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π²ΡΡΠ΅ ΠΊΠΎΠ΄Π΅ ΠΌΡ ΠΏΡΠΎΡΡΠΎ ΠΎΡΠΈΡΠ°Π΅ΠΌ Ρ ΠΎΠ»ΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΌΠ΅ΡΠΎΠ΄ clearRect Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΌ ΠΊΠ°Π΄ΡΠ΅.
Π§ΡΠΎΠ±Ρ Π·Π°ΠΏΡΡΡΠΈΡΡ ΡΠΈΠΊΠ» Π²ΠΎ Π²ΡΠ΅ΠΌΡ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ, ΠΊΠ°ΠΊ ΠΈ Π² ΡΠ»ΡΡΠ°Π΅ Ρ Π½Π°ΡΠΈΠΌΠΈ ΠΏΡΠΎΡΠ»ΡΡΠΈΠ²Π°ΡΠ΅Π»ΡΠΌΠΈ ΡΠΎΠ±ΡΡΠΈΠΉ ΡΠ°Π½Π΅Π΅, Π½Π°ΠΌ Π½ΡΠΆΠ½ΠΎ Π²ΡΠ·Π²Π°ΡΡ requestFrame() ΠΈΠ· Π½Π°ΡΠ΅ΠΉ ΡΡΠ½ΠΊΡΠΈΠΈ init() .
Π’Π΅ΠΏΠ΅ΡΡ ΠΌΡ Π³ΠΎΡΠΎΠ²Ρ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π½Π°Π΄ ΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΠ°ΡΡΠΈΡ Π½Π° Ρ ΠΎΠ»ΡΡΠ΅ Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΌ ΠΊΠ°Π΄ΡΠ΅ ΡΠΈΠΊΠ»Π° Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ. ΠΠ° Π΄Π°Π½Π½ΡΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ Π½Π° ΡΠΊΡΠ°Π½Π΅ Ρ Π½Π°Ρ Π²ΡΠ΅ Π΅ΡΠ΅ Π΅ΡΡΡ ΡΠ»Π΅Π΄ΡΡΡΠ΅Π΅:
ΠΠ°ΠΆΠ΄Π°Ρ ΡΠ°ΡΡΠΈΡΠ° ΠΈΠΌΠ΅Π΅Ρ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ Π°ΡΡΠΈΠ±ΡΡΡ, ΠΊΠΎΡΠΎΡΡΠ΅ Π½Π°ΠΌ Π½ΡΠΆΠ½ΠΎ ΡΠΎΡ ΡΠ°Π½ΠΈΡΡ β ΡΡΠΎ ΡΠ²Π΅Ρ, ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, ΡΠ°Π·ΠΌΠ΅Ρ ΠΈ ΡΠΊΠΎΡΠΎΡΡΡ. ΠΡΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΌΠ΅Π½ΡΡΡ Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΌ ΠΊΠ°Π΄ΡΠ΅ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ, ΡΡΠΎΠ±Ρ ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΠ°ΡΡ ΡΠ°ΡΡΠΈΡΡ ΠΏΠΎ Ρ ΠΎΠ»ΡΡΡ.
Π§ΡΠΎΠ±Ρ ΡΠ΄Π΅Π»Π°ΡΡ Π²Π΅ΡΠΈ ΠΏΡΠΎΡΡΡΠΌΠΈ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΡΠ°Π·ΠΎΠ²ΡΠΌΠΈ, Π΄Π°Π²Π°ΠΉΡΠ΅ ΡΠΎΠ·Π΄Π°Π΄ΠΈΠΌ ΠΎΠ±ΡΠ΅ΠΊΡ Particle . ΠΠ°ΡΠ΅ΠΌ Π½Π° ΠΊΠ°ΠΆΠ΄ΡΠΉ ΠΊΠ°Π΄Ρ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ ΠΌΡ Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΠΏΠΎ ΠΎΠ΄Π½ΠΎΠΉ ΡΠ°ΡΡΠΈΡΠ΅ .
ΠΠΎΠ·ΠΈΡΠΈΠΈ x ΠΈ y ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΠ°ΡΡΠΈΡΡ ΠΎΡΠ½ΠΎΠ²Π°Π½Ρ Π½Π° ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ ΡΠΊΠ°Π·Π°ΡΠ΅Π»Ρ Π² ΡΡΠΎΡ ΠΌΠΎΠΌΠ΅Π½Ρ, Π½ΠΎ Π΄Π»Ρ Π΅Π³ΠΎ ΡΠΊΠΎΡΠΎΡΡΠΈ Π½Π°ΠΌ Π½ΡΠΆΠ½Π° Π²ΡΠΏΠΎΠΌΠΎΠ³Π°ΡΠ΅Π»ΡΠ½Π°Ρ ΡΡΠ½ΠΊΡΠΈΡ getRandomInt , ΠΊΠΎΡΠΎΡΠ°Ρ Π±ΡΠ΄Π΅Ρ Π²ΠΎΠ·Π²ΡΠ°ΡΠ°ΡΡ ΡΠ»ΡΡΠ°ΠΉΠ½ΠΎΠ΅ ΡΠΈΡΠ»ΠΎ ΠΎΡ -10 Π΄ΠΎ 10.
Π’Π΅ΠΏΠ΅ΡΡ ΡΡΠΎ ΠΌΠ°ΡΡΠΈΠ² ΡΠ°ΡΡΠΈΡ Π·Π°ΠΏΠΎΠ»Π½ΡΠ΅ΡΡΡ, ΠΏΠΎΡΠ° Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΠΈΠΊΠ» for, ΠΏΠ΅ΡΠ΅Π±ΠΈΡΠ°ΡΡΠΈΠΉ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΡΠ°ΡΡΠΈΡ ΠΈ ΠΏΡΠΎΡΠΈΡΠΎΠ²ΠΊΠ° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ Π½Π° Ρ ΠΎΠ»ΡΡΠ΅.
ΠΠ°ΡΠΈΡΠΎΠ²Π°ΡΡ Π½ΠΎΠ²ΡΡ ΡΠΎΡΠΌΡ ΠΈΠ»ΠΈ ΡΠ°ΡΡΠΈΡΡ Π½Π° Ρ ΠΎΠ»ΡΡΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ°Π·Π½ΡΠΌΠΈ ΡΠΏΠΎΡΠΎΠ±Π°ΠΌΠΈ. ΠΡΡΠ΅ ΠΌΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌ ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡ beginPath , arc ΠΈ fill .
Π₯ΠΎΡΠΎΡΠ΅Π΅ Π½Π°ΡΠ°Π»ΠΎ, Π½ΠΎ Π±ΡΠ»ΠΎ Π±Ρ Π»ΡΡΡΠ΅, Π΅ΡΠ»ΠΈ Π±Ρ Π½Π°ΡΠΈ ΡΠ°ΡΡΠΈΡΡ Π΄Π²ΠΈΠ³Π°Π»ΠΈΡΡ.