ΠΠ°ΠΊ Π²ΠΊΠ»ΡΡΠΈΡΡ WebGL Π² Yandex ΠΡΠ°ΡΠ·Π΅ΡΠ΅
WebGL Π² Π―Π½Π΄Π΅ΠΊΡ.ΠΡΠ°ΡΠ·Π΅ΡΠ΅
ΠΠ»Π°Π³ΠΈΠ½ WebGL ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ Π² ΡΡΠ°Π±ΠΈΠ»ΡΠ½ΡΡ
Π²Π΅ΡΡΠΈΡΡ
Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²Π° ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΡ
Π²Π΅Π±-ΠΎΠ±ΠΎΠ·ΡΠ΅Π²Π°ΡΠ΅Π»Π΅ΠΉ β Google Chrome, Opera, Firefox Mozilla, Safari, Internet Explorer. ΠΠ° Π΄Π°Π½Π½ΡΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ ΡΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ Π΄Π²Π΅ Π²Π΅ΡΡΠΈΠΈ β 1.0 ΠΈ 2.0, Π½ΠΎ ΠΎΠ½ΠΈ Π½Π΅ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ ΡΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΡ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΊΠΎΠ½ΡΠ΅Π½Ρ, Π½Π°ΠΏΠΈΡΠ°Π½Π½ΡΠΉ Π΄Π»Ρ ΠΏΠ΅ΡΠ²ΠΎΠΉ Π²Π΅ΡΡΠΈΠΈ, ΠΌΠΎΠΆΠ΅Ρ ΡΠ°Π±ΠΎΡΠ°ΡΡ Ρ WebGL 2.0, Π½ΠΎ Π½Π΅ Π²ΡΠ΅Π³Π΄Π°. Π’Π°ΠΊΠΆΠ΅, Π΅ΡΠ»ΠΈ Π±ΡΠ°ΡΠ·Π΅Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π» ΠΏΠ΅ΡΠ²ΡΡ Π²Π΅ΡΡΠΈΡ, Π½Π΅ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ, ΡΡΠΎ Π±ΡΠ΄Π΅Ρ Π΄ΠΎΡΡΡΠΏΠ½Π° ΠΈ Π²ΡΠΎΡΠ°Ρ, ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π·Π°Π²ΠΈΡΠΈΡ ΠΎΡ Π°ΠΏΠΏΠ°ΡΠ°ΡΠ½ΠΎΠ³ΠΎ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠ΅Π½ΠΈΡ ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠ°.
Π―Π½Π΄Π΅ΠΊΡ.ΠΡΠ°ΡΠ·Π΅Ρ Π² ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΡΡ Π½Π΅ ΡΠΊΠ°Π·Π°Π½, Π½ΠΎ ΠΎΠ½, ΠΊΠ°ΠΊ ΠΈ ΠΡΠ³Π» Π₯ΡΠΎΠΌ, ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π½ Π½Π° Π±Π°Π·Π΅ Chromium, ΠΏΠΎΡΡΠΎΠΌΡ ΡΠΎΠΆΠ΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ WebGL. ΠΠ»Π°Π³ΠΈΠ½ Π°ΠΊΡΠΈΠ²Π΅Π½ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ, ΠΈ Π΅ΡΠ»ΠΈ ΡΠ°Π½ΡΡΠ΅ Π² Π½ΠΈΡ Π±ΡΠ»Π° ΠΎΠΏΡΠΈΡ, ΠΎΡΠΊΠ»ΡΡΠ°ΡΡΠ°Ρ Π΅Π³ΠΎ, ΡΠΎ ΡΠ΅ΠΉΡΠ°Ρ Π΅Π΅ Π½Π΅Ρ. Π§ΡΠΎΠ±Ρ ΡΠ±Π΅Π΄ΠΈΡΡΡΡ, ΡΡΠΎ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΡ Π²ΠΊΠ»ΡΡΠ΅Π½Π°:
- Π Π°Π΄ΡΠ΅ΡΠ½ΠΎΠΉ ΡΡΡΠΎΠΊΠ΅ Π²Π²ΠΎΠ΄ΠΈΠΌ ΠΊΠΎΠΌΠ°Π½Π΄Ρ:
browser://gpu
ΠΈ ΠΆΠΌΠ΅ΠΌ Β«EnterΒ».
- ΠΡΠΆΠ½Π°Ρ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ Π±ΡΠ΄Π΅Ρ Π² ΠΎΡΡΠ΅ΡΠ΅ ΠΎ ΡΠΎΡΡΠΎΡΠ½ΠΈΠΈ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΡ
ΡΡΠ½ΠΊΡΠΈΠΉ.
ΠΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡΠΊΡΡΡΡ Π΄ΠΎΡΡΡΠΏ Π²Π΅Π±-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡΠΌ ΠΊ ΡΠ°Π·ΡΠ°Π±Π°ΡΡΠ²Π°Π΅ΠΌΡΠΌ ΡΠΊΡΠΏΠ΅ΡΠΈΠΌΠ΅Π½ΡΠ°Π»ΡΠ½ΡΠΌ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΡΠΌ, ΡΠ°ΡΡΠΈΡΡΡΡΠΈΠΌ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ WebGL. Π‘Π΄Π΅Π»Π°ΡΡ ΡΡΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π½Π° ΠΠ ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΡΡΡΡΠΎΠΉΡΡΠ²Π°Ρ Ρ ΠΎΠΏΠ΅ΡΠ°ΡΠΈΠΎΠ½Π½ΠΎΠΉ ΡΠΈΡΡΠ΅ΠΌΠΎΠΉ Android.
ΠΠΎΠΌΠΏΡΡΡΠ΅Ρ
- ΠΠ°ΠΏΡΡΠΊΠ°Π΅ΠΌ Π―Π½Π΄Π΅ΠΊΡ.ΠΡΠ°ΡΠ·Π΅Ρ, ΠΎΡΠΊΡΡΠ²Π°Π΅ΠΌ Β«ΠΠ°ΡΡΡΠΎΠΉΠΊΠΈΒ» ΠΈ ΠΏΡΠΎΠ²Π΅ΡΡΠ΅ΠΌ, Π²ΠΊΠ»ΡΡΠ΅Π½ΠΎ Π»ΠΈ Π°ΠΏΠΏΠ°ΡΠ°ΡΠ½ΠΎΠ΅ ΡΡΠΊΠΎΡΠ΅Π½ΠΈΠ΅. ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ Π² Π°Π΄ΡΠ΅ΡΠ½ΡΡ ΡΡΡΠΎΠΊΡ Π²Π²ΠΎΠ΄ΠΈΠΌ ΠΊΠΎΠΌΠ°Π½Π΄Ρ:
browser://settings
ΠΈ ΠΆΠΌΠ΅ΠΌ Β«EnterΒ».
- ΠΠ΅ΡΠ΅Ρ
ΠΎΠ΄ΠΈΠΌ Π²ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΡ Β«Π‘ΠΈΡΡΠ΅ΠΌΠ½ΡΠ΅Β», Π² Π±Π»ΠΎΠΊΠ΅ Β«ΠΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΡΒ» Π΄ΠΎΠ»ΠΆΠ½Π° ΡΡΠΎΡΡΡ Π³Π°Π»ΠΎΡΠΊΠ° Π½Π°ΠΏΡΠΎΡΠΈΠ² Β«ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π°ΠΏΠΏΠ°ΡΠ°ΡΠ½ΠΎΠ΅ ΡΡΠΊΠΎΡΠ΅Π½ΠΈΠ΅, Π΅ΡΠ»ΠΈ ΡΡΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΒ»
. - Π’Π΅ΠΏΠ΅ΡΡ ΠΎΡΠΊΡΡΠ²Π°Π΅ΠΌ ΡΠ°Π·Π΄Π΅Π» ΡΠΎ ΡΠΊΡΡΡΡΠΌΠΈ ΠΎΠΏΡΠΈΡΠΌΠΈ. ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ Π² Π°Π΄ΡΠ΅ΡΠ½ΠΎΠΉ ΡΡΡΠΎΠΊΠ΅ Π²Π²ΠΎΠ΄ΠΈΠΌ ΠΊΠΎΠ΄:
browser://flags
ΠΈ ΠΆΠΌΠ΅ΠΌ Β«EnterΒ».
- ΠΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ Π·Π΄Π΅ΡΡ ΡΠΊΡΠΏΠ΅ΡΠΈΠΌΠ΅Π½ΡΠ°Π»ΡΠ½ΡΠ΅, ΠΏΠΎΡΡΠΎΠΌΡ Π΅ΡΡΡ ΠΏΡΠ΅Π΄ΡΠΏΡΠ΅ΠΆΠ΄Π΅Π½ΠΈΠ΅ ΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΡΡ ΠΏΠΎΡΠ»Π΅Π΄ΡΡΠ²ΠΈΡΡ ΠΈΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ.
- ΠΠΎ Π½Π°Π·Π²Π°Π½ΠΈΡ ΠΏΠ»Π°Π³ΠΈΠ½Π° Π² ΠΏΠΎΠ»Π΅ ΡΠΏΡΠ°Π²Π° Π½Π°Ρ ΠΎΠ΄ΠΈΠΌ ΠΎΠΏΡΠΈΠΈ Β«WebGL 2. 0 ComputeΒ» ΠΈ Β«WebGL Draft ExtensionsΒ» ΡΡΠ°Π²ΠΈΠΌ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Β«EnableΒ» ΠΈ ΠΆΠΌΠ΅ΠΌ Β«RelaunchΒ», ΡΡΠΎΠ±Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π²ΡΡΡΠΏΠΈΠ»ΠΈ Π² ΡΠΈΠ»Ρ.
ΠΠΎΠ±ΠΈΠ»ΡΠ½ΠΎΠ΅ ΡΡΡΡΠΎΠΉΡΡΠ²ΠΎ
- ΠΡΠΊΡΡΠ²Π°Π΅ΠΌ Π―Π½Π΄Π΅ΠΊΡ.ΠΡΠ°ΡΠ·Π΅Ρ Π΄Π»Ρ Android, Π²Π²ΠΎΠ΄ΠΈΠΌ Π°Π΄ΡΠ΅Ρ:
browser://flags
ΠΈ ΡΠ°ΠΏΠ°Π΅ΠΌ Β«ΠΠ΅ΡΠ΅ΠΉΡΠΈΒ».
- Π’Π΅ΠΌ ΠΆΠ΅ ΡΠΏΠΎΡΠΎΠ±ΠΎΠΌ ΠΈΡΠ΅ΠΌ Π½ΡΠΆΠ½ΡΡ ΠΎΠΏΡΠΈΡ, Π² ΠΏΠΎΠ»Π΅ Π²ΡΠ±ΠΈΡΠ°Π΅ΠΌ Β«EnableΒ» ΠΈ ΠΆΠΌΠ΅ΠΌ Β«RelaunchΒ».
Π Π΅ΡΠ΅Π½ΠΈΠ΅ ΠΏΡΠΎΠ±Π»Π΅ΠΌ Ρ WebGL
Π’Π΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΡ ΠΌΠΎΠΆΠ΅Ρ Π½Π΅ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π² Yandex ΠΡΠ°ΡΠ·Π΅ΡΠ΅ ΠΈΠ·-Π·Π° Π°ΠΏΠΏΠ°ΡΠ°ΡΠ½ΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌ ΠΈΠ»ΠΈ ΠΎΡΡΡΡΡΡΠ²ΠΈΡ Π½ΡΠΆΠ½ΡΡ ΡΡΠ½ΠΊΡΠΈΠΉ Ρ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΠ°. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΏΠ»Π°Π³ΠΈΠ½ ΠΌΠΎΠ³ΡΡ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ ΡΡΠ°ΡΡΠ΅ ΠΌΠΎΠ΄Π΅Π»ΠΈ Π²ΠΈΠ΄Π΅ΠΎΠΊΠ°ΡΡ. ΠΡΠ»ΠΈ Π½Π° ΡΡΡΡΠΎΠΉΡΡΠ²Π΅ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠΉ Π²ΠΈΠ΄Π΅ΠΎΡΠΈΠΏ, ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅ Π°ΠΊΡΡΠ°Π»ΡΠ½ΡΠ΅ Π΄ΡΠ°ΠΉΠ²Π΅ΡΡ, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΎΠ±Π½ΠΎΠ²ΠΈΡΠ΅ Π²Π΅Π±-ΠΎΠ±ΠΎΠ·ΡΠ΅Π²Π°ΡΠ΅Π»Ρ Π΄ΠΎ ΠΏΠΎΡΠ»Π΅Π΄Π½Π΅ΠΉ Π²Π΅ΡΡΠΈΠΈ. ΠΠ° Π½Π°ΡΠ΅ΠΌ ΡΠ°ΠΉΡΠ΅ Π΅ΡΡΡ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΡΠ΅ ΡΡΠ°ΡΡΠΈ ΠΎ ΡΠΎΠΌ, ΠΊΠ°ΠΊ ΡΡΠΎ ΡΠ΄Π΅Π»Π°ΡΡ.
ΠΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅:
ΠΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅ Π΄ΡΠ°ΠΉΠ²Π΅ΡΠ° Π²ΠΈΠ΄Π΅ΠΎΠΊΠ°ΡΡΡ NVIDIA
ΠΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅ Π΄ΡΠ°ΠΉΠ²Π΅ΡΠΎΠ² Π²ΠΈΠ΄Π΅ΠΎΠΊΠ°ΡΡΡ AMD Radeon
ΠΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅ Π―Π½Π΄Π΅ΠΊΡ. ΠΡΠ°ΡΠ·Π΅ΡΠ° Π΄ΠΎ ΠΏΠΎΡΠ»Π΅Π΄Π½Π΅ΠΉ Π²Π΅ΡΡΠΈΠΈ
ΠΠ΅ΡΠΌΠΎΡΡΡ Π½Π° ΡΠΎ ΡΡΠΎ ΠΏΠ»Π°Π³ΠΈΠ½ Π°ΠΊΡΠΈΠ²Π΅Π½ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ, Π·Π°Π±Π»ΠΎΠΊΠΈΡΠΎΠ²Π°ΡΡ Π΅Π³ΠΎ ΡΠ°Π±ΠΎΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΅ΡΠ΅Π· ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠ² ΡΡΠ»ΡΠΊΠ°. Π‘Π»ΡΡΠ°ΠΉΠ½ΠΎ ΡΠ°ΠΊΠΎΠ³ΠΎ Π½Π΅ ΡΠ΄Π΅Π»Π°ΡΡ, Π½ΠΎ Π΅ΡΠ»ΠΈ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΊΠΎΠΌΠΏΡΡΡΠ΅Ρ ΠΊΠΎΡΠΏΠΎΡΠ°ΡΠΈΠ²Π½ΡΠΉ, Π΄ΡΡΠ³ΠΎΠΉ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΌΠΎΠ³ Π΅Π³ΠΎ Π²ΡΠΊΠ»ΡΡΠΈΡΡ.
- Π©Π΅Π»ΠΊΠ°Π΅ΠΌ ΠΏΡΠ°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡΡΠΊΠΈ ΠΏΠΎ ΡΡΠ»ΡΠΊΡ Yandex Browser ΠΈ Π² ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ½ΠΎΠΌ ΠΌΠ΅Π½Ρ Π²ΡΠ±ΠΈΡΠ°Π΅ΠΌ Β«Π‘Π²ΠΎΠΉΡΡΠ²Π°Β».
- ΠΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Β«Π―ΡΠ»ΡΠΊΒ» Π² ΠΏΠΎΠ»Π΅ Β«ΠΠ±ΡΠ΅ΠΊΡΒ» ΡΠ΅ΡΠ΅Π· ΠΏΡΠΎΠ±Π΅Π» Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅
- Π’Π΅ΠΏΠ΅ΡΡ ΠΏΡΠΈ Π·Π°ΠΏΡΡΠΊΠ΅ ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ ΡΡΠΎΠ³ΠΎ ΡΡΠ»ΡΠΊΠ° ΠΏΠ»Π°Π³ΠΈΠ½ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ Π±ΡΠ΄Π΅Ρ ΠΎΡΠΊΠ»ΡΡΠ΅Π½.
- Π§ΡΠΎΠ±Ρ ΡΠ½ΠΎΠ²Π° Π°ΠΊΡΠΈΠ²ΠΈΡΠΎΠ²Π°ΡΡ WebGL, Π½ΡΠΆΠ½ΠΎ ΠΏΡΠΎΡΡΠΎ ΡΡΠ΅ΡΠ΅ΡΡ Π΄ΠΎΠ±Π°Π²ΠΎΡΠ½ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅.
ΠΠ΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ Π²ΠΎ Π²ΡΠ΅ΠΌΡ ΠΈΠ³Ρ ΠΏΠΎΠ»ΡΡΠ°Π»ΠΈ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΠ΅ ΠΎ ΡΠΎΠΌ, ΡΡΠΎ WebGL Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ, Π΄Π°ΠΆΠ΅ Π΅ΡΠ»ΠΈ ΠΎΡΡΠ΅Ρ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ, ΡΡΠΎ ΠΎΠ½ Π²ΠΊΠ»ΡΡΠ΅Π½. Π ΡΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ ΠΈΠ½ΠΎΠ³Π΄Π° ΠΏΠΎΠΌΠΎΠ³Π°ΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ:
- Π ΡΠ°Π·Π΄Π΅Π»Π΅ Ρ ΡΠΊΡΠΏΠ΅ΡΠΈΠΌΠ΅Π½ΡΠ°Π»ΡΠ½ΡΠΌΠΈ ΡΡΠ½ΠΊΡΠΈΡΠΌΠΈ Π½Π°Ρ
ΠΎΠ΄ΠΈΠΌ ΠΎΠΏΡΠΈΡ Β«Choose ANGLE graphics backendΒ» ΠΈ Π² ΠΏΠΎΠ»Π΅ ΡΠΏΡΠ°Π²Π° ΡΡΠ°Π²ΠΈΠΌ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Β«D3D9Β» ΠΈΠ»ΠΈ Β«D3D11Β», Π΅ΡΠ»ΠΈ Π²ΠΈΠ΄Π΅ΠΎΠΊΠ°ΡΡΠ° ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ DirectX 11.
- ΠΠΌΠ΅ΠΌ Β«RelaunchΒ», ΡΡΠΎΠ±Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π²ΡΡΡΠΏΠΈΠ»ΠΈ Π² ΡΠΈΠ»Ρ.
Π’Π°ΠΊΠΆΠ΅ ΠΎΠ±ΠΎ Π²ΡΠ΅Ρ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ°Ρ Ρ Π·Π°ΠΏΡΡΠΊΠΎΠΌ ΠΈΠ³Ρ ΠΈ ΡΠ°ΠΉΡΠΎΠ² ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΡ Khronos ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅Ρ ΠΏΠΈΡΠ°ΡΡ ΠΈΠΌ. Π ΠΏΠΈΡΡΠΌΡ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΡΠΈΠΊΡΠ΅ΠΏΠΈΡΡ ΡΠΊΡΠΈΠ½ΡΠΎΡ ΠΎΡΠΈΠ±ΠΊΠΈ, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΊΠΎΠΏΠΈΡ ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ ΠΎΡΡΠ΅ΡΠ° ΠΎ ΡΠΎΡΡΠΎΡΠ½ΠΈΠΈ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΡ ΡΡΠ½ΠΊΡΠΈΠΉ.
ΠΡ ΡΠ°Π΄Ρ, ΡΡΠΎ ΡΠΌΠΎΠ³Π»ΠΈ ΠΏΠΎΠΌΠΎΡΡ ΠΠ°ΠΌ Π² ΡΠ΅ΡΠ΅Π½ΠΈΠΈ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ.ΠΠΏΠΈΡΠΈΡΠ΅, ΡΡΠΎ Ρ Π²Π°Ρ Π½Π΅ ΠΏΠΎΠ»ΡΡΠΈΠ»ΠΎΡΡ. ΠΠ°ΡΠΈ ΡΠΏΠ΅ΡΠΈΠ°Π»ΠΈΡΡΡ ΠΏΠΎΡΡΠ°ΡΠ°ΡΡΡΡ ΠΎΡΠ²Π΅ΡΠΈΡΡ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΠΎ Π±ΡΡΡΡΠΎ.
ΠΠΎΠΌΠΎΠ³Π»Π° Π»ΠΈ Π²Π°ΠΌ ΡΡΠ° ΡΡΠ°ΡΡΡ?
ΠΠ ΠΠΠ’WebGL — ΠΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΡ Π²Π΅Π± API
WebGL (Web Graphics Library) — ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ½Π°Ρ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° Π΄Π»Ρ ΡΠ·ΡΠΊΠ° JavaScript ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½Π½Π°Ρ Π΄Π»Ρ Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΠΎΠΉ ΡΡΠ΅Ρ ΠΌΠ΅ΡΠ½ΠΎΠΉ Π³ΡΠ°ΡΠΈΠΊΠΈ ΠΈ Π΄Π²ΡΡ ΠΌΠ΅ΡΠ½ΠΎΠΉ Π³ΡΠ°ΡΠΈΠΊΠΈ Π² ΠΏΡΠ΅Π΄Π΅Π»Π°Ρ ΡΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΠΎΡΡΠΈ Π²Π΅Π±-Π±ΡΠ°ΡΠ·Π΅ΡΠ° Π±Π΅Π· ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ². WebGL ΠΏΡΠΈΠ½ΠΎΡΠΈΡ Π² Π²Π΅Π± ΡΡΠ΅Ρ ΠΌΠ΅ΡΠ½ΡΡ Π³ΡΠ°ΡΠΈΠΊΡ, Π²Π²ΠΎΠ΄Ρ API, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΡΡΡΠΎΠ΅Π½ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ OpenGL ES 2.
canvas
HTML5Β .ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° WebGL ΠΏΡΠΈΡΡΡΡΡΠ²ΡΠ΅Ρ Π² Firefox 4+, Google Chrome 9+, Opera 12+, Safari 5.1+ ΠΈ Internet Explorer 11+. ΠΠ΄Π½Π°ΠΊΠΎ ΠΏΠΎΠΌΠΈΠΌΠΎ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ WebGL Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠΌ, Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠ° ΡΠ°ΠΊΠΆΠ΅ Π΅Π³ΠΎ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΌ ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΠΎΠΌ ΠΊΠ»ΠΈΠ΅Π½ΡΠ°.
Π Π°Π·ΡΠ°Π±ΠΎΡΠΊΠ°
|
|
BCD tables only load in the browser
ΠΠ°ΠΌΠ΅ΡΠ°Π½ΠΈΡ ΠΏΠΎ Gecko
ΠΡΠ»Π°Π΄ΠΊΠ° ΠΈ ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ WebGL
ΠΠ°ΡΠΈΠ½Π°Ρ Ρ Gecko 10.0 (Firefox 10.0 / Thunderbird 10.0 / SeaMonkey 2.7), ΠΈΠΌΠ΅ΡΡΡΡ Π΄Π²Π΅ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡΠΈΠ΅ Π²Π°ΠΌ ΡΠΏΡΠ°Π²Π»ΡΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡΠΌΠΈ WebGL Π΄Π»Ρ ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠ²ΠΎΠ΅Π³ΠΎ ΠΊΠΎΠ΄Π°:
webgl.min_capability_mode
- Π‘Π²ΠΎΠΉΡΡΠ²ΠΎ ΡΠΈΠΏΠ° Boolean ΠΊΠΎΡΠΎΡΠΎΠ΅, ΠΏΡΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΠΈ
true
ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π·Π°ΠΏΡΡΠΊΠ°ΡΡ ΡΠ΅ΠΆΠΈΠΌ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡΠ½ΡΡ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠ΅ΠΉ. Π ΡΡΠΎΠΌ ΡΠ΅ΠΆΠΈΠΌΠ΅ WebGL ΡΠΊΠΎΠ½ΡΠΈΠ³ΡΡΠΈΡΠΎΠ²Π°Π½ ΠΎΡΡΡΠ΅ΡΡΠ²Π»ΡΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΡ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡΠ½ΠΎΠ³ΠΎ Π½Π°Π±ΠΎΡΠ° ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠ΅ΠΉ, ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΠΊΠΎΡΠΎΡΡΡ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½Π° ΠΏΠΎ ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΠΈ WebGL. ΠΡΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π²Π°ΠΌ ΡΠ±Π΅Π΄ΠΈΡΡΡΡ Π² ΡΠΎΠΌ, ΡΡΠΎ Π²Π°Ρ ΠΊΠΎΠ΄ Π½Π° WebGL Π±ΡΠ΄Π΅Ρ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π½Π° Π»ΡΠ±ΠΎΠΌ ΡΡΡΡΠΎΠΉΡΡΠ²Π΅ ΠΈΠ»ΠΈ Π±ΡΠ°ΡΠ·Π΅ΡΠ΅, Π½Π΅Π·Π°Π²ΠΈΡΠΈΠΌΠΎ ΠΎΡ ΠΈΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠ΅ΠΉ. ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ΠΌ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π΄Π»Ρ ΡΡΠΎ ΡΠ²ΠΎΠΉΡΡΠ²Π° ΡΠ²Π»ΡΠ΅ΡΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅false
. webgl.disable_extensions
- Π‘Π²ΠΎΠΉΡΡΠ²ΠΎ ΡΠΈΠΏΠ° Boolean ΠΊΠΎΡΠΎΡΠΎΠ΅, ΠΏΡΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΠΈ
true
ΠΎΡΠΊΠ»ΡΡΠ°Π΅Ρ Π²ΡΠ΅ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΡ WebGL. ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ΠΌ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π΄Π»Ρ ΡΡΠΎ ΡΠ²ΠΎΠΉΡΡΠ²Π° ΡΠ²Π»ΡΠ΅ΡΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅false
.
ΠΡΠ½ΠΎΠ²Ρ WebGL — DevBurn
ΠΡΠ»ΠΈΡΠ½Π°Ρ Π½ΠΎΠ²ΠΎΡΡΡ! Π― Π·Π°ΠΊΠΎΠ½ΡΠΈΠ» ΠΏΠ΅ΡΠ΅Π²ΠΎΠ΄ ΠΡΠ½ΠΎΠ² WebGL Π½Π° ΡΡΡΡΠΊΠΈΠΉ ΡΠ·ΡΠΊ! ΠΡΠΎ ΠΎΡΠ»ΠΈΡΠ½ΡΠΉ ΡΠ΅ΡΡΡΡ, Π³Π΄Π΅ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡΠΈ ΠΌΠ°ΡΡΡ ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠ³ΠΎ ΠΈ Π°ΠΊΡΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Π° ΠΏΠΎ WebGL β ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎ Π΄Π»Ρ ΡΠ΅Ρ , ΠΊΡΠΎ ΡΠΎΠ»ΡΠΊΠΎ Π½Π°ΡΠΈΠ½Π°Π΅Ρ ΡΠ²ΠΎΡ Π·Π½Π°ΠΊΠΎΠΌΡΡΠ²ΠΎ Ρ WebGL.
1. ΠΡΠ½ΠΎΠ²Ρ WebGL.
ΠΡΠ»ΠΈ Π²Ρ ΡΠΎΠ»ΡΠΊΠΎ Π½Π°ΡΠΈΠ½Π°Π΅ΡΠ΅ ΠΈΠ·ΡΡΠ΅Π½ΠΈΠ΅ WebGL, ΡΠΎ Π²Π°ΠΌ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ½Π½ΠΎ ΡΡΠΎΠΈΡ Π½Π°ΡΠ°ΡΡ Ρ ΡΡΠΎΠ³ΠΎ ΡΠ°Π·Π΄Π΅Π»Π°.
ΠΡΠ½ΠΎΠ²Ρ WebGL. Π‘Π²ΠΎΠ΅Π³ΠΎ ΡΠΎΠ΄Π° Hello, world! Π½Π° WebGL. Π‘ΡΠ°ΡΡΡ Π½Π° ΡΠ°ΠΌΠΎΠΌ Π±Π°Π·ΠΎΠ²ΠΎΠΌ ΡΡΠΎΠ²Π½Π΅ ΡΠ°ΡΡΠΊΠ°ΠΆΠ΅Ρ ΠΎ ΡΠΎΠΌ, ΡΡΠΎ ΡΠ°ΠΊΠΎΠ΅ WebGL, ΡΠ΅ΠΉΠ΄Π΅ΡΡ, Π°ΡΡΠΈΠ±ΡΡΡ, varying- ΠΈ uniform-ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅ ΠΈ ΠΊΠ°ΠΊ ΡΡΠΎ Π²ΡΡ ΡΠ²ΡΠ·Π°Π½ΠΎ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠΎΠ±ΠΎΠΉ.
ΠΠ°ΠΊ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ WebGL. ΠΡΠΎΠ΄ΠΎΠ»ΠΆΠ΅Π½ΠΈΠ΅ ΠΡΠ½ΠΎΠ² WebGL. ΠΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎΠ΅ ΠΎΡΠ²Π΅ΡΠ΅Π½ΠΈΠ΅ ΡΠ΅ΠΉΠ΄Π΅ΡΠΎΠ², Π°ΡΡΠΈΠ±ΡΡΠΎΠ², varying- ΠΈ uniform-ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ . Π‘ΡΠ°ΡΡΡ ΠΏΡΠ΅Π΄ΠΏΠΎΠ»Π°Π³Π°Π΅Ρ, ΡΡΠΎ Π²Π°ΠΌ ΡΠΆΠ΅ ΠΈΠ·Π²Π΅ΡΡΠ½Ρ ΡΠ°ΠΌΡΠ΅ Π±Π°Π·ΠΎΠ²ΡΠ΅ ΠΊΠΎΠ½ΡΠ΅ΠΏΡΠΈΠΈ WebGL, ΠΈ ΡΠ΅ΠΏΠ΅ΡΡ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ ΡΠ·Π½Π°ΡΡ Π±ΠΎΠ»ΡΡΠ΅.
Π¨Π΅ΠΉΠ΄Π΅ΡΡ ΠΈ GLSL Π² WebGL. Π ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠΈΡ ΡΡΠ°ΡΡΡΡ ΡΠ΅ΠΉΠ΄Π΅ΡΡ Π½Π΅ ΡΠ°Π· ΡΠΏΠΎΠΌΠΈΠ½Π°Π»ΠΈΡΡ, Π½ΠΎ Π½Π΅ ΡΠ°ΡΡΠΌΠ°ΡΡΠΈΠ²Π°Π»ΠΈΡΡ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎ. ΠΡΠ° ΡΡΠ°ΡΡΡ ΠΈΡΠΏΡΠ°Π²ΠΈΡ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π΄Π΅Π» ΠΈ Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎ ΡΠ°ΡΡΠΊΠ°ΠΆΠ΅Ρ ΠΎ Π²Π΅ΡΡΠΈΠ½Π½ΠΎΠΌ ΠΈ ΡΡΠ°Π³ΠΌΠ΅Π½ΡΠ½ΠΎΠΌ ΡΠ΅ΠΉΠ΄Π΅ΡΠ°Ρ ΠΈ ΠΎ ΡΠ·ΡΠΊΠ΅ GLSL.
2. ΠΠ±ΡΠ°Π±ΠΎΡΠΊΠ° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ.
ΠΠ±ΡΠ°Π±ΠΎΡΠΊΠ° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π² WebGL. ΠΠ±ΡΠ°Π±ΠΎΡΠΊΠ° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΡΡΠ΅Π΄ΡΡΠ²Π°ΠΌΠΈ WebGL Π½Π° ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ ΡΠΈΠ»ΡΡΡΠΎΠ² ΠΠ°ΡΡΠ°, ΡΠ΅Π·ΠΊΠΎΡΡΠΈ, ΡΠΌΠ±ΠΎΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΈ Π΄ΡΡΠ³ΠΈΡ . ΠΠ½Π°ΠΊΠΎΠΌΡΡΠ²ΠΎ Ρ ΡΠ΅ΠΊΡΡΡΡΠΎΠΉ.
ΠΡΠΎΠ΄ΠΎΠ»ΠΆΠ°Π΅ΠΌ ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π² WebGL. ΠΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΎΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΡΠΈΠ»ΡΡΡΠΎΠ² Π·Π° ΡΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΡΠ΅ΠΊΡΡΡΡ.
3. Π’ΡΠ°Π½ΡΡΠΎΡΠΌΠ°ΡΠΈΠΈ.
2D-ΠΏΠ΅ΡΠ΅Π½ΠΎΡ Π² WebGL. Π‘ΡΠ°ΡΡΡ ΠΏΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ Ρ ΠΏΠ΅ΡΠ΅Π½ΠΎΡΠΎΠΌ ΠΎΠ±ΡΠ΅ΠΊΡΠ° Π½Π° Π½ΠΎΠ²ΠΎΠ΅ ΠΌΠ΅ΡΡΠΎΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅. ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΏΠ΅ΡΠ΅Π½ΠΎΡΠ° Π·Π°Π΄Π°ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΠΎΠ»Π·ΡΠ½ΠΊΠΎΠ² β ΡΠΎ Π΅ΡΡΡ ΠΏΠΎΡΠ²Π»ΡΠ΅ΡΡΡ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΠΎΡΡΡ ΡΡΠ΅Π½Ρ.
2D-ΠΏΠΎΠ²ΠΎΡΠΎΡ Π² WebGL. Π ΡΡΠ°ΡΡΠ΅ ΠΊ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»Ρ ΠΏΠ΅ΡΠ΅Π½ΠΎΡΠ° Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΡΡΡ Π΅ΡΡ ΠΎΠ΄Π½Π° ΡΡΠ°Π½ΡΡΠΎΡΠΌΠ°ΡΠΈΡ β ΠΏΠΎΠ²ΠΎΡΠΎΡ.
2D-ΠΌΠ°ΡΡΡΠ°Π±ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π² WebGL. Π ΠΊΠΎΠ½ΡΠ΅ ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠΈ Ρ Π½Π°Ρ Π±ΡΠ΄ΡΡ Π²ΡΠ΅ ΡΡΠΈ ΡΡΠ°Π½ΡΡΠΎΡΠΌΠ°ΡΠΈΠΈ β ΠΏΠ΅ΡΠ΅Π½ΠΎΡ, ΠΏΠΎΠ²ΠΎΡΠΎΡ ΠΈ ΠΌΠ°ΡΡΡΠ°Π±ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅.
2D-ΠΌΠ°ΡΡΠΈΡΡ WebGL. Π‘ΡΠ°ΡΡΡ ΠΏΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ Π²Π°Ρ Ρ ΠΌΠ°ΡΡΠΈΡΠ°ΠΌΠΈ ΠΈ ΠΎΠ±ΡΡΡΠ½ΠΈΡ, ΠΏΠΎΡΠ΅ΠΌΡ ΠΎΠ½ΠΈ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡ Π»ΡΡΡΠ΅ Π²ΡΠ΅Π³ΠΎ Π΄Π»Ρ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ ΠΌΠ°ΡΠ΅ΠΌΠ°ΡΠΈΠΊΠΈ ΡΡΠ°Π½ΡΡΠΎΡΠΌΠ°ΡΠΈΠΉ.
4. 3D.
Π£Ρ ΠΎΠ΄ΠΈΠΌ ΠΎΡ ΠΏΠ»ΠΎΡΠΊΠΈΡ ΡΠΈΠ³ΡΡ ΠΈ Π½Π°ΡΠΈΠ½Π°Π΅ΠΌ ΡΠ°Π±ΠΎΡΡ Ρ Π½Π°ΡΡΠΎΡΡΠΈΠΌ 3D.
WebGL 3D β ΠΡΡΠΎΠ³ΠΎΠ½Π°Π»Ρ. Π ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅ Ρ Π½Π°Ρ Π½Π΅ ΠΏΡΠΎΡΡΠΎ Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΡΡΡ ΠΊΠΎΠΎΡΠ΄ΠΈΠ½Π°ΡΠ° z, ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ Π³ΠΎΡΠ°Π·Π΄ΠΎ Π±ΠΎΠ»ΡΡΠ΅ β Ρ Π½Π°Ρ ΠΏΠΎΡΠ²Π»ΡΠ΅ΡΡΡ ΠΎΠ±ΡΡΠΌ! Π Π²ΠΌΠ΅ΡΡΠ΅ Ρ Π½ΠΈΠΌ ΠΏΠΎΡΠ²ΡΡΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ, ΡΠ²ΡΠ·Π°Π½Π½ΡΠ΅ Ρ Π½Π°ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ ΠΎΠ±Ρ ΠΎΠ΄Π° Π²Π΅ΡΡΠΈΠ½ ΠΈ Π±ΡΡΠ΅ΡΠΎΠΌ Π³Π»ΡΠ±ΠΈΠ½Ρ. ΠΠΎΠ½Π΅ΡΠ½ΠΎ ΠΆΠ΅, Π²ΡΠ΅ ΠΎΠ½ΠΈ ΡΠ΅ΡΠ°ΡΡΡ ΠΊ ΠΊΠΎΠ½ΡΡ ΡΡΠ°ΡΡΠΈ.
WebGL 3D β ΠΠ΅ΡΡΠΏΠ΅ΠΊΡΠΈΠ²Π°. Π§ΡΠΎ Π·Π°ΡΡΠ°Π²Π»ΡΠ΅Ρ Π΄Π°Π»ΡΠΊΠΈΠ΅ ΠΎΠ±ΡΠ΅ΠΊΡΡ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΠΌΠ°Π»Π΅Π½ΡΠΊΠΈΠΌΠΈ, Π° Π±Π»ΠΈΠ·ΠΊΠΈΠ΅ β Π±ΠΎΠ»ΡΡΠΈΠΌΠΈ? ΠΠΎΠ½Π΅ΡΠ½ΠΎ ΠΆΠ΅ ΠΏΠ΅ΡΡΠΏΠ΅ΠΊΡΠΈΠ²Π°. ΠΠ΅Π· Π½Π΅Ρ Π½Π°Ρ 3D ΠΎΡΠ΅Π½Ρ ΡΠ»ΠΎΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ Π½Π°Π·Π²Π°ΡΡ ΡΠ΅Π°Π»ΠΈΡΡΠΈΡΠ½ΡΠΌ.
WebGL 3D β ΠΠ°ΠΌΠ΅ΡΡ. ΠΡΠ° ΡΡΠ°ΡΡΡ ΡΠ°ΡΡΠΊΠ°ΠΆΠ΅Ρ ΠΏΡΠΎ ΠΊΠ°ΠΌΠ΅ΡΡ. Π₯ΠΎΡΡ Π΅ΡΠ»ΠΈ Π±ΡΡΡ ΡΠΎΡΠ½ΡΠΌ, ΡΡΠ°ΡΡΡ ΡΠ°ΡΡΠΊΠ°ΠΆΠ΅Ρ, ΡΡΠΎ Π² WebGL Π²ΠΎΠΎΠ±ΡΠ΅ Π½Π΅Ρ ΠΊΠ°ΠΌΠ΅Ρ, Π° ΡΠ°ΠΊΠΆΠ΅ ΡΠ°ΡΡΠΊΠ°ΠΆΠ΅Ρ, ΡΡΠΎ Π½Π°ΠΌ Ρ ΡΡΠΈΠΌ Π²ΡΠ΅ΠΌ Π΄Π΅Π»Π°ΡΡ.
5. ΠΡΠ²Π΅ΡΠ΅Π½ΠΈΠ΅.
Π§ΡΠΎ Π±Ρ ΠΌΡ ΡΠ°Π·Π³Π»ΡΠ΄Π΅Π»ΠΈ Π½Π° ΡΡΠ΅Π½Π΅, Π½Π΅ Π±ΡΠ΄Ρ Ρ Π½Π°Ρ ΠΎΡΠ²Π΅ΡΠ΅Π½ΠΈΡ?..
WebGL 3D β ΠΠ°ΠΏΡΠ°Π²Π»Π΅Π½Π½ΠΎΠ΅ ΠΎΡΠ²Π΅ΡΠ΅Π½ΠΈΠ΅. ΠΠ΄Π΅ΡΡ Π²Ρ ΠΏΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡΠ΅ΡΡ Ρ ΡΠ°ΠΌΡΠΌ ΠΏΡΠΎΡΡΡΠΌ ΠΎΡΠ²Π΅ΡΠ΅Π½ΠΈΠ΅ΠΌ β Π½Π°ΠΏΡΠ°Π²Π»Π΅Π½Π½ΡΠΌ. Π’Π°ΠΊΠΆΠ΅ Π²Ρ ΡΠ·Π½Π°Π΅ΡΠ΅, ΡΡΠΎ ΡΠ°ΠΊΠΎΠ΅ Π½ΠΎΡΠΌΠ°Π»ΠΈ ΠΈ ΠΊΠ°ΠΊΠΎΠ²Π° ΠΈΡ ΡΠΎΠ»Ρ Π² ΠΎΡΠ²Π΅ΡΠ΅Π½ΠΈΠΈ.
WebGL 3D β Π’ΠΎΡΠ΅ΡΠ½ΠΎΠ΅ ΠΎΡΠ²Π΅ΡΠ΅Π½ΠΈΠ΅. Π ΠΎΡΠ»ΠΈΡΠΈΠ΅ ΠΎΡ Π½Π°ΠΏΡΠ°Π²Π»Π΅Π½Π½ΠΎΠ³ΠΎ ΠΎΡΠ²Π΅ΡΠ΅Π½ΠΈΡ, Π³Π΄Π΅ ΡΠ²Π΅Ρ ΠΏΠ°Π΄Π°Π» ΡΠ°Π²Π½ΠΎΠΌΠ΅ΡΠ½ΠΎ Π½Π° Π²ΡΠ΅ ΠΎΠ±ΡΠ΅ΠΊΡΡ, Π² ΡΠΎΡΠ΅ΡΠ½ΠΎΠΌ ΠΎΡΠ²Π΅ΡΠ΅Π½ΠΈΠΈ Ρ Π½Π°Ρ ΠΏΠΎΡΠ²Π»ΡΠ΅ΡΡΡ ΠΈΡΡΠΎΡΠ½ΠΈΠΊ ΡΠ²Π΅ΡΠ°, ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΡΡΠΈΡΡΠ²Π°ΡΡ ΠΏΡΠΈ ΡΠ°ΡΡΡΡΠ΅ ΠΎΡΠ²Π΅ΡΠ΅Π½ΠΈΡ. ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, ΠΎΡΠ²Π΅ΡΠ΅Π½ΠΈΠ΅ Π±ΠΎΠ»ΡΡΠ΅ Π½Π΅ Π±ΡΠ΄Π΅Ρ ΡΠ°Π²Π½ΠΎΠΌΠ΅ΡΠ½ΡΠΌ β Ρ Π½Π°Ρ ΠΏΠΎΡΠ²ΡΡΡΡ Π±Π»ΠΈΠΊΠΈ.
WebGL 3D β ΠΡΠΎΠΆΠ΅ΠΊΡΠΎΡ. ΠΡΠΎ ΠΎΡΠ²Π΅ΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ Π²ΠΎΡΡΠΎΠ·Π΄Π°ΡΡ ΡΠ²Π΅Ρ ΠΎΡ ΠΏΡΠΎΠΆΠ΅ΠΊΡΠΎΡΠ° ΠΈΠ»ΠΈ ΡΠΎΠ½Π°ΡΠΈΠΊΠ° Π² Π²Π°ΡΠΈΡ ΠΏΡΠΎΠ΅ΠΊΡΠ°Ρ Π½Π° WebGL. ΠΡΠΎΠΆΠ΅ΠΊΡΠΎΡ ΠΎΡΠ΅Π½Ρ ΠΏΠΎΡ ΠΎΠΆ Π½Π° ΡΠΎΡΠ΅ΡΠ½ΠΎΠ΅ ΠΎΡΠ²Π΅ΡΠ΅Π½ΠΈΠ΅, Π½ΠΎ ΠΈΠΌΠ΅Π΅Ρ Π³ΡΠ°Π½ΠΈΡΡ, Π·Π° ΠΏΡΠ΅Π΄Π΅Π»Π°ΠΌΠΈ ΠΊΠΎΡΠΎΡΡΡ ΠΎΡΠ²Π΅ΡΠ΅Π½ΠΈΠ΅ Π·Π°ΡΡΡ Π°Π΅Ρ.
6. Π‘ΡΡΡΠΊΡΡΡΠ° ΠΈ ΡΡΡΡΠΎΠΉΡΡΠ²ΠΎ.
WebGL β ΠΠ΅Π½ΡΡΠ΅ ΠΊΠΎΠ΄Π°, Π±ΠΎΠ»ΡΡΠ΅ Π²Π΅ΡΠ΅Π»ΡΡ. WebGL ΡΠ²Π»ΡΠ΅ΡΡΡ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ Π½ΠΈΠ·ΠΊΠΎΡΡΠΎΠ²Π½Π΅Π²ΡΠΌ, ΠΏΠΎΡΡΠΎΠΌΡ ΠΏΡΠΈΡ ΠΎΠ΄ΠΈΡΡΡ ΠΏΠΈΡΠ°ΡΡ ΠΌΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π°. ΠΠΎΠΆΠ½ΠΎ Π»ΠΈ ΡΠ΄Π΅Π»Π°ΡΡ ΠΊΠΎΠ΄ ΠΏΡΠΎΡΠ΅ ΠΈ ΠΊΠΎΠΌΠΏΠ°ΠΊΡΠ½Π΅ΠΉ? Π ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅ ΠΌΡ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡΠΈΠΌ ΠΎΠ± ΠΎΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΠΈ ΠΊΠΎΠ΄Π°.
WebGL β ΠΡΡΠΈΡΠΎΠ²ΠΊΠ° Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΠΎΠ±ΡΠ΅ΠΊΡΠΎΠ². Π‘ΡΠ°ΡΡΡ ΡΠ°ΡΡΠΊΠ°ΠΆΠ΅Ρ, ΠΊΠ°ΠΊ ΠΎΡΡΠΈΡΠΎΠ²Π°ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΎΠ±ΡΠ΅ΠΊΡΠΎΠ² Π½Π° ΠΎΠ΄Π½ΠΎΠΉ ΡΡΠ΅Π½Π΅, ΡΡΠΎΠ±Ρ Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΎΠ±ΡΠ΅ΠΊΡΠ° ΠΏΡΠΈ ΡΡΠΎΠΌ Π±ΡΠ»Π° Π½Π΅Π·Π°Π²ΠΈΡΠΈΠΌΠ°Ρ Π°Π½ΠΈΠΌΠ°ΡΠΈΡ.
WebGL β ΠΡΠ°ΡΡ ΡΡΠ΅Π½Ρ. ΠΠ°Π΄ΡΠΌΡΠ²Π°Π»ΠΈΡΡ Π»ΠΈ Π²Ρ ΠΊΠΎΠ³Π΄Π°-Π»ΠΈΠ±ΠΎ, ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΌΠΎΠ΄Π΅Π»ΠΈΡΠΎΠ²Π°ΡΡ ΡΠΎΠ»Π½Π΅ΡΠ½ΡΡ ΡΠΈΡΡΠ΅ΠΌΡ ΠΈΠ»ΠΈ ΠΊΠ°ΠΊ ΡΡΡΡΠΎΠ΅Π½Π° ΡΠΊΠ΅Π»Π΅ΡΠ½Π°Ρ Π°Π½ΠΈΠΌΠ°ΡΠΈΡ? ΠΡΠ²Π΅ΡΡ Π½Π° ΠΎΠ±Π° ΡΡΠΈΡ Π²ΠΎΠΏΡΠΎΡΠ° Π²Ρ Π½Π°ΠΉΠ΄ΡΡΠ΅ Π² Π΄Π°Π½Π½ΠΎΠΉ ΡΡΠ°ΡΡΠ΅.
WebGL 3D β Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΌΠΎΠ΄Π΅Π»ΠΈ. ΠΡΠ»ΠΈ Π²Π°ΠΌ ΡΡΠ°Π»ΠΎ ΡΠΊΡΡΠ½ΠΎ ΠΈΠ³ΡΠ°ΡΡΡΡ Ρ ΠΏΡΠΎΡΡΡΠΌΠΈ ΡΠΈΠ³ΡΡΠ°ΠΌΠΈ Π²ΡΠΎΠ΄Π΅ ΠΊΡΠ±ΠΈΠΊΠΎΠ² ΠΈ ΠΊΠΎΠ½ΡΡΠΎΠ², Π΄ΠΎΠ±ΡΠΎ ΠΏΠΎΠΆΠ°Π»ΠΎΠ²Π°ΡΡ Π² ΡΡΠ°ΡΡΡ ΠΎ ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ ΡΠ»ΠΎΠΆΠ½ΡΡ ΡΠΈΠ³ΡΡ Ρ Π½ΡΠ»Ρ Ρ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ΠΌ ΠΊΡΠΈΠ²ΡΡ ΠΠ΅Π·ΡΠ΅.
8. Π’Π΅ΠΊΡΡΡΡΡ.
ΠΠΎΠ±Π°Π²ΠΈΠΌ ΠΊΡΠ°ΡΠΎΠΊ.
WebGL 3D β Π’Π΅ΠΊΡΡΡΡΡ. Π’Π΅ΠΊΡΡΡΡΡ, ΡΠ΅ΠΊΡΡΡΡΠ½ΡΠ΅ ΠΊΠΎΠΎΡΠ΄ΠΈΠ½Π°ΡΡ, ΠΌΠΎΠ΄Π΅Π»ΠΈ ΡΠΈΠ»ΡΡΡΠ°ΡΠΈΠΈ, ΠΌΠΈΠΏ-ΠΌΠ°ΠΏΠΏΠΈΠ½Π³β¦ ΠΡΠΈ ΡΠ»ΠΎΠ²Π° Π½ΠΈΡΠ΅Π³ΠΎ Π΄Π»Ρ Π²Π°Ρ Π½Π΅ Π·Π½Π°ΡΠ°Ρ? ΠΠ½Π°ΡΠΈΡ, Π²Π°ΠΌ ΡΡΠ΄Π°.
WebGL 3D β ΠΠ°Π½Π½ΡΠ΅ Π΄Π»Ρ ΡΠ΅ΠΊΡΡΡΡ. ΠΠ΄Π΅ΡΡ Π²Ρ ΡΠ·Π½Π°Π΅ΡΠ΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ΅ΠΊΡΡΡΡΡ ΠΈΠ· Π΄Π°Π½Π½ΡΡ , ΠΊΠΎΡΠΎΡΡΠ΅ Π·Π°Π΄Π°ΡΡΡΡ ΠΏΡΡΠΌΠΎ Π² JavaScript, Π±Π΅Π· ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ.
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ 2 ΠΈ Π±ΠΎΠ»Π΅Π΅ ΡΠ΅ΠΊΡΡΡΡ Π² WebGL. Π‘ΡΠ°ΡΡΡ ΡΠ°ΡΡΠΊΠ°ΠΆΠ΅Ρ ΠΎΠ± ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Π΄Π²ΡΡ ΠΈ Π±ΠΎΠ»Π΅Π΅ ΡΠ΅ΠΊΡΡΡΡ, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΎΠ± ΡΠΎΠ½ΠΊΠΎΡΡΡΡ Π°ΡΠΈΠ½Ρ ΡΠΎΠ½Π½ΠΎΠΉ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π΄Π»Ρ ΡΠ΅ΠΊΡΡΡΡ.
WebGL β ΠΡΠΎΡΡ-Π΄ΠΎΠΌΠ΅Π½Π½ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. ΠΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΡΠΎ ΡΡΠΎΡΠΎΠ½Π½Π΅Π³ΠΎ ΠΈΡΡΠΎΡΠ½ΠΈΠΊΠ° Π΄Π»Ρ ΡΠ²ΠΎΠ΅ΠΉ ΡΠ΅ΠΊΡΡΡΡΡ ΠΈ ΡΡΠΎ ΡΠ°ΠΊΠΎΠ΅ CORS.
WebGL 3D β ΠΠ΅ΡΡΠΏΠ΅ΠΊΡΠΈΠ²Π½Π°Ρ ΠΊΠΎΡΡΠ΅ΠΊΡΠΈΡ ΡΠ΅ΠΊΡΡΡΡ. ΠΠ»ΠΈΡΠ½ΠΈΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ W Π½Π° ΡΠ΅ΠΊΡΡΡΡΡ ΠΈ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ ΠΈΠ½ΡΠ΅ΡΠΏΠΎΠ»ΡΡΠΈΠΈ varying-ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ Ρ ΡΡΡΡΠΎΠΌ ΠΏΠ΅ΡΡΠΏΠ΅ΠΊΡΠΈΠ²Ρ.
9. Π Π΅Π½Π΄Π΅ΡΠΈΠ½Π³ Π² ΡΠ΅ΠΊΡΡΡΡΡ.
WebGL β Π Π΅Π½Π΄Π΅ΡΠΈΠ½Π³ Π² ΡΠ΅ΠΊΡΡΡΡΡ. ΠΠΊΠ°Π·ΡΠ²Π°Π΅ΡΡΡ, ΠΎΡΡΠΈΡΠΎΠ²ΡΠ²Π°ΡΡ ΡΡΠ΅Π½Ρ ΠΌΠΎΠΆΠ½ΠΎ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ Π½Π° ΡΠ»Π΅ΠΌΠ΅Π½Ρ canvas, Π½ΠΎ ΠΈ Π² ΡΠ΅ΠΊΡΡΡΡΡ, ΠΊΠΎΡΠΎΡΡΡ Π·Π°ΡΠ΅ΠΌ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°Π»ΠΎΠΆΠΈΡΡ, ΡΠΊΠ°ΠΆΠ΅ΠΌ, Π½Π° Π³ΡΠ°Π½Ρ ΠΊΡΠ±Π°. ΠΠ»ΠΈ Π΄Π°ΠΆΠ΅ Π½Π° Π²ΡΠ΅ Π³ΡΠ°Π½ΠΈ ΠΊΡΠ±Π°!
Π Π΅Π°Π»ΠΈΠ·Π°ΡΠΈΡ DrawImage Π² WebGL. Π ΡΠΎΡΡΠ°Π²Π΅ API Canvas Π΅ΡΡΡ Π·Π°ΠΌΠ΅ΡΠ°ΡΠ΅Π»ΡΠ½Π°Ρ ΡΡΠ½ΠΊΡΠΈΡ drawImage, ΠΊΠΎΡΠΎΡΠ°Ρ ΠΏΠΎΠΊΡΠΎΠ΅Ρ Π»ΡΠ²ΠΈΠ½ΡΡ Π΄ΠΎΠ»Ρ Π²ΡΠ΅Ρ Π·Π°ΠΏΡΠΎΡΠΎΠ² ΠΏΡΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅ ΠΈΠ³ΡΡ. Π Π΄Π°Π½Π½ΠΎΠΉ ΡΡΠ°ΡΡΠ΅ ΠΌΡ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ, ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°ΡΡ ΡΡΡ ΡΡΠ½ΠΊΡΠΈΡ ΡΠ΅ΡΠ΅Π· ΡΡΠ΅Π΄ΡΡΠ²Π° WebGL.
WebGL 2D β ΡΡΠ΅ΠΊ ΠΌΠ°ΡΡΠΈΡ. Π Π΅Π°Π»ΠΈΠ·Π°ΡΠΈΡ Π΅ΡΡ ΠΎΠ΄Π½ΠΎΠΉ ΡΠ΅Ρ Π½ΠΈΠΊΠΈ ΠΈΠ· 2D-canvas ΠΏΠΎΠ΄ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ ΡΡΠ΅ΠΊ ΠΌΠ°ΡΡΠΈΡ.
11. Π’Π΅ΠΊΡΡ.
ΠΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΡΠ°ΡΡΠΎ Π²ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΡΡΡ Π²ΡΠ²Π΅ΡΡΠΈ Π½Π° ΡΡΠ΅Π½Ρ ΡΠ΅ΠΊΡΡ. ΠΡΠΎ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΡΡΠ°ΡΡΡ ΠΊΠ°ΠΊΠΎΠ³ΠΎ-Π»ΠΈΠ±ΠΎ ΠΏΡΠΎΡΠ΅ΡΡΠ°, Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΠΊΠΎΡΠΎΡΡΠΈ Π² ΠΈΠ³ΡΠ΅ ΠΈΠ»ΠΈ ΠΈΠΌΡ ΠΠΠ-ΠΏΠ΅ΡΡΠΎΠ½Π°ΠΆΠ°. ΠΠ°ΠΊΠΈΠ΅ ΠΆΠ΅ ΡΡΠ΅Π΄ΡΡΠ²Π° Π½Π°Ρ ΠΎΠ΄ΡΡΡΡ Π² Π½Π°ΡΠ΅ΠΌ ΡΠ°ΡΠΏΠΎΡΡΠΆΠ΅Π½ΠΈΠΈ Π΄Π»Ρ Π²ΡΠ²ΠΎΠ΄Π° ΡΠ΅ΠΊΡΡΠ°?
WebGL ΡΠ΅ΠΊΡΡ β HTML. ΠΠΎΠΆΠ°Π»ΡΠΉ, ΠΏΠ΅ΡΠ²ΠΎΠ΅, ΡΡΠΎ ΠΏΡΠΈΡ ΠΎΠ΄ΠΈΡ Π² Π³ΠΎΠ»ΠΎΠ²Ρ ΠΏΡΠΈ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΡΡΠΈ Π²ΡΠ²Π΅ΡΡΠΈ ΡΠ΅ΠΊΡΡ β ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ HTML-ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ. Π ΠΊΠΎΠ½ΡΠ΅ ΠΊΠΎΠ½ΡΠΎΠ², ΠΌΡ Π½Π°Ρ ΠΎΠ΄ΠΈΠΌΡΡ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅, ΠΏΠΎΡΠ΅ΠΌΡ Π±Ρ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΅Π³ΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ?..
WebGL ΡΠ΅ΠΊΡΡ β Canvas 2D. ΠΠΎΠ»Π΅Π΅ Π³ΠΈΠ±ΠΊΠΈΠΌ ΡΠΏΠΎΡΠΎΠ±ΠΎΠΌ Π±ΡΠ΄Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ 2D-canvas Π΄Π»Ρ Π²ΡΠ²ΠΎΠ΄Π° Π½Π°Π΄ΠΏΠΈΡΠ΅ΠΉ, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΠΏΠΎΠΌΠΈΠΌΠΎ Π²ΡΠ²ΠΎΠ΄Π° ΡΠ΅ΠΊΡΡΠ° ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ»ΡΠ½ΡΠ΅ Π΄Π²ΡΠΌΠ΅ΡΠ½ΡΠ΅ Π·Π½Π°ΡΠΊΠΈ.
WebGL ΡΠ΅ΠΊΡΡ β ΡΠ΅ΠΊΡΡΡΡΡ. ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ HTML Π΄Π»Ρ Π²ΡΠ²ΠΎΠ΄Π° ΡΠ΅ΠΊΡΡΠ° ΡΠ΅Π°Π»ΠΈΠ·ΡΠ΅ΡΡΡ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΠΏΡΠΎΡΡΠΎ, Π½ΠΎ ΠΎΠ½ΠΎ Π½Π΅ Π»ΠΈΡΠ΅Π½ΠΎ Π½Π΅Π΄ΠΎΡΡΠ°ΡΠΊΠΎΠ². ΠΠ΄ΠΈΠ½ ΠΈΠ· Π½ΠΈΡ β ΡΠ΅ΠΊΡΡ Π½Π΅ ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠ°ΡΡΡΡ ΡΡΠ΅Π½Ρ, ΡΡΠΎ ΠΏΡΠΎΡΡΠΎ HTML-ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΏΠΎΠ²Π΅ΡΡ ΡΡΠ΅Π½Ρ. Π ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅ ΠΌΡ Π²ΡΠ²Π΅Π΄Π΅ΠΌ ΡΠ΅ΠΊΡΡ Π² ΡΠ΅ΠΊΡΡΡΡΡ Π²Π½ΡΡΡΠΈ ΡΡΠ΅Π½Ρ.
WebGL ΡΠ΅ΠΊΡΡ β ΠΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌ Π³Π»ΠΈΡ-ΡΠ΅ΠΊΡΡΡΡΡ. Π§ΡΠΎ Π΄Π΅Π»Π°ΡΡ, Π΅ΡΠ»ΠΈ Π½ΡΠΆΠ½ΠΎ Π²ΡΠ²ΠΎΠ΄ΠΈΡΡ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ Π±ΠΎΠ»ΡΡΠΎΠΉ ΠΎΠ±ΡΡΠΌ ΡΠ΅ΠΊΡΡΠ°, ΠΊΠΎΡΠΎΡΡΠΉ ΠΊ ΡΠΎΠΌΡ ΠΆΠ΅ ΡΠ°ΡΡΠΎ ΠΌΠ΅Π½ΡΠ΅ΡΡΡ? Π ΡΡΠΎΠ±Ρ ΠΏΡΠΈ ΡΡΠΎΠΌ ΠΏΠΎΠ»ΡΡΠΈΡΡ Π΅ΡΡ ΠΏΡΠΈΠ΅ΠΌΠ»Π΅ΠΌΡΡ ΡΠ°ΡΡΠΎΡΡ ΠΊΠ°Π΄ΡΠΎΠ²? Π ΡΠ°ΠΊΠΎΠΉ ΡΠΈΡΡΠ°ΡΠΈΠΈ ΠΎΠ±ΡΡΠ½ΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡ ΡΠ΅ΠΊΡΡΡΡΠ½ΡΠΉ Π°ΡΠ»Π°Ρ, ΡΠΎΡΡΠΎΡΡΠΈΠΉ ΠΈΠ· ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ². Π Π½ΡΠΌ ΠΈ ΠΏΠΎΠΉΠ΄ΡΡ ΡΠ΅ΡΡ Π² Π΄Π°Π½Π½ΠΎΠΉ ΡΡΠ°ΡΡΠ΅.
12. Π Π°Π·Π½ΠΎΠ΅.
ΠΠ΄Π΅ΡΡ ΡΠΎΠ±ΡΠ°Π½ΠΎ Π²ΡΡ, ΡΠ΅ΠΌΡ Π½Π΅ Π½Π°ΡΠ»ΠΎΡΡ ΡΠ°Π·Π΄Π΅Π»Π°
WebGL Π£ΡΡΠ°Π½ΠΎΠ²ΠΊΠ° ΠΈ Π½Π°ΡΡΡΠΎΠΉΠΊΠ°. ΠΠΎΠ΄Π³ΠΎΡΠΎΠ²ΠΊΠ° ΠΎΠΊΡΡΠΆΠ΅Π½ΠΈΡ Π΄Π»Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Π½Π° WebGL.
Π¨Π°Π±Π»ΠΎΠ½ WebGL. Π ΠΏΡΠΎΡΠ΅ΡΡΠ΅ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Π½Π° WebGL Π²Ρ ΠΎΠ±Π½Π°ΡΡΠΆΠΈΠ²Π°Π΅ΡΠ΅, ΡΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΠ΅ ΠΎΠ΄Π½ΠΈ ΠΈ ΡΠ΅ ΠΆΠ΅ ΡΡΠ°Π³ΠΌΠ΅Π½ΡΡ ΠΊΠΎΠ΄Π° ΠΎΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΠΊ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ. ΠΠΎΠ½Π΅ΡΠ½ΠΎ ΠΆΠ΅, ΡΡΠΎ ΠΏΠΎΠ²ΠΎΠ΄ Π²ΡΠ΄Π΅Π»ΠΈΡΡ ΠΈΡ Π² Π½Π΅Π±ΠΎΠ»ΡΡΡΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ.
ΠΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠ° Canvas Π² WebGL. Π‘ΡΠ°ΡΡΡ ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ, ΡΡΠΎ Π½Π΅ Π²ΡΡ ΡΠ°ΠΊ ΠΏΡΠΎΡΡΠΎ Ρ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠΌ canvas, ΠΈ ΡΡΠΎ ΡΠ°Π·ΠΌΠ΅ΡΡ Π±ΡΡΠ΅ΡΠ° ΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΈ ΠΈ HTML-ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΠΌΠΎΠ³ΡΡ Π½Π΅ ΡΠΎΠ²ΠΏΠ°Π΄Π°ΡΡ. Π ΡΠ°ΠΊΠΆΠ΅ ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ, ΠΊΠ°ΠΊ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ Π·Π°Π΄Π°Π²Π°ΡΡ ΡΠ°Π·ΠΌΠ΅ΡΡ.
WebGL β ΠΠ½ΠΈΠΌΠ°ΡΠΈΡ. ΠΠ»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ ΡΡΠ΅Π½Ρ ΠΌΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌ ΡΡΠ½ΠΊΡΠΈΡ requestAnimationFrame. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΊΠ°ΠΆΠ΄ΡΠΉ ΠΊΠ°Π΄Ρ ΠΎΠ±ΡΠ΅ΠΊΡΡ Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΡΡΡ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π²ΡΠ°ΡΠ΅Π½ΠΈΡ. ΠΠΎ ΡΠΎΠ³Π΄Π° Π½Π° ΠΌΠ΅Π΄Π»Π΅Π½Π½ΡΡ ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠ°Ρ ΠΎΠ±ΡΠ΅ΠΊΡ Π±ΡΠ΄Π΅Ρ Π²ΡΠ°ΡΠ°ΡΡΡΡ ΠΌΠ΅Π΄Π»Π΅Π½Π½Π΅Π΅. Π ΠΎΠ½Π»Π°ΠΉΠ½-ΠΈΠ³ΡΠ°Ρ ΡΡΠΎ ΠΏΡΠΈΠ²Π΅Π΄ΡΡ ΠΊ ΠΎΡΠ΅Π½Ρ Π½Π΅ΠΏΡΠΈΡΡΠ½ΡΠΌ ΠΏΠΎΡΠ»Π΅Π΄ΡΡΠ²ΠΈΡΠΌ. ΠΠ°Π½Π½Π°Ρ ΡΡΠ°ΡΡΡ ΡΠ°ΡΡΠΊΠ°ΠΆΠ΅Ρ, ΡΡΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ Π² ΡΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅.
WebGL ΠΈ ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΠΎΡΡΡ. ΠΠ°ΡΡΡΠΎΠΉΠΊΠ° ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΠΎΡΡΠΈ, ΡΠΌΠ΅ΡΠΈΠ²Π°Π½ΠΈΡ, ΡΠ°Π±ΠΎΡΠ° Ρ ΠΏΡΠ΅Π΄ΡΠΌΠ½ΠΎΠΆΠ΅Π½Π½ΠΎΠΉ ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΠΎΡΡΡΡ, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ ΠΎΠΊΡΡΠΆΠ΅Π½ΠΈΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°.
WebGL β Π Π°ΡΡΠ΅ΡΠΈΠ·Π°ΡΠΈΡ ΠΈΠ»ΠΈ 3D-Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ°. ΠΠΎΡΠ΅ΠΌΡ WebGL β ΡΡΠΎ Π½Π΅ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° ΡΠ°Π±ΠΎΡΡ Ρ 3D, Π° ΡΠΊΠΎΡΠ΅ΠΉ API ΡΠ°ΡΡΠ΅ΡΠΈΠ·Π°ΡΠΈΠΈ.
WebGL β ΠΠ½ΡΠΈΠΏΠ°ΡΡΠ΅ΡΠ½Ρ. ΠΠ°Π±ΠΎΡ ΠΏΡΠ°ΠΊΡΠΈΠΊ, ΠΊΠΎΡΠΎΡΡΡ ΡΡΠΎΠΈΡ ΠΈΠ·Π±Π΅Π³Π°ΡΡ, ΠΏΠΎΡΠ΅ΠΌΡ ΠΈΡ Π½ΡΠΆΠ½ΠΎ ΠΈΠ·Π±Π΅Π³Π°ΡΡ ΠΈ ΡΡΠΎ ΡΡΠΎΠΈΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π²ΠΌΠ΅ΡΡΠΎ Π½ΠΈΡ ΠΏΡΠΈ ΡΠ°Π±ΠΎΡΠ΅ Ρ WebGL.
WebGL Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ β ΡΡΠΎ Π΄Π΅Π»Π°ΡΡ?
ΠΠΎΡΡΡΠΏ ΠΊ ΡΠ°ΠΉΡΠ°ΠΌ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΠΈΡ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΡ WebGL, ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π·Π°ΡΡΡΠ΄Π½Π΅Π½ ΠΈΠ·-Π·Π° ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΡ ΠΎΠ± ΠΎΡΠΈΠ±ΠΊΠ΅ Β«Your browser does not support WebGLΒ». Π‘ ΡΡΠΎΠΉ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠΎΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΡΡΠΎΠ»ΠΊΠ½ΡΡΡΡΡ ΠΏΡΠΈ ΠΏΠΎΡΠ΅ΡΠ΅Π½ΠΈΠΈ ΡΠ°ΠΉΡΠΎΠ² WebGL Earth, Shadertoy ΠΈ ΠΏΡΠΎΡΠΈΡ . ΠΡΠΈΠ±ΠΊΠ° ΡΠ°ΡΠ΅ Π²ΡΡΡΠ΅ΡΠ°Π΅ΡΡΡ Π² Google Chrome ΠΈ Π²ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ Π½Π° ΠΊΠΎΠ½ΡΠΈΠ³ΡΡΠ°ΡΠΈΡΡ ΠΠ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΠΈΡ ΡΡΡΠ°ΡΠ΅Π²ΡΡΡ ΠΌΠΎΠ΄Π΅Π»Ρ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΠ°.
WebGL β ΡΡΠΎ JavaScript API, ΠΊΠΎΡΠΎΡΡΠΉ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΡΠ΅Π½Π΄Π΅ΡΠΈΠ½Π³Π° 2D ΠΈ 3D Π³ΡΠ°ΡΠΈΠΊΠΈ Π±Π΅Π· ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΡ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² Π² Π»ΡΠ±ΠΎΠΌ ΡΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΠΎΠΌ Π±ΡΠ°ΡΠ·Π΅ΡΠ΅. ΠΠ΅ΡΠΌΠΎΡΡΡ Π½Π° ΡΠΎ, ΡΡΠΎ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΡ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ ΠΈΠ½ΡΠ΅Π³ΡΠΈΡΠΎΠ²Π°Π½Π° Ρ Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎΠΌ Π²Π΅Π±-ΡΡΠ°Π½Π΄Π°ΡΡΠΎΠ², ΠΎΠ½Π° Π΅ΡΠ΅ Π·Π°Π²ΠΈΡΠΈΡ ΠΎΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΠ° ΠΈ Π½Π΅Π΄ΠΎΡΡΡΠΏΠ½Π° Π½Π° ΡΡΡΠ°ΡΠ΅Π²ΡΠΈΡ ΠΌΠΎΠ΄Π΅Π»ΡΡ .
ΠΡΠΈΡΠΈΠ½Ρ ΠΎΡΠΈΠ±ΠΊΠΈ
ΠΡΠ»ΠΈ ΠΏΡΠΈ ΠΏΠΎΠΏΡΡΠΊΠ΅ Π΄ΠΎΡΡΡΠΏΠ° ΠΊ ΡΠ°ΠΉΡΡ Π²ΠΈΠ΄ΠΈΡΠ΅ ΠΎΡΠΈΠ±ΠΊΡ Β«WebGL Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡΒ», ΡΠΎ ΠΏΡΠΈΡΠΈΠ½Ρ Π΅Π΅ Π²ΠΎΠ·Π½ΠΈΠΊΠ½ΠΎΠ²Π΅Π½ΠΈΡ ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΌΠΈ:
- ΠΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΡΡΡΠ°ΡΠ΅Π²ΡΠ°Ρ Π²Π΅ΡΡΠΈΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ ΠΎΡΡΡΡΡΡΠ²ΡΠ΅Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° WebGL.
- ΠΡΠΊΠ»ΡΡΠ΅Π½ΠΎ Π°ΠΏΠΏΠ°ΡΠ°ΡΠ½ΠΎΠ΅ ΡΡΠΊΠΎΡΠ΅Π½ΠΈΠ΅ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅.
- Π ΡΠΈΡΡΠ΅ΠΌΠ΅ ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½Ρ ΡΡΡΠ°ΡΠ΅Π²ΡΠΈΠ΅ Π΄ΡΠ°ΠΉΠ²Π΅ΡΠ° Π²ΠΈΠ΄Π΅ΠΎΠΊΠ°ΡΡΡ.
- Π£ΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½Π° Windows XP, ΠΊΠΎΡΠΎΡΠ°Ρ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΡ WebGL.
ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ Π»ΠΈ Π±ΡΠ°ΡΠ·Π΅Ρ WebGL?
ΠΠΌΠ΅ΠΉΡΠ΅ Π² Π²ΠΈΠ΄Ρ, Π½Π΅ Π²ΡΠ΅ Π²Π΅ΡΡΠΈΠΈ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ² ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ WebGL. ΠΡΠ»ΠΈ Π²Π΅ΡΡΠΈΡ ΡΠΈΠ»ΡΠ½ΠΎ ΡΡΡΠ°ΡΠ΅Π»Π°, ΡΠ²ΠΈΠ΄ΠΈΡΠ΅ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΠ΅ ΠΎΠ± ΠΎΡΠΈΠ±ΠΊΠ΅. ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ ΠΏΡΠΈΡΡΡΡΡΠ²ΡΠ΅Ρ Π²ΠΎ Π²ΡΠ΅Ρ ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΡ Π²Π΅ΡΡΠΈΡ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ², Π½ΠΎ Π΅ΡΡΡ ΠΈΡΠΊΠ»ΡΡΠ΅Π½ΠΈΡ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΡ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ Π² Opera Mini Π½Π΅Π·Π°Π²ΠΈΡΠΈΠΌΠΎ ΠΎΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΠΎΠΉ Π²Π΅ΡΡΠΈΠΈ.
ΠΡΡΡΡΡΠΉ ΡΠΏΠΎΡΠΎΠ± ΠΏΡΠΎΠ²Π΅ΡΠΈΡΡ, ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ Π»ΠΈ Π±ΡΠ°ΡΠ·Π΅Ρ ΡΡΡ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΡ, ΠΌΠΎΠΆΠ½ΠΎ Π½Π° ΡΠΊΠ°Π·Π°Π½Π½ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅, ΠΊΠΎΡΠΎΡΡΡ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡΠΈ Π² ΠΈΠ½ΡΠ΅ΡΠ½Π΅ΡΠ΅ ΠΏΠΎ Π·Π°ΠΏΡΠΎΡΡ Β«WebGL β 3D Canvas graphicsΒ».
ΠΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ Π°ΠΏΠΏΠ°ΡΠ°ΡΠ½ΠΎΠ³ΠΎ ΡΡΠΊΠΎΡΠ΅Π½ΠΈΡ
Π‘Π°ΠΌΠΎΠΉ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½Π΅Π½Π½ΠΎΠΉ ΠΏΡΠΈΡΠΈΠ½ΠΎΠΉ, ΠΊΠΎΡΠΎΡΠ°Ρ Π²ΡΠ·ΡΠ²Π°Π΅Ρ ΠΎΡΠΈΠ±ΠΊΡ Β«WebGL Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡΒ», ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΎΡΠΊΠ»ΡΡΠ΅Π½Π½ΠΎΠ΅ Π°ΠΏΠΏΠ°ΡΠ°ΡΠ½ΠΎΠ΅ ΡΡΠΊΠΎΡΠ΅Π½ΠΈΠ΅ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅. ΠΡΠ°Π²ΠΈΠ»ΡΠ½Π°Ρ ΡΠ°Π±ΠΎΡΠ° ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ Π·Π°Π²ΠΈΡΠΈΡ ΠΎΡ Π°ΠΏΠΏΠ°ΡΠ°ΡΠ½ΠΎΠ³ΠΎ ΡΡΠΊΠΎΡΠ΅Π½ΠΈΡ, ΠΏΠΎΡΡΠΎΠΌΡ Π½ΡΠΆΠ½ΠΎ ΠΏΡΠΎΠ²Π΅ΡΠΈΡΡ, Π²ΠΊΠ»ΡΡΠ΅Π½Π° Π»ΠΈ ΡΡΠ° ΡΡΠ½ΠΊΡΠΈΡ.
Google Chrome
ΠΡΠΊΡΠΎΠΉΡΠ΅ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠ΅ ΠΌΠ΅Π½Ρ Π½Π°ΠΆΠ°ΡΠΈΠ΅ΠΌ Π½Π° Π·Π½Π°ΡΠΎΠΊ Ρ ΡΡΠ΅ΠΌΡ ΡΠΎΡΠΊΠ°ΠΌΠΈ ΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ ΠΏΡΠ½ΠΊΡ ΠΠ°ΡΡΡΠΎΠΉΠΊΠΈ.
ΠΡΠΎΠΊΡΡΡΠΈΡΠ΅ ΡΡΡΠ°Π½ΠΈΡΡ Π²Π½ΠΈΠ· ΠΈ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡ Β«ΠΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅Β». ΠΠ°ΠΉΠ΄ΠΈΡΠ΅ ΡΠ°Π·Π΄Π΅Π» Π‘ΠΈΡΡΠ΅ΠΌΠ° ΠΈ ΠΏΡΠΎΠ²Π΅ΡΡΡΠ΅ Π²ΠΊΠ»ΡΡΠ΅Π½Π° Π»ΠΈ ΠΎΠΏΡΠΈΡ, ΡΠ²ΡΠ·Π°Π½Π½Π°Ρ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ Π°ΠΏΠΏΠ°ΡΠ°ΡΠ½ΠΎΠ³ΠΎ ΡΡΠΊΠΎΡΠ΅Π½ΠΈΡ.
Π ΠΏΡΠΎΡΠΈΠ²Π½ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ Π²ΠΊΠ»ΡΡΠΈΡΠ΅ Π΅Π΅ ΠΈ Π½Π°ΠΆΠΌΠΈΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΡ Β«ΠΠ΅ΡΠ΅Π·Π°ΠΏΡΡΡΠΈΡΡΒ», ΡΡΠΎΠ±Ρ ΠΏΡΠΈΠ½ΡΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ.
Mozilla Firefox
Π Π°ΡΠΊΡΠΎΠΉΡΠ΅ ΠΌΠ΅Π½Ρ Π½Π°ΠΆΠ°ΡΠΈΠ΅ΠΌ Π½Π° Π·Π½Π°ΡΠΎΠΊ Ρ ΡΡΠ΅ΠΌΡ Π»ΠΈΠ½ΠΈΡΠΌΠΈ Π² ΠΏΡΠ°Π²ΠΎΠΌ Π²Π΅ΡΡ Π½Π΅ΠΌ ΡΠ³Π»Ρ ΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ Β«ΠΠ°ΡΡΡΠΎΠΉΠΊΠΈΒ».
ΠΠ°ΠΉΠ΄ΠΈΡΠ΅ Π² ΡΠΏΠΈΡΠΊΠ΅ ΡΠ°Π·Π΄Π΅Π» ΠΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΡ ΠΈ ΡΠ½ΠΈΠΌΠΈΡΠ΅ ΡΠ»Π°ΠΆΠΎΠΊ, ΡΠ²ΡΠ·Π°Π½Π½ΡΠΉ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅ΠΌΡΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠ². ΠΡΠΎΠ±ΡΠ°Π·ΠΈΡΡΡ ΠΎΠΏΡΠΈΡ Β«ΠΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π°ΠΏΠΏΠ°ΡΠ°ΡΠ½ΠΎΠ΅ ΡΡΠΊΠΎΡΠ΅Π½ΠΈΠ΅Β». ΠΡΠΌΠ΅ΡΡΡΠ΅ Π΅Π΅ ΡΠ»Π°ΠΆΠΊΠΎΠΌ ΠΈ ΠΏΠ΅ΡΠ΅Π·Π°Π³ΡΡΠ·ΠΈΡΠ΅ Π±ΡΠ°ΡΠ·Π΅Ρ, ΡΡΠΎΠ±Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π²ΡΡΡΠΏΠΈΠ»ΠΈ Π² ΡΠΈΠ»Ρ.
Opera
ΠΠ°ΠΆΠΌΠΈΡΠ΅ Π½Π° Π·Π½Π°ΡΠΎΠΊ Opera Π² Π»Π΅Π²ΠΎΠΌ Π²Π΅ΡΡ Π½Π΅ΠΌ ΡΠ³Π»Ρ ΠΈ ΠΏΠ΅ΡΠ΅ΠΉΠ΄ΠΈΡΠ΅ Π² ΠΠ°ΡΡΡΠΎΠΉΠΊΠΈ. ΠΡΠΎΠΊΡΡΡΠΈΡΠ΅ ΡΠΏΠΈΡΠΎΠΊ ΠΎΠΏΡΠΈΠΉ Π²Π½ΠΈΠ· ΠΈ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡ Β«ΠΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎΒ».
Π ΡΠ°Π·Π΄Π΅Π»Π΅ Π‘ΠΈΡΡΠ΅ΠΌΠ° ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΠΈΡΠ΅ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Ρ, ΡΠ²ΡΠ·Π°Π½Π½ΡΠΉ Ρ Π°ΠΏΠΏΠ°ΡΠ°ΡΠ½ΡΠΌ ΡΡΠΊΠΎΡΠ΅Π½ΠΈΠ΅ΠΌ, Π² ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Β«ΠΠΊΠ»ΡΡΠ΅Π½ΠΎΒ».
ΠΡΠ»ΠΈ ΠΏΠΎΡΠ»Π΅ Π²ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ ΡΡΠ½ΠΊΡΠΈΠΈ WebGL Π²ΡΠ΅ Π΅ΡΠ΅ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ, ΠΏΠ΅ΡΠ΅ΠΉΠ΄ΠΈΡΠ΅ ΠΊ ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΌΡ ΠΌΠ΅ΡΠΎΠ΄Ρ.
ΠΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅ Π΄ΡΠ°ΠΉΠ²Π΅ΡΠ° Π²ΠΈΠ΄Π΅ΠΎΠΊΠ°ΡΡΡ
ΠΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΡΡΠ° ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΡ Π·Π°Π²ΠΈΡΠΈΡ ΠΎΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΠ°, ΡΡΡΠ°ΡΠ΅Π²ΡΠΈΠ΅ Π΄ΡΠ°ΠΉΠ²Π΅ΡΡ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠ³ΡΡ Π²ΡΠ·Π²Π°ΡΡ ΠΎΡΠΈΠ±ΠΊΡ Β«WebGL Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡΒ». ΠΠ»Ρ ΠΈΡ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΡ Π²ΡΠΏΠΎΠ»Π½ΠΈΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΡΠ°Π³ΠΈ.
ΠΡΠΊΡΠΎΠΉΡΠ΅ ΠΠΈΡΠΏΠ΅ΡΡΠ΅Ρ ΡΡΡΡΠΎΠΉΡΡΠ² ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ devmgmt.msc ΠΈΠ· ΠΎΠΊΠ½Π° Win + R.
Π Π°Π·Π²Π΅ΡΠ½ΠΈΡΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΡ ΠΠΈΠ΄Π΅ΠΎΠ°Π΄Π°ΠΏΡΠ΅ΡΡ, ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ ΠΏΡΠ°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡΡΠΈ Π½Π° Π²ΠΈΠ΄Π΅ΠΎΠΊΠ°ΡΡΠ΅ ΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ ΠΏΡΠ½ΠΊΡ Β«ΠΠ±Π½ΠΎΠ²ΠΈΡΡΒ». ΠΡΠ»ΠΈ Π² ΡΠΈΡΡΠ΅ΠΌΠ΅ ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½Ρ Π΄Π²Π΅ Π²ΠΈΠ΄Π΅ΠΎΠΊΠ°ΡΡΡ (Π²ΡΡΡΠΎΠ΅Π½Π½Π°Ρ ΠΈ Π΄ΠΈΡΠΊΡΠ΅ΡΠ½Π°Ρ), ΠΎΠ±Π½ΠΎΠ²ΠΈΡΠ΅ ΠΎΠ±Π° ΡΡΡΡΠΎΠΉΡΡΠ²Π°.
Π’Π΅ΠΏΠ΅ΡΡ ΠΏΡΠΎΠ²Π΅ΡΡΡΠ΅ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ ΠΊ ΠΈΠ½ΡΠ΅ΡΠ½Π΅ΡΡ ΠΈ Π²ΡΠΏΠΎΠ»Π½ΠΈΡΠ΅ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΉ ΠΏΠΎΠΈΡΠΊ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½Π½ΠΎΠ³ΠΎ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ½ΠΎΠ³ΠΎ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠ΅Π½ΠΈΡ. ΠΡΠ»ΠΈ Π½ΠΎΠ²ΡΠΉ Π΄ΡΠ°ΠΉΠ²Π΅Ρ Π±ΡΠ΄Π΅Ρ ΠΎΠ±Π½Π°ΡΡΠΆΠ΅Π½, Π΄ΠΎΠΆΠ΄ΠΈΡΠ΅ΡΡ Π·Π°Π²Π΅ΡΡΠ΅Π½ΠΈΡ Π΅Π³ΠΎ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠΈ.
ΠΠΎΡΠ»Π΅ ΠΏΠ΅ΡΠ΅Π·Π°Π³ΡΡΠ·ΠΈΡΠ΅ ΠΊΠΎΠΌΠΏΡΡΡΠ΅Ρ ΠΈ ΠΏΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ ΠΎΡΠΊΡΡΡΡ ΡΠ°ΠΉΡ, ΠΊΠΎΡΠΎΡΡΠΉ Π½Π΅ ΡΠ΄Π°Π²Π°Π»ΠΎΡΡ ΠΈΠ·-Π·Π° ΠΎΡΡΡΡΡΡΠ²ΠΈΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ WebGL.
ΠΡΠ»ΠΈ Π½Π΅ ΡΠ΄Π°Π»ΠΎΡΡ ΠΎΠ±Π½ΠΎΠ²ΠΈΡΡ Π΄ΡΠ°ΠΉΠ²Π΅Ρ Π²ΠΈΠ΄Π΅ΠΎΠΊΠ°ΡΡΡ Π² Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠΌ ΡΠ΅ΠΆΠΈΠΌΠ΅, ΠΏΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ ΡΡΠΎ ΡΠ΄Π΅Π»Π°ΡΡ Π²ΡΡΡΠ½ΡΡ. ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ ΠΎΡΠΊΡΠΎΠΉΡΠ΅ ΡΠ°ΠΉΡ NVIDIA, AMD ΠΈΠ»ΠΈ Intel, Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»Ρ ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½Π½ΠΎΠΉ Π²ΠΈΠ΄Π΅ΠΎΠΊΠ°ΡΡΡ ΠΈ Π·Π°Π³ΡΡΠ·ΠΈΡΠ΅ ΠΏΠΎΡΠ»Π΅Π΄Π½ΡΡ Π²Π΅ΡΡΠΈΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ½ΠΎΠ³ΠΎ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠ΅Π½ΠΈΡ.
ΠΠ°ΠΏΡΡΡΠΈΡΠ΅ Π·Π°Π³ΡΡΠΆΠ΅Π½Π½ΡΠΉ ΡΠ°ΠΉΠ» ΠΈ ΡΠ»Π΅Π΄ΡΠΉΡΠ΅ ΠΈΠ½ΡΡΡΡΠΊΡΠΈΡΠΌ Π½Π° ΡΠΊΡΠ°Π½Π΅ Π΄ΠΎ Π·Π°Π²Π΅ΡΡΠ΅Π½ΠΈΡ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠΈ Π΄ΡΠ°ΠΉΠ²Π΅ΡΠΎΠ². ΠΠΎΡΠ»Π΅ ΠΏΠ΅ΡΠ΅Π·Π°Π³ΡΡΠ·ΠΈΡΠ΅ ΠΠ ΠΈ ΠΏΡΠΎΠ²Π΅ΡΡΡΠ΅, Π±Π»ΠΎΠΊΠΈΡΡΠ΅ΡΡΡ Π»ΠΈ Π΄ΠΎΡΡΡΠΏ ΠΊ ΡΠ°ΠΉΡΡ ΠΎΡΠΈΠ±ΠΊΠΎΠΉ.
Β«ΠΠΌΡΠ»ΡΡΠΈΡΒ» ΡΠ΅Ρ Π½ΠΈΡΠ΅ΡΠΊΠΈΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠ² Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅. Π§Π°ΡΡΡ 2 (browserleaks.com)
browserleaks.com
ΠΠΈΡΡ Π²ΡΠΎΡΡΡ ΡΠ°ΡΡΡ ΡΠ²ΠΎΠ΅ΠΉ ΡΡΠ°ΡΡΠΈ ΠΏΠΎ Β«ΡΠΌΡΠ»ΡΡΠΈΠΈΒ» ΡΠ΅Ρ Π½ΠΈΡΠ΅ΡΠΊΠΈΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠ². ΠΡΠ»ΠΈ Π½Π΅ ΡΡΠΏΠ΅Π»ΠΈ ΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡΡΡΡ Ρ ΠΏΠ΅ΡΠ²ΠΎΠΉ ΡΠ°ΡΡΡΡ βΒ welcome.
ΠΠΎ ΠΏΠΎΠ²ΠΎΠ΄Ρ ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠΈ ΡΡΠ°Π·Ρ ΠΎΠ³ΠΎΠ²ΠΎΡΡΡΡ β Ρ Π½Π΅ Π·Π°ΡΡΠ°Π³ΠΈΠ²Π°Ρ ΡΠ΅ ΠΌΠΎΠΌΠ΅Π½ΡΡ, ΠΊΠΎΡΠΎΡΡΠ΅ Π»ΠΈΡΠ½ΠΎ ΡΡΠΈΡΠ°Ρ ΠΎΡΠΎΠ±ΠΎ Π½Π΅ ΡΡΠΎΡΡΠΈΠΌΠΈ Π²Π½ΠΈΠΌΠ°Π½ΠΈΡ. ΠΠΎΡΡΠΎΠΌΡ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄ΠΈΠΌ Π½Π°Β browserleaks.comΒ ΠΈ Π½Π°ΡΠΈΠ½Π°Π΅ΠΌ.
ΠΠ°Ρ ΠΎΠ΄ΠΈΠΌ Π² Π»Π΅Π²ΠΎΠ΅ ΠΌΠ΅Π½Ρ Π½Π° ΡΠ°ΠΉΡΠ΅ ΠΈ Π²ΡΠ±ΠΈΡΠ°Π΅ΠΌΒ JavaScript:
JavaScript
ΠΠ° ΡΡΠΎ ΠΎΠ±ΡΠ°ΡΠ°Π΅ΠΌ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅?
Π£ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ° ΡΠ°Π·ΡΠ΅ΡΠ΅Π½ΠΈΡ ΡΠΊΡΠ°Π½Π° Π΅ΡΡΡ Π΅ΡΡ ΡΠ°ΠΊ ΠΆΠ΅ ΡΠ°ΠΊΠΎΠΉ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ ΠΊΠ°ΠΊΒ viewport(ΡΠ°Π±ΠΎΡΠ°Ρ ΠΎΠ±Π»Π°ΡΡΡ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅). Π’ΠΎ Π΅ΡΡΡ ΠΈΠ·-Π·Π° Π°Π΄ΡΠ΅ΡΠ½ΠΎΠΉ ΡΡΡΠΎΠΊΠΈ ΠΈ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅, ΠΏΠΎΠ»ΠΎΡΡ ΠΏΠ°Π½Π΅Π»ΠΈ Π·Π°Π΄Π°Ρ ΡΠ½ΠΈΠ·Ρ Ρ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΏΡΡΠΊ ΠΈ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ ΡΠΏΡΠ°Π²Π° β ΡΠ°Π·ΡΠ΅ΡΠ΅Π½ΠΈΠ΅Β viewportΒ Π±ΡΠ΄Π΅Ρ ΠΎΡΠ»ΠΈΡΠ°ΡΡΡΡ Π² ΠΌΠ΅Π½ΡΡΡΡ ΡΡΠΎΡΠΎΠ½Ρ ΠΎΡ ΡΠ°Π·ΡΠ΅ΡΠ΅Π½ΠΈΡ ΡΠΊΡΠ°Π½Π°. ΠΡΠΎ ΡΡΠΎΠΈΡ ΡΡΠΈΡΡΠ²Π°ΡΡ, Π΅ΡΠ»ΠΈ Π²Ρ ΡΠΌΡΠ»ΠΈΡΡΠ΅ΡΠ΅, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΠ°Π·ΡΠ΅ΡΠ΅Π½ΠΈΠ΅, Π±ΠΎΠ»ΡΡΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΡΠΊΡΠ°Π½Π° ΠΌΠΎΠ½ΠΈΡΠΎΡΠ° (ΠΏΡΡΡΡ 1920Ρ 1080), Π½ΠΎ viewport ΠΎΡΡΠ°Π²Π»ΡΠ΅ΡΠ΅ ΡΠ°ΠΊΠΈΠΌ ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΏΡΠΈ ΠΌΠ΅Π½ΡΡΠ΅ΠΌ ΡΠ°Π·ΡΠ΅ΡΠ΅Π½ΠΈΠΈ (ΠΊ ΠΏΡΠΈΠΌΠ΅ΡΡ viewport 1349Γ657, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΡΠΈΠ½Π°Π΄Π»Π΅ΠΆΠΈΡ ΠΊ ΡΠ°Π·ΡΠ΅ΡΠ΅Π½ΠΈΡ 1366Ρ 768). ΠΡΠΎ Π±ΡΠ΄Π΅Ρ ΠΎΡΠ΅Π½Ρ ΠΏΠ°Π»Π΅Π²Π½ΡΠΌ Π΄Π»Ρ Π΄Π΅ΡΠ΅ΠΊΡ-ΡΠΈΡΡΠ΅ΠΌ, ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎ, Π΅ΡΠ»ΠΈ ΡΡΠΎ Π±ΡΠ΄Π΅Ρ ΠΏΠΎΠ²ΡΠΎΡΡΡΡΡΡ.
ΠΠ°ΡΠ°ΠΌΠ΅ΡΡΒ doNotTrackΒ Ρ Π½Π΅ Π·Π°ΡΡΠ°Π³ΠΈΠ²Π°Ρ, ΠΎΡΠΎΠ±ΠΎ Π½ΠΈ Π½Π° ΡΡΠΎ Π½Π΅ Π²Π»ΠΈΡΠ΅Ρ ΠΏΡΠΈ ΡΠ°Π±ΠΎΡΠ΅ Ρ ΡΠΎΠΉ ΠΆΠ΅ Π²ΠΈΡΡΡΠ°Π»ΠΊΠΎΠΉ, ΡΠΊΠΎΡΠ΅Π΅ ΠΏΡΠΈΠ½ΡΠ΄ΠΈΡΠ΅Π»ΡΠ½Π°Ρ Π΅Π³ΠΎ ΡΠΌΠ΅Π½Π° ΡΠΆΠ΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π΄ΡΠΌΠ°ΡΡ ΠΎ Π²Π°Ρ, ΠΊΠ°ΠΊ ΠΎ Π±ΠΎΠ»Π΅Π΅ ΠΏΡΠΎΡΠ°ΡΠ΅Π½Π½ΠΎΠΌ ΡΠ·Π΅ΡΠ΅.
ΠΡΠΎΒ hardwareConcurrencyΒ ΠΈΒ deviceMemoryΒ Ρ ΡΠ°ΡΡΠΊΠ°Π·ΡΠ²Π°Π» Π²Β ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠ΅ΠΉ ΡΡΠ°ΡΡΠ΅Β ΠΈ Π½ΠΎΠ²ΠΎΠ³ΠΎ Π½ΠΈΡΠ΅Π³ΠΎ Π½Π΅ Π΄ΠΎΠ±Π°Π²Π»Ρ.
Battery Status API
Π‘ΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎ ΠΏΡΠΎΠ²Π΅ΡΠΈΠ», ΠΈΠΌΠ΅Π΅Ρ Π»ΠΈ ΡΠ»ΠΈΠ² ΠΏΠΎ ΡΡΠΎΠΌΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ ΠΏΠΎΡΠ»Π΅Π΄Π½ΡΡ Π²Π΅ΡΡΠΈΡ Chrome, Π²ΡΠΊΠ»ΡΡΠΈΠ² ΠΎΡ ΡΠ΅ΡΠΈ ΡΠ²ΠΎΠΉ Π½ΠΎΡΡΠ±ΡΠΊ. ΠΠΌΠ΅Π΅Ρ:
Π‘Π»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎ, ΠΏΡΠΈ ΡΠ°Π±ΠΎΡΠ΅ Ρ Π½ΠΎΡΡΠ±ΡΠΊΠ° Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΠΈΠΌΠ΅ΡΡ Π·Π°ΡΡΠ΄ 100% ΠΈ ΠΏΠΎΡΡΠΎΡΠ½Π½ΠΎΠ΅ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ ΠΊ ΡΠ΅ΡΠΈ (ΠΏΡΠΈ Π²ΡΡ ΠΎΠ΄Π΅ ΠΈ Π·Π°Ρ ΠΎΠ΄Π΅ Π² ΡΠ°Π·Π½ΡΠ΅ Π°ΠΊΠΊΠ°ΡΠ½ΡΡ, ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎ Π² ΠΎΠ΄Π½ΠΎΠΉ ΠΏΠΎΠ΄ΡΠ΅ΡΠΈ IP).
Web Audio API
ΠΠ°ΡΡΠΎΠ½Ρ ΠΏΡΠΈ ΠΎΠ±ΡΡΠΆΠ΄Π΅Π½ΠΈΠΈ AudioContext Fingerprint (Π½ΠΈΠΆΠ΅).
Installed Plug-Ins
ΠΠ°ΡΡΠ°Π³ΠΈΠ²Π°Π» Π²Β ΠΏΡΠΎΡΠ»ΠΎΠΉ ΡΡΠ°ΡΡΠ΅. ΠΠ΅ΡΠΆΠΈΡΠ΅ ΡΠΏΠΈΡΠΎΠΊ ΠΈΠ· ΡΡΡΠ»ΠΎΠΊ Π½Π° 30 ΡΠ°ΠΌΡΡ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΡ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² ΠΈ ΡΠ°Π½Π΄ΠΎΠΌΠ½ΠΎ ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°ΠΉΡΠ΅ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠ°Π· 3-5.
Silverlight
ΠΠ°Π»Π΅Π΅ Π² Π»Π΅Π²ΠΎΠΌ ΠΌΠ΅Π½Ρ ΠΏΡΠΎΠΏΡΡΠΊΠ°Π΅ΠΌΒ FlashΒ (Ρ.ΠΊ. ΠΎΠ±ΡΡΠΆΠ΄Π°Π»ΠΈ Π²Β ΠΏΡΠΎΡΠ»ΠΎΠΉ ΡΡΠ°ΡΡΠ΅) ΠΈ Π²ΡΠ±ΠΈΡΠ°Π΅ΠΌΒ Silverlight.
ΠΡΠ»ΠΈ Π²ΠΈΠ΄ΠΈΡΠ΅ ΡΡΡ Π½Π°Π΄ΠΏΠΈΡΡ β Π·Π½Π°ΡΠΈΡ Π²ΡΡ ΠΏΡΠ΅ΠΊΡΠ°ΡΠ½ΠΎ ΠΈ Π²Ρ ΠΈΠΌΠ΅Π΅ΡΠ΅ ΠΎΠ΄Π½Ρ ΠΈΠ· ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΡ Π²Π΅ΡΡΠΈΠΉ ΡΠ²ΠΎΠ΅Π³ΠΎ Π±ΡΠ°ΡΠ·Π΅ΡΠ° (ΠΏΡΠΎΠ²Π΅ΡΠΈΠ» Π½Π° ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΡ Chrome ΠΈ Firefox), ΠΊΠΎΡΠΎΡΡΠΉ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΡΡΡ ΡΡΡΠ°ΡΠ΅Π²ΡΠΈΠΉ ΠΈ Π½Π΅Π±Π΅Π·ΠΎΠΏΠ°ΡΠ½ΡΠΉ ΠΏΠ»Π°Π³ΠΈΠ½.
Π ΡΠΎΠΌ ΠΆΠ΅ ΡΠ»ΡΡΠ°Π΅, Π΅ΡΠ»ΠΈ ΠΎΠ½ ΠΏΡΠΈΡΡΡΡΡΠ²ΡΠ΅Ρ ΠΈ Π²Ρ Π½Π΅ Ρ ΠΎΡΠΈΡΠ΅ ΠΎΡ Π½Π΅Π³ΠΎ ΠΈΠ·Π±Π°Π²Π»ΡΡΡΡΡ, ΡΠΎ ΡΡΠΎΠΈΡ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠ°Π· ΠΎΡΠΈΡΠ°ΡΡ ΠΏΠΎ ΠΏΡΡΠΈ Π²ΡΠ΅ Π΄Π°Π½Π½ΡΠ΅ Π½Π° Π²Π°ΡΠ΅ΠΉ Π²ΠΈΡΡΡΠ°Π»ΡΠ½ΠΎΠΉ (Ρ ΠΎΡΡΠΎΠ²ΠΎΠΉ) ΠΌΠ°ΡΠΈΠ½Π΅:
- C:\Users\%ΠΠΌΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ%\AppData\LocalLow\Microsoft\Silverlight\is\
Java Applet
Π‘Π»Π΅Π΄ΡΡΡΠΈΠΉ ΠΏΡΠ½ΠΊΡ Π² ΠΌΠ΅Π½Ρ ΡΠ»Π΅Π²Π°Β Java Applet.
ΠΠ°ΠΊ ΠΏΠΎΠ½ΠΈΠΌΠ°Π΅ΡΠ΅, ΡΡΡ ΡΠ° ΠΆΠ΅ ΡΠ°ΠΌΠ°Ρ ΡΠΈΡΡΠ°ΡΠΈΡ, ΠΊΠ°ΠΊ ΠΈ Ρ Silverlight. Π£ΡΡΠ°ΡΠ΅Π²ΡΠΈΠΉ ΠΈ Π½Π΅Π±Π΅Π·ΠΎΠΏΠ°ΡΠ½ΡΠΉ ΠΏΠ»Π°Π³ΠΈΠ½, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠ±ΡΠ°Π»ΠΈ ΠΈΠ· ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ Π² Π½ΠΎΠ²ΡΡ Π²Π΅ΡΡΠΈΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ². ΠΠ°ΡΡΠΎΠ»ΡΠΊΠΎ ΡΡΡΠ°ΡΠ΅Π²ΡΠΈΠΉ, ΡΡΠΎ Ρ Π΄Π°ΠΆΠ΅ Π½Π΅ ΠΏΠΎΠ΄ΡΠΊΠ°ΠΆΡ, ΠΊΠ°ΠΊ Π΅Π³ΠΎ Π²ΠΊΠ»ΡΡΠΈΡΡ. ΠΠ°ΠΌ ΡΡΠΎ Π½Π°Π΄ΠΎ?
WebGL
ΠΠΎΠ΄ΡΠΊΠ°ΠΆΡ ΡΠΎΠ»ΡΠΊΠΎ Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ΠΌ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ:Β Unmasked Vendor, Unmasked RendererΒ ΠΈΒ WebGL Report HashΒ (ΠΊΠΎΡΠΎΡΡΠΉ ΠΌΠ΅Π½ΡΠ΅ΡΡΡ ΠΏΠΎΡΠ»Π΅ ΡΠΌΠ΅Π½Ρ ΠΏΠ΅ΡΠ²ΡΡ Π΄Π²ΡΡ ). Π ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ Mozilla. ΠΠΎΡΠ»Π΅Π΄Π½Π΅Π΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΠ°Π·Π±Π΅ΡΡ ΠΏΠΎΠ·ΠΆΠ΅ Π² ΠΎΠ΄Π½ΠΎΠΉ ΠΈΠ· ΡΠ»Π΅Π΄ΡΡΡΠΈΡ ΡΡΠ°ΡΠ΅ΠΉ.
ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ Π½Π°Π±ΠΈΡΠ°Π΅ΠΌ Π² Π°Π΄ΡΠ΅ΡΠ½ΠΎΠΉ ΡΡΡΠΎΠΊΠ΅Β about:config, Π΄Π°Π»Π΅Π΅ Π½Π°Π±ΠΈΡΠ°Π΅ΠΌ Π² ΠΏΠΎΠΈΡΠΊΠ΅ Vendor ΠΈ ΠΌΠ΅Π½ΡΠ΅ΠΌ Π½Π° Π»ΡΠ±ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅. Π ΠΏΡΠΈΠΌΠ΅ΡΡ, ΠΏΡΠΎΡΡΠΎ Mozilla.
ΠΠ°Π»Π΅Π΅ Π²Π²ΠΎΠ΄ΠΈΠΌ Renderer ΠΈ Π²ΡΠ±ΠΈΡΠ°Π΅ΠΌ webgl.renderer-string-override:
Π― Π²Π²ΡΠ» ΠΊ ΠΏΡΠΈΠΌΠ΅ΡΡΒ ANGLE (Intel(R) HD Graphics 620 Direct3D11 vs_5_0 ps_5_0).
WebGL Report Hash Ρ Π½Π°Ρ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡΡΡ ΡΠΎΠΆΠ΅. ΠΠΎ Ρ Image Hash ΠΏΡΠΈΠ΄Π΅ΡΡΡ ΠΏΠΎΠΏΠΎΡΠ΅ΡΡ. Π― ΠΎΡΡΠ°Π²Π»Ρ ΡΡΠΎΡ ΠΌΠΎΠΌΠ΅Π½Ρ, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Π΅Π³ΠΎ Π΄ΠΎΠΏΠΎΠ»Π½Ρ, Π½ΠΎ ΠΏΠΎΠΊΠ° Ρ ΠΌΠ΅Π½Ρ Π½Π΅Ρ ΠΊΡΡΡΠ°ΡΠ½ΠΎΠ³ΠΎ ΡΠ΅ΡΠ΅Π½ΠΈΡ ΠΏΠΎ ΡΡΠΎΠΌΡ ΠΌΠΎΠΌΠ΅Π½ΡΡ, ΠΌΠΎΠ³Ρ ΡΠΎΠ»ΡΠΊΠΎ ΡΠΊΠ°Π·Π°ΡΡ, ΡΡΠΎ Π² ΡΠ°Π·Π½ΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ ΠΎΠ½ ΡΠ°Π·Π½ΡΠΉ. ΠΠ½Π΅ ΡΡΠΎ Π½Π΅ Π½ΡΠΆΠ½ΠΎ, ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΠΈΠΌΠ΅Ρ ΡΠ²ΠΎΠΉ ΡΠ°ΠΌΠΎΠΏΠΈΡΠ½ΡΠΉ Π±ΡΠ°ΡΠ·Π΅Ρ, Π³Π΄Π΅ ΠΈΠ΄Π΅Ρ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠ°Ρ ΠΏΠΎΠ΄ΠΌΠ΅Π½Π° ΡΡΠΎΠ³ΠΎ ΠΌΠΎΠΌΠ΅Π½ΡΠ°.
ΠΠΎΠΆΠ½ΠΎ, Π΅ΡΡΠ΅ΡΡΠ²Π΅Π½Π½ΠΎ ΠΈ Π·Π°Π±Π»ΠΎΠΊΠΈΡΠΎΠ²Π°ΡΡ Π΄ΠΎΡΡΡΠΏ ΠΊ WebGL β Π½ΠΎ ΡΡΠΎ ΠΌΠΎΡΠ½ΡΠΉ Π·Π²ΠΎΠ½ΠΎΡΠ΅ΠΊ ΠΊ Π¦ΡΠΊΠ΅ΡΡ ΠΈ Π±ΡΡΡΡΡΠΉ ΠΏΠΎΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ Π±Π°Π½.
WebRTC Leak Test
Π‘ WebRTC ΠΌΠΎΠ³Ρ Π²ΡΠ΄Π΅Π»ΠΈΡΡ Π·Π΄Π΅ΡΡ ΠΎΠ΄Π½Ρ Π²Π΅ΡΡ β ΡΠ°ΠΊ Π½Π°Π·ΡΠ²Π°Π΅ΠΌΡΠ΅Β Media Devices. Π£ ΠΌΠ΅Π½Ρ ΠΎΠΏΡΡΡ ΠΆΠ΅, ΡΡΠΎΡ ΠΌΠΎΠΌΠ΅Π½Ρ ΠΏΠΎΠ΄ΠΌΠ΅Π½ΡΠ΅ΡΡΡ Π² ΡΠ²ΠΎΠ΅ΠΌ Π±ΡΠ°ΡΠ·Π΅ΡΠ΅, Π½ΠΎ Π·Π΄Π΅ΡΡ ΠΌΠΎΠ³Ρ ΠΏΠΎΠ΄ΡΠΊΠ°Π·Π°ΡΡ, ΡΡΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΊΠ°ΠΊΠΈΠ΅-ΡΠΎ Π΄Π΅Π²Π°ΠΉΡΡ Π² ΡΡΠΎΡ ΡΠΏΠΈΡΠΎΠΊ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡΒ Virtual Audio CableΒ (Π½Π°ΠΉΠ΄Π΅ΡΠ΅ Π½Π° ΡΠΎΡΡΠ΅Π½ΡΠ°Ρ ). ΠΠΎΠΈΠ³ΡΠ°ΠΉΡΠ΅ΡΡ Ρ ΡΡΠΎΠΉ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΎΠΉ, Π±Π΅Π· ΡΠ°Π·Π½ΠΈΡΡ, ΠΊΠ°ΠΊΠΈΠ΅ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ Π±ΡΠ΄Π΅ΡΠ΅ ΠΌΠ΅Π½ΡΡΡ. ΠΠ»Π°Π²Π½ΠΎΠ΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΠΊΠΎΠ½Π΅ΡΠ½ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π°ΡΠ΄ΠΈΠΎΠΎΡΠΏΠ΅ΡΠ°ΡΠΊΠ°.
ΠΡΠΎ Π½Π°Π»ΠΈΡΠΈΠ΅/ΠΎΡΡΡΡΡΡΠ²ΠΈΠ΅ Π²ΠΈΠ΄Π΅ΠΎΠΊΠ°ΠΌΠ΅ΡΡ ΠΈ ΠΌΠΈΠΊΡΠΎΡΠΎΠ½Π° β Π·Π°ΠΏΡΠΎΡ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅ΡΡΡ ΡΠΎ ΡΡΠΎΡΠΎΠ½Ρ ΡΠ°ΠΉΡΠ° ΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΡΠ°ΠΌ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΆΠ΄Π°Π΅Ρ, Ρ ΠΎΡΠ΅Ρ ΠΎΠ½ ΠΈΠ»ΠΈ Π½Π΅Ρ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΡΡ ΡΠ°ΠΉΡΡ Π΄ΠΎΡΡΡΠΏ ΠΊ Π½ΠΈΠΌ. Π’Π°ΠΊ ΡΡΠΎ ΡΠ»ΠΈΠ²Π° ΡΡΡ Π±ΡΡΡ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ.
Canvas Fingerprint
ΠΠ»Ρ ΠΏΠΎΠ΄ΠΌΠ΅Π½Ρ ΠΎΡΠΏΠ΅ΡΠ°ΡΠΊΠ° Canvas ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅Β Canvas Defender. Β ΠΠ½ Π΅ΡΡΡ ΠΊΠ°ΠΊ ΠΈ Π΄Π»Ρ Mozilla, ΡΠ°ΠΊ ΠΈ Π΄Π»Ρ Chrome. ΠΠ°, ΡΡΠΎ ΠΏΠ°Π»Π΅Π²ΠΎ Π² ΠΊΠ°ΠΊΠΎΠΉ-ΡΠΎ ΡΡΠ΅ΠΏΠ΅Π½ΠΈ, Π½Π°Π²Π΅ΡΠ½ΡΠΊΠ° ΡΠ°ΠΉΡΡ ΠΌΠΎΠ³ΡΡ ΠΏΠΎΠ΄ΡΡΠ½ΡΡΡ, ΡΡΠΎ Π²Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΠ΅ ΡΡΠΎ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅ Π² Π΄Π°Π½Π½ΡΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ. ΠΠΎ Π΅ΡΠ»ΠΈ Π΄ΡΡΠ³ΠΈΡ Π²ΡΡ ΠΎΠ΄ΠΎΠ² Π½Π΅Ρ β ΡΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠΌΠ΅Π½Π½ΠΎ ΡΠ°ΠΊ.
ΠΠ°ΠΊ Π°Π»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Π° β Π² Mozilla ΠΌΠΎΠΆΠ½ΠΎ Π·Π°ΠΉΡΠΈ Π²Β ΠΠ°ΡΡΡΠΎΠΉΠΊΠΈΒ ΠΈ Π½Π°ΠΉΡΠΈ ΡΡΠΎΡ ΡΠ°Π·Π΄Π΅Π» Π² ΠΌΠ΅Π½ΡΒ ΠΡΠ½ΠΎΠ²Π½ΡΠ΅:
ΠΡΠ±Π΅ΡΠ΅ΠΌΒ ΠΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎβ¦Β ΠΈ ΡΠ±Π΅ΡΠ΅ΠΌ ΡΠ°ΠΌ Π³Π°Π»ΠΎΡΠΊΡ ΡΒ Π Π°Π·ΡΠ΅ΡΠΈΡΡ Π²Π΅Π±-ΡΠ°ΠΉΡΠ°ΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ²ΠΎΠΈ ΡΡΠΈΡΡΡ Π²ΠΌΠ΅ΡΡΠΎ ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½Π½ΡΡ Π²ΡΡΠ΅.Β Π‘ΠΎΡ ΡΠ°Π½ΠΈΠΌ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ. Π ΡΠ΅ΠΏΠ΅ΡΡ Π²ΡΠ±Π΅ΡΠ΅ΠΌ ΡΡΠΈΡΡ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ (ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡΠΈΠΉ ΠΊΠΈΡΠΈΠ»Π»ΠΈΡΡ) Ρ ΠΊΠ°ΠΊΠΈΠΌ-Π½ΠΈΠ±ΡΠ΄Ρ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠΌ (Π»ΡΡΡΠ΅ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠΉ).
ΠΡΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ Π½Π°ΡΒ CanvasΒ (ΠΊΡΡΠ°ΡΠΈ, ΠΊΠ°ΠΊ ΠΈΒ Font Fingerprint).
Font Fingerprint
ΠΠ°ΠΊ Ρ Π³ΠΎΠ²ΠΎΡΠΈΠ» Π² ΠΏΡΠΎΡΠ»ΠΎΠΉ ΡΡΠ°ΡΡΠ΅ β Π½ΡΠΆΠ½ΠΎ ΠΈΠΌΠ΅ΡΡ Π½Π°Π±ΠΎΡ ΡΡΠΈΡΡΠΎΠ², ΡΠ°Π½Π΄ΠΎΠΌΠ½ΠΎ ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°ΡΡ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΈΠ· Π½ΠΈΡ ΠΏΠ΅ΡΠ΅Π΄ Π·Π°ΠΏΡΡΠΊΠΎΠΌ Π½ΠΎΠ²ΠΎΠΉ Π²ΠΈΡΡΡΠ°Π»ΡΠ½ΠΎΠΉ ΠΌΠ°ΡΠΈΠ½Ρ ΠΊ ΠΏΡΠΈΠΌΠ΅ΡΡ. ΠΠΎΠ±Π°Π²Π»Ρ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠ²ΠΎΠΈ ΠΌΡΡΠ»ΠΈ β Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°ΡΡ ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΠ΅ ΡΡΠΈΡΡΡ (ΠΈ ΠΈΠΌΠ΅ΡΡ Π½Π°Π±ΠΎΡ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΡ ΡΡΠΈΡΡΠΎΠ²). Π’Π°ΠΊ ΠΊΠ°ΠΊ ΠΏΡΠΈ Π²ΡΡΡΠ³ΠΈΠ²Π°Π½ΠΈΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ JS ΡΠ°ΠΉΡ Π²ΡΡΡΠ³ΠΈΠ²Π°Π΅Ρ ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½Π½ΡΠ΅ ΡΡΠΈΡΡΡ ΠΏΠΎ ΡΠ²ΠΎΠ΅ΠΌΡ Π²Π½ΡΡΡΠ΅Π½Π½Π΅ΠΌΡ ΡΠΏΠΈΡΠΊΡ (ΡΠΎ Π΅ΡΡΡ Π²Π°ΡΠΈ Π·Π°ΠΌΠΎΡΡΠΊΠΈΠ΅ ΠΎΠ½ ΠΌΠΎΠΆΠ΅Ρ ΠΈ Π½Π΅ Π²ΡΡΠ²ΠΈΡΡ ΠΈ Π±ΡΠ΄Π΅Ρ ΡΠΈΠ½Π³Π΅ΡΠΏΡΠΈΠ½Ρ Ρ Π²Π°Ρ ΠΏΠΎΡ ΠΎΠΆ Π½Π° ΠΏΡΠΎΡΠ»ΡΠΉ). ΠΡΡΡΠ³ΠΈΠ²Π°ΡΡ ΠΎΠ½ ΠΌΠΎΠΆΠ΅Ρ Π²Π΅ΡΡ ΡΠΏΠΈΡΠΎΠΊ ΡΠΎΠ»ΡΠΊΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Flash, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠΆΠ΅ Π΄Π°Π²Π½ΠΎ Ρ Π²ΡΠ΅Ρ ΠΎΡΠΊΠ»ΡΡΠ΅Π½.
Content Filtering
Π ΡΠ΅ΠΌ Ρ ΠΈ Π³ΠΎΠ²ΠΎΡΠΈΠ».Β Canvas ProtectionΒ ΠΏΠ°Π»ΠΈΡΡΡ ΠΈ Π°Π»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Π½ΠΎΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ Π² ΡΡΠΎΠΌ ΠΏΠ»Π°Π½Π΅ Π»ΡΡΡΠ΅.
Adblock ΠΏΠ°Π»ΠΈΡΡΡ, ΡΡΠΎ Π΅ΡΡΠ΅ΡΡΠ²Π΅Π½Π½ΠΎ, ΠΠ ΠΠ‘ΠΠΠΠΠΠ Π±ΡΠ΄Π΅Ρ ΠΏΠ°Π»ΠΈΡΡΡΡ Π½Π΅ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠΉ ΠΈ ΠΏΠΎΠ²ΡΠΎΡΡΡΡΠΈΠΉΡΡ Π½Π°Π±ΠΎΡ Π±Π»ΠΎΠΊ-Π»ΠΈΡΡΠΎΠ². ΠΡΡ ΠΎΠ΄ β Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Adblock, Π»ΠΈΠ±ΠΎ Π½ΠΈΠΊΠ°ΠΊ Π΅Π³ΠΎ Π½Π΅ ΡΡΠΎΠ³Π°ΡΡ, ΡΡΠΎΠ±Ρ Π½Π΅ ΠΎΡΠ»ΠΈΡΠ°ΡΡΡΡ ΠΎΡ Π³ΡΡΠΏΠΏΡ Π»ΡΠ΄Π΅ΠΉ.
Features Detection
ΠΠ³ΡΠΎΠΌΠ½ΡΠΉ Π½Π°Π±ΠΎΡ ΠΏΠΎ Π²ΡΠ΄Π΅Π»Π΅Π½ΠΈΡ ΠΊΠ°ΠΊΠΈΡ -Π»ΠΈΠ±ΠΎ ΡΠ°Π±ΠΎΡΠ°ΡΡΠΈΡ /Π½Π΅ΡΠ°Π±ΠΎΡΠ°ΡΡΠΈΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠ² Π½Π° ΠΌΠ°ΡΠΈΠ½Π΅. Π§ΡΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°Π·Π°ΡΡ? ΠΠΎΠ³Π΄Π° Π½Π° Π²ΠΈΡΡΡΠ°Π»ΡΠ½ΠΎΠΉ ΠΌΠ°ΡΠΈΠ½Π΅ Π·Π°Π±Π°Π½Π΅Π½ Π°ΠΊΠΊΠ°ΡΠ½Ρ ΠΈ Π²Ρ Π½Π΅ ΡΠ½Π΅ΡΠ»ΠΈ Π²ΠΈΠ½Π΄Ρ ΠΈΠ»ΠΈ Π½Π΅ ΠΏΠΎΡΠΈΡΡΠΈΠ»ΠΈ Π²ΡΡ ΠΎΡΠ½ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎ β Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, ΡΡΠΎ ΡΡΠΎΡ Π½Π°Π±ΠΎΡ ΠΎΡΡΠ°Π»ΡΡ ΠΈ Π²ΡΠ΄Π°ΡΡ Π²Π°Ρ ΡΠ²ΠΎΠΈΠΌ ΠΎΡΠΏΠ΅ΡΠ°ΡΠΊΠΎΠΌ Π½Π° ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΌ Π°ΠΊΠΊΠ°ΡΠ½ΡΠ΅.Β Π’ΠΎ Π΅ΡΡΡ Π½Π΅ ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°ΠΉΡΠ΅ Π»ΠΈΡΠ½ΠΈΡ Π΄ΡΠ°ΠΉΠ²Π΅ΡΠΎΠ² Π²ΠΈΠ΄Π° KLite Media Codec Pack. ΠΠΎΠ½Π΅ΡΠ½ΠΎ ΠΆΠ΅, Π½Π΅ Π½ΡΠΆΠ½ΠΎ Π²ΡΠΌΠ°ΡΡΠΈΠ²Π°ΡΡΡΡ Π² ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΡΠ°ΠΏ, Π½ΠΎ ΡΡΠ°Π²Π½ΠΈΡΠ΅, Π΄Π»Ρ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ°, ΠΊΠ°ΠΊΠΈΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ Ρ Π²Π°Ρ Π½Π° Ρ ΠΎΡΡΠΎΠ²ΠΎΠΉ ΠΈ Π²ΠΈΡΡΡΠ°Π»ΡΠ½ΠΎΠΉ ΠΌΠ°ΡΠΈΠ½Ρ ΡΒ Modernizr.video.h364Β ΠΈ Π½Π°ΠΏΡΠΈΠΌΠ΅ΡΒ Modernizr.jpeg2000Β ΠΈΒ Modernizr.jpegxr.Β ΠΠ° Ρ ΠΎΡΡΠΎΠ²ΠΎΠΉ ΠΌΠ°ΡΠΈΠ½Π΅ Π½Π°Π²Π΅ΡΠ½ΡΠΊΠ°Β h364Β βΒ true, Π° Π½Π° Π²ΠΈΡΡΡΠ°Π»ΡΠ½ΡΡ Π½Π΅Ρ. Π Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΡΒ jpegΒ ΠΈ ΡΠ°ΠΌ ΠΈ ΡΠ°ΠΌ βΒ false. ΠΡΠΎ Π²ΠΏΠΎΠ»Π½Π΅ Π½ΠΎΡΠΌΠ°Π»ΡΠ½Π°Ρ Π²Π΅ΡΡ, Π½ΠΎ Π΅ΡΠ»ΠΈ Π±ΡΠ΄Π΅Ρ ΡΡΠΎ-ΡΠΎ Π½Π΅ΠΎΠ±ΡΡΠ½ΠΎΠ΅ ΠΈ Π½Π° ΠΏΡΠΎΡΡΠΆΠ΅Π½ΠΈΠΈ Π΄ΠΎΠ»Π³ΠΎΠ³ΠΎ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ β ΡΡΠΎ ΠΎΠΏΡΡΡ ΠΆΠ΅ ΡΠΎΡΡΠ°Π²ΠΈΡ ΠΎ Π²Π°Ρ Π½Π΅Π±Π»Π°Π³ΠΎΠΏΡΠΈΡΡΠ½ΡΠΉ ΠΎΡΠΏΠ΅ΡΠ°ΡΠΎΠΊ Π² Π³Π»Π°Π·Π°Ρ Π°Π½ΡΠΈΡΡΠΎΠ΄ ΡΠΈΡΡΠ΅ΠΌ. ΠΠ΅ ΡΡΠΎΠΈΡ ΠΊ ΡΡΠΎΠΌΡ ΡΠ΅ΠΏΠ»ΡΡΡΡΡ, ΠΊΠ°ΠΊ ΠΊ ΠΎΠ΄Π½ΠΎΠΌΡ ΠΈΠ· ΠΌΠΎΠΌΠ΅Π½ΡΠΎΠ² Π±Π°Π½Π°, Π½ΠΎ Ρ ΡΠ΅ΠΏΠΎΡΠΊΠΎΠΉ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ, Π³Π΄Π΅ Π±ΡΠ΄Π΅Ρ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡΡ ΡΠ»ΠΈΠ² β ΡΡΠΎ Π±ΡΠ΄Π΅Ρ ΠΈΠ³ΡΠ°ΡΡ Π±ΠΎΠ»ΡΡΠ΅ Π½Π΅Π³Π°ΡΠΈΠ²Π½ΠΎ, ΡΠ΅ΠΌ Π½Π°ΠΎΠ±ΠΎΡΠΎΡ.
More Tools
ΠΡΠ±Π΅ΡΠΈΡΠ΅ Π΄Π°Π»Π΅Π΅ More Tools ΠΈ Ρ ΠΎΠ±ΡΡΡΠ½Ρ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ:
Firefox Resources ReaderΒ β Π½Π΅Π°ΠΊΡΡΠ°Π»Π΅Π½, ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΡΠ»ΠΈΠ² ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΠ» Π½Π° ΡΡΠ°ΡΡΡ Π²Π΅ΡΡΠΈΡΡ Firefox. Π‘Π»ΠΈΠ² Π·Π°ΠΊΠ»ΡΡΠ°Π»ΡΡ Π² ΡΠΎΠΌ, ΡΡΠΎ Firefox Π²ΡΠ΄Π°Π²Π°Π», ΡΡΠΎ ΠΎΠ½Β ΠΈΠΌΠ΅Π½Π½ΠΎ FirefoxΒ ΠΈ ΡΠ»ΠΈΠ²Π°Π» Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ Ρ ΡΡΠΈ Π΄Π°Π½Π½ΡΡ , ΠΊΠΎΡΠΎΡΡΠ΅ Ρ ΡΠ°Π½ΠΈΠ»ΠΈΡΡ Π² Π΅Π³ΠΎ JS ΡΠ°ΠΉΠ»Π°Ρ .
ClientRects FingerprintingΒ β ΠΌΠ΅ΡΠΎΠ΄ Π±ΠΎΡΡΠ±Ρ ΡΠΎΡΠ½ΠΎ ΡΠ°ΠΊΠΎΠΉ ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΈ ΡΒ Canvas. Π’ΠΎ Π΅ΡΡΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Π² Mozilla Π΄Π΅ΡΠΎΠ»ΡΠ½ΠΎΠ³ΠΎ ΡΡΠΈΡΡΠ°.
CSS Media QueriesΒ β Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΎΡΠ»ΠΈΡΠ°ΡΡΡΡ Π½Π° ΡΠ°Π·Π½ΡΡ Π²ΠΈΡΡΡΠ°Π»ΡΠ½ΡΡ ΠΌΠ°ΡΠΈΠ½Π°Ρ .
Social Media Login DetectionΒ β ΠΎΠ΄Π½ΠΎ ΠΈΠ· ΡΠ°ΠΌΡΡ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΡ Π²Π΅ΡΠ΅ΠΉ Π² ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅, ΡΠ°ΠΊ ΠΊΠ°ΠΊ Ρ Π½ΠΈΠ³Π΄Π΅ Π½Π΅ Π²ΠΈΠ΄Π΅Π» ΠΎΠ± ΡΡΠΎΠΌ ΠΊΠ°ΠΊΠΈΡ -Π»ΠΈΠ±ΠΎ ΠΌΡΡΠ»Π΅ΠΉ. ΠΠ°ΠΊ Π²Ρ Π·Π°ΠΌΠ΅ΡΠΈΡΠ΅, ΡΠ°ΠΉΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡ Π½Π° Π²Π°ΡΠ΅ΠΉ ΠΌΠ°ΡΠΈΠ½Π΅, Π² ΠΊΠ°ΠΊΠΈΠ΅ ΠΈΠ· ΡΠΎΡΠΈΠ°Π»ΡΠ½ΡΡ ΡΠ΅ΡΠ΅ΠΉ Π²Ρ Π·Π°Π»ΠΎΠ³ΠΈΠ½Π΅Π½Ρ. Π, Π½Π°Π²Π΅ΡΠ½ΡΠΊΠ°, Facebook ΡΠ΄Π΅Π»Π°Π΅Ρ ΡΠΎΠΆΠ΅ ΡΠ°ΠΌΠΎΠ΅ ΠΏΠ΅ΡΠ΅Π΄ Π²Π°ΡΠ΅ΠΉ ΡΠ΅Π³ΠΈΡΡΡΠ°ΡΠΈΠ΅ΠΉ. ΠΠ°ΠΊ Π΅ΠΌΡ Π½Π΅ΠΏΡΠΈΡΡΠ½ΠΎ Π±ΡΠ΄Π΅Ρ Π±ΡΡΡ Π²Π°ΡΠ΅ΠΉ ΡΠ°ΠΌΠΎΠΉ ΠΏΠ΅ΡΠ²ΠΎΠΉ ΡΠΎΡΡΠ΅ΡΡΡ, Π² ΠΊΠΎΡΠΎΡΠΎΠΉ Π²Ρ Π±ΡΠ΄Π΅ΡΠ΅ Π·Π°ΡΠ΅Π³ΠΈΡΡΡΠΈΡΠΎΠ²Π°Π½Ρ, ΠΡ ΡΠΎΠ³Π»Π°ΡΠ½Ρ? Π‘ΠΎΡ ΡΠ°Π½ΠΈΡΠ΅ ΡΡΠΎΡ ΡΠΏΠΈΡΠΎΠΊ ΠΊ ΡΠ΅Π±Π΅ ΠΈ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠ°Π· ΠΏΠ΅ΡΠ΅Π΄ ΡΠ΅Π³ΠΈΡΡΡΠ°ΡΠΈΠ΅ΠΉ ΡΠ΅Π³Π°ΠΉΡΠ΅ΡΡ Π½Π° ΠΊΠ°ΠΊΠΈΠ΅-Π½ΠΈΠ±ΡΠ΄Ρ ΠΈΠ· Π½ΠΈΡ ΡΠ°Π½Π΄ΠΎΠΌΠ½ΠΎ.
audiofingerprint.openwpm.com
ΠΠ»Ρ Π°ΡΠ΄ΠΈΠΎΠΎΡΠΏΠ΅ΡΠ°ΡΠΊΠ° Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠΉ ΡΠ°ΠΉΡΒ audiofingerprint.openwpm.com. ΠΠ°ΠΊ Ρ Π³ΠΎΠ²ΠΎΡΠΈΠ» Π²ΡΡΠ΅, Π΄Π»Ρ Π΅Π³ΠΎ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΠΎΠΈΠ³ΡΠ°ΡΡΡΡ Π² ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½Π½ΠΎΠΉ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ΅Β Virtual Audio Cable. Π§ΡΠΎΠ±Ρ ΠΏΡΠΎΠ²Π΅ΡΠΈΡΡ ΡΠ²ΠΎΠΉ ΠΎΡΠΏΠ΅ΡΠ°ΡΠΎΠΊ, ΠΆΠΌΠΈΡΠ΅Β Fingerprint me!Β ΠΈ ΡΠΌΠΎΡΡΠΈΡΠ΅.
ΠΠΏΠΈΠ»ΠΎΠ³
ΠΠ°Π΄Π΅ΡΡΡ, Π±ΡΠ»ΠΎ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ. Π’Π°ΠΊΠΆΠ΅ Π½Π°ΠΏΠΎΠΌΠ½Ρ, ΡΡΠΎ ΡΡΠΎ Π½Π΅ ΠΏΠΎΡΠ»Π΅Π΄Π½ΡΡ ΡΡΠ°ΡΡΡ Π² ΡΡΠΎΠΌ Π½Π°ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠΈ. Π ΡΠ»Π΅Π΄ΡΡΡΠΈΡ ΡΡΠ°ΡΡΡΡ Ρ ΠΎΠΏΠΈΡΡ ΡΠ°Π±ΠΎΡΡ Ρ ΠΎΠ΄Π½ΠΈΠΌΠΈ ΠΈΠ· ΡΠ°ΠΌΡΡ ΠΌΠΎΡΠ½ΡΡ Π°Π½ΡΠΈΠ΄Π΅ΡΠ΅ΠΊΡ-ΡΠΈΡΡΠ΅ΠΌ Π²ΠΈΡΡΡΠ°Π»ΠΎΠΊ.
ΠΠ²ΡΠΎΡ ΡΡΠ°ΡΡΠΈ βΒ ΠΡΠ±ΠΈΡΡΠ°ΠΆ ΠΎΡ ΠΠΈΠΊΠ°
ΠΡΡΠΎΡΠ½ΠΈΠΊ ΡΡΠ°ΡΡΠΈ
Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ WebGL ΠΈ ΠΊΠ°ΠΊ Π²ΠΊΠ»ΡΡΠΈΡΡ Π΅Π³ΠΎ Π² Π»ΡΠ±ΠΎΠΌ Π±ΡΠ°ΡΠ·Π΅ΡΠ΅
ΠΠ°ΡΡ ΠΌΠ΅ΡΡΡΠ΅Π² Π½Π°Π·Π°Π΄ Ρ ΡΠ°Π±ΠΎΡΠ°Π» Π½Π°Π΄ ΡΠ²ΠΎΠΈΠΌ ΠΌΠ°Π³ΠΈΡΡΠ΅ΡΡΠΊΠΈΠΌ ΠΏΡΠΎΠ΅ΠΊΡΠΎΠΌ ΠΏΠΎ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΊΠ΅. ΠΠ½Π΅ ΠΏΠΎΡΡΠ΅Π±ΠΎΠ²Π°Π»ΠΎΡΡ ΡΠΎΠ·Π΄Π°ΡΡ ΠΊΠ°ΡΠΊΠ°Ρ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ. Π§ΡΠΎ ΠΆ, Ρ ΠΏΠΎΡΠ΅ΡΠΈΠ» Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ°ΠΉΡΠΎΠ², ΡΠ°ΠΊΠΈΡ ΠΊΠ°ΠΊ ShaderToy, WebGL Earth ΠΈ Ρ. Π., Π§ΡΠΎΠ±Ρ ΠΏΠΎΠ½ΡΡΡ, ΠΊΠ°ΠΊ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΉ ΡΠ΅Π½Π΄Π΅ΡΠΈΠ½Π³. ΠΠΎ ΠΌΠ΅Π½Ρ Π²ΡΡΡΠ΅ΡΠΈΠ»ΠΎ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΠ΅: Β«Π Π²Π°ΡΠ΅ΠΌ Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ ΠΎΡΠΊΠ»ΡΡΠ΅Π½ WebGLΒ». ΠΠ°ΡΡ ΠΏΠΎΠΈΡΠΊΠΎΠ² Π² Google ΠΎΠΊΠ°Π·ΡΠ²Π°Π΅ΡΡΡ, ΡΡΠΎ WebGL ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΠΎΡΠΊΠ»ΡΡΠ΅Π½ Π² Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²Π΅ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ². ΠΡΠ°ΠΊ, Π²ΠΎΡ ΠΊΠ°ΠΊ Π²Ρ Π²ΠΊΠ»ΡΡΠ°Π΅ΡΠ΅ WebGL Π² ΡΠ²ΠΎΠ΅ΠΌ Π±ΡΠ°ΡΠ·Π΅ΡΠ΅.
Π§ΠΈΡΠ°ΡΡ: ΠΠ°ΠΊ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ Π΄Π²Π΅ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΡΠ΅ ΡΠΈΡΡΠ΅ΠΌΡ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π² Π»ΡΠ±ΠΎΠΌ Π±ΡΠ°ΡΠ·Π΅ΡΠ΅
Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ WebGL? ΠΠ°ΡΠ΅ΠΌ ΡΠ΅Π±Π΅ ΡΡΠΎ?
ΠΡΠ΅ΠΆΠ΄Π΅ ΡΠ΅ΠΌ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄ΠΈΡΡ ΠΊ Π²ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ WebGL, Π΄Π°Π²Π°ΠΉΡΠ΅ ΡΠ°Π·Π±Π΅ΡΠ΅ΠΌΡΡ, ΡΡΠΎ ΡΠ°ΠΊΠΎΠ΅ WebGL. Π’Π΅ΠΏΠ΅ΡΡ WebGL ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π²Π°ΡΠ΅ΠΌΡ Π±ΡΠ°ΡΠ·Π΅ΡΡ Π·Π°ΠΏΡΡΠΊΠ°ΡΡ Π΄Π²ΡΡ ΠΌΠ΅ΡΠ½ΡΠΉ ΠΈ ΡΡΠ΅Ρ ΠΌΠ΅ΡΠ½ΡΠΉ ΡΠ΅Π½Π΄Π΅ΡΠΈΠ½Π³ Π±Π΅Π· ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠΈ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΡ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ². ΠΡΠΎ ΡΠ°ΠΊΠΆΠ΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π±ΡΠ°ΡΠ·Π΅ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π°ΠΏΠΏΠ°ΡΠ°ΡΠ½ΡΠΉ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΉ ΠΏΡΠΎΡΠ΅ΡΡΠΎΡ Π΄Π»Ρ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΡ Π²ΡΡΠΈΡΠ»Π΅Π½ΠΈΠΉ Π²ΠΌΠ΅ΡΡΠΎ Π²Π°ΡΠ΅Π³ΠΎ ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΠ°. ΠΡΠΎ ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ, ΡΡΠΎ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΉ ΡΠ΅Π½Π΄Π΅ΡΠΈΠ½Π³ Π±ΡΠ΄Π΅Ρ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π»ΡΡΡΠ΅ ΠΈ, ΡΡΠΎ ΡΠ°ΠΌΠΎΠ΅ Π³Π»Π°Π²Π½ΠΎΠ΅, Π±ΡΠ΄Π΅Ρ ΡΠ°Π±ΠΎΡΠ°ΡΡ.
ΠΡΠ΅ΠΆΠ΄Π΅ Π²ΡΠ΅Π³ΠΎ, Π²Π°Ρ Π±ΡΠ°ΡΠ·Π΅Ρ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ WebGL. Π’ΠΎΡΠ½ΡΠΉ ΡΠΏΠΎΡΠΎΠ± ΠΏΡΠΎΠ²Π΅ΡΠΈΡΡ ΡΡΠΎ — ΠΏΡΠΎΡΡΠΎ ΠΏΠΎΡΠ΅ΡΠΈΡΡ ΡΡΠΎΡ Π²Π΅Π±-ΡΠ°ΠΉΡ. ΠΡΠ»ΠΈ Π²Ρ ΠΏΠΎΠ»ΡΡΠΈΠ»ΠΈ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΠ΅ Β«ΠΠ°Ρ Π±ΡΠ°ΡΠ·Π΅Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ WebGLΒ», ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ ΠΏΡΠΎΠ΄ΠΎΠ»ΠΆΠΈΡΡ Π΅Π³ΠΎ Π²ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅.
ΠΡΠ°ΠΊ, Π΅ΡΠ»ΠΈ Π²Ρ ΡΠ°Π·ΡΠ°Π±Π°ΡΡΠ²Π°Π΅ΡΠ΅ Π³ΡΠ°ΡΠΈΠΊΡ Π² ΠΠ½ΡΠ΅ΡΠ½Π΅ΡΠ΅ ΠΈΠ»ΠΈ ΠΏΠΈΡΠ΅ΡΠ΅ ΡΡΠ΅Π½Π°ΡΠΈΠΈ Π΄Π»Ρ Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ Π³ΡΠ°ΡΠΈΠΊΠΈ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅, ΡΡΠΎ Π·Π½Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΏΠΎΠ²ΡΡΠΈΡ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΡ. ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, ΡΡΠΎ ΡΠ±ΡΠ΅Ρ Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΡ ΠΎΡ ΡΡΠΎΡΠΎΠ½Π½ΠΈΡ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ².
ΠΠ°ΠΊ Π²ΠΊΠ»ΡΡΠΈΡΡ WebGL Π² Π²Π°ΡΠ΅ΠΌ Π±ΡΠ°ΡΠ·Π΅ΡΠ΅
Π‘ΠΏΠΎΡΠΎΠ± Π²ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ WebGL Π·Π°Π²ΠΈΡΠΈΡ ΠΎΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°, Ρ ΠΊΠΎΡΠΎΡΡΠΌ Π²Ρ ΡΠ°Π±ΠΎΡΠ°Π΅ΡΠ΅.ΠΠΈΠΆΠ΅ ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½ ΠΌΠ΅ΡΠΎΠ΄ Π²ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ WebGL Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ Chromium, Mozilla Firefox ΠΈ Safari.
1. Google Chrome
ΠΠΎΡΠΊΠΎΠ»ΡΠΊΡ Google Chrome ΠΎΡΠ½ΠΎΠ²Π°Π½ Π½Π° Chromium, ΡΡΠΎΡ ΠΌΠ΅ΡΠΎΠ΄ Π±ΡΠ΄Π΅Ρ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π² Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²Π΅ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ² Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ Chromium, ΡΠ°ΠΊΠΈΡ ΠΊΠ°ΠΊ Brave, Vivaldi, Opera ΠΈ Ρ. Π. ΠΡΠΎΡΡΠΎ ΡΠ±Π΅Π΄ΠΈΡΠ΅ΡΡ, ΡΡΠΎ Ρ Π²Π°Ρ ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½Π° ββΠΏΠΎΡΠ»Π΅Π΄Π½ΡΡ Π²Π΅ΡΡΠΈΡ Google Chrome. Π§ΡΠΎΠ±Ρ Π½Π°ΠΉΡΠΈ Π²Π΅ΡΡΠΈΡ Chrome, Π½Π°ΠΆΠΌΠΈΡΠ΅ Π·Π½Π°ΡΠΎΠΊ ΠΌΠ΅Π½Ρ Π² ΠΏΡΠ°Π²ΠΎΠΌ Π²Π΅ΡΡ Π½Π΅ΠΌ ΡΠ³Π»Ρ, Π½Π°ΠΆΠΌΠΈΡΠ΅ Β«Π‘ΠΏΡΠ°Π²ΠΊΠ°Β», Π° Π·Π°ΡΠ΅ΠΌ Β«Π Google ChromeΒ».
ΠΡΠ΅Π΄ΠΏΠΎΠ»Π°Π³Π°Ρ, ΡΡΠΎ Π²Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΠ΅ ΠΏΠΎΡΠ»Π΅Π΄Π½ΡΡ Π²Π΅ΡΡΠΈΡ Chrome, ΡΠ΅ΠΏΠ΅ΡΡ Π½Π°ΠΌ Π½ΡΠΆΠ½ΠΎ ΡΠ°Π·ΡΠ΅ΡΠΈΡΡ Chrome ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π½Π°Ρ Π°ΠΏΠΏΠ°ΡΠ°ΡΠ½ΡΠΉ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΉ ΠΏΡΠΎΡΠ΅ΡΡΠΎΡ Π΄Π»Ρ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΡ Π²ΡΡΠΈΡΠ»Π΅Π½ΠΈΠΉ.ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ ΠΏΠ΅ΡΠ΅ΠΉΠ΄ΠΈΡΠ΅ Π² Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ Chrome, Π½Π°Π±ΡΠ°Π² Β«chrome: // settingsΒ» Π² Π°Π΄ΡΠ΅ΡΠ½ΠΎΠΉ ΡΡΡΠΎΠΊΠ΅.
ΠΠ° ΡΡΡΠ°Π½ΠΈΡΠ΅ Π½Π°ΡΡΡΠΎΠ΅ΠΊ ΠΏΡΠΎΠΊΡΡΡΠΈΡΠ΅ Π²Π½ΠΈΠ·, ΠΏΠΎΠΊΠ° Π½Π΅ ΡΠ²ΠΈΠ΄ΠΈΡΠ΅ Π³ΠΈΠΏΠ΅ΡΡΡΡΠ»ΠΊΡ Β«ΠΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎΒ». ΠΠ°ΠΆΠΌΠΈΡΠ΅ Π½Π° Π½Π΅Π³ΠΎ, ΡΡΠΎΠ±Ρ ΠΎΡΠΊΡΡΡΡ ΡΠ°ΡΡΠΈΡΠ΅Π½Π½ΡΠ΅ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ Google Chrome.
ΠΡΠΎΡΡΠΈΡΠ΅: Π₯ΡΠ°Π±ΡΡΠΉ ΠΏΡΠΎΡΠΈΠ² ΠΠΈΠ²Π°Π»ΡΠ΄ΠΈ: ΠΊΠ°ΠΊΠΎΠΉ Π±ΡΠ°ΡΠ·Π΅Ρ Π»ΡΡΡΠ΅ ΠΈ ΠΏΠΎΡΠ΅ΠΌΡ
ΠΠΎΠ³Π΄Π° ΠΏΠΎΡΠ²ΡΡΡΡ ΡΠ°ΡΡΠΈΡΠ΅Π½Π½ΡΠ΅ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ Chrome, ΠΏΠ΅ΡΠ΅ΠΉΠ΄ΠΈΡΠ΅ Π² Π½ΠΈΠΆΠ½ΡΡ ΡΠ°ΡΡΡ ΡΡΡΠ°Π½ΠΈΡΡ. ΠΡ ΡΠ²ΠΈΠ΄ΠΈΡΠ΅ Β«ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π°ΠΏΠΏΠ°ΡΠ°ΡΠ½ΠΎΠ΅ ΡΡΠΊΠΎΡΠ΅Π½ΠΈΠ΅, Π΅ΡΠ»ΠΈ Π΄ΠΎΡΡΡΠΏΠ½ΠΎΒ» Π² ΡΠ°Π·Π΄Π΅Π»Π΅ Β«Π‘ΠΈΡΡΠ΅ΠΌΠ°Β».ΠΠ°ΠΆΠΌΠΈΡΠ΅ Π½Π° ΠΏΠΎΠ»Π·ΡΠ½ΠΎΠΊ ΡΡΠ΄ΠΎΠΌ Ρ Π½ΠΈΠΌ, ΡΡΠΎΠ±Ρ Π²ΠΊΠ»ΡΡΠΈΡΡ Π°ΠΏΠΏΠ°ΡΠ°ΡΠ½ΠΎΠ΅ ΡΡΠΊΠΎΡΠ΅Π½ΠΈΠ΅ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΠ°. ΠΠΏΡΠ±Π»ΠΈΠΊΡΠΉΡΠ΅ ΡΡΠΎ, Π²Ρ ΡΠ²ΠΈΠ΄ΠΈΡΠ΅, ΡΡΠΎ ΠΏΠΎΡΠ²Π»ΡΠ΅ΡΡΡ ΠΊΠ½ΠΎΠΏΠΊΠ° Β«ΠΠ΅ΡΠ΅Π·Π°ΠΏΡΡΡΠΈΡΡΒ». ΠΠ°ΠΆΠΌΠΈΡΠ΅ Π½Π° Π½Π΅Π΅, ΡΡΠΎΠ±Ρ Google Chrome ΠΏΠ΅ΡΠ΅Π·Π°ΠΏΡΡΡΠΈΠ» ΠΈ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΠ» Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ. Π£Π±Π΅Π΄ΠΈΡΠ΅ΡΡ, ΡΡΠΎ Π½Π° Π΄ΡΡΠ³ΠΈΡ Π²ΠΊΠ»Π°Π΄ΠΊΠ°Ρ Chrome Π½Π΅Ρ Π·Π°Π³ΡΡΠΆΠ΅Π½Π½ΡΡ ΠΈΠ»ΠΈ Π½Π΅ΡΠΎΡ ΡΠ°Π½Π΅Π½Π½ΡΡ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠΎΠ².
ΠΠΎΡΠ»Π΅ ΠΏΠ΅ΡΠ΅Π·Π°ΠΏΡΡΠΊΠ° Chrome ΠΏΠ΅ΡΠ΅ΠΉΠ΄ΠΈΡΠ΅ ΠΊ ΡΠ»Π°ΠΆΠΊΠ°ΠΌ Chrome, ΡΡΠΎΠ±Ρ Π²ΠΊΠ»ΡΡΠΈΡΡ WebGL. ΠΠ²Π΅Π΄ΠΈΡΠ΅ Π² Π°Π΄ΡΠ΅ΡΠ½ΠΎΠΉ ΡΡΡΠΎΠΊΠ΅ Β«chrome: // flagsΒ».
Π ΠΌΠ΅Π½Ρ Chrome Flags Π½Π°ΠΉΠ΄ΠΈΡΠ΅ WebGL. ΠΡ ΡΠ²ΠΈΠ΄ΠΈΡΠ΅ ΡΠ»Π°Π³ Β«WebGL 2.0 Compute Β», ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠ΅Π΅ΡΡ ΠΌΠ΅Π½Ρ ΡΡΠ΄ΠΎΠΌ Ρ Π½ΠΈΠΌ ΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅Β« ΠΠΊΠ»ΡΡΠ΅Π½ΠΎ Β». ΠΠΏΡΠ±Π»ΠΈΠΊΡΠΉΡΠ΅ ΡΡΠΎ, Π²Ρ ΡΠ²ΠΈΠ΄ΠΈΡΠ΅ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ΅Π΅ ΠΎΠΊΠ½ΠΎ Π²Π½ΠΈΠ·Ρ Ρ ΠΏΡΠΎΡΡΠ±ΠΎΠΉ ΠΏΠ΅ΡΠ΅Π·Π°ΠΏΡΡΡΠΈΡΡ Google Chrome. ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ Π½Π°ΠΆΠΌΠΈΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΡ Β«ΠΠ΅ΡΠ΅Π·Π°ΠΏΡΡΡΠΈΡΡ ΡΠ΅ΠΉΡΠ°ΡΒ».
ΠΠ»Ρ Chrome Android ΠΈ Chrome Mac Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ Π²ΠΊΠ»ΡΡΠΈΡΡ Β«Π§Π΅ΡΠ½ΠΎΠ²ΡΠ΅ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΡ WebGLΒ».
2. Mozilla Firefox
ΠΡΠ»ΠΈ Π²Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΠ΅ Mozillla Firefox, Π²ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ webGl ΡΠ²Π»ΡΠ΅ΡΡΡ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΠΏΡΠΎΡΡΡΠΌ ΠΈ Π΄Π²ΡΡ ΡΡΠ°ΠΏΠ½ΡΠΌ ΠΏΡΠΎΡΠ΅ΡΡΠΎΠΌ. ΠΠ΅ΡΠ΅ΠΉΠ΄ΠΈΡΠ΅ Π² ΠΌΠ΅Π½Ρ Π½Π°ΡΡΡΠΎΠ΅ΠΊ, Π½Π°Π±ΡΠ°Π² about: config Π² Π°Π΄ΡΠ΅ΡΠ½ΠΎΠΉ ΡΡΡΠΎΠΊΠ΅.
Π ΠΌΠ΅Π½Ρ Β«ΠΠ°ΡΡΡΠΎΠΉΠΊΠΈΒ» Π²Π²Π΅Π΄ΠΈΡΠ΅ Β«webgl.force-enabledΒ» Π² ΡΡΡΠΎΠΊΠ΅ ΠΏΠΎΠΈΡΠΊΠ°. ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π΄Π»Ρ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ° Preference ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Β«falseΒ». ΠΠ²Π°ΠΆΠ΄Ρ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ ΠΏΠΎ Π½Π΅ΠΌΡ, ΡΡΠΎΠ±Ρ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π½Π° true. ΠΠ΅ΡΠ΅Π·Π°ΠΏΡΡΡΠΈΡΠ΅ Firefox, ΡΡΠΎΠ±Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π²ΡΡΡΠΏΠΈΠ»ΠΈ Π² ΡΠΈΠ»Ρ.
3. Safari
Safari ΡΠΊΡΡΠ²Π°Π΅Ρ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ Π΄Π»Ρ Π²ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ WebGL Π² ΡΠ°Π·Π΄Π΅Π»Π΅ Β«ΠΠ°ΡΠ°ΠΌΠ΅ΡΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ° ΠΈ ΡΠΊΡΠΏΠ΅ΡΠΈΠΌΠ΅Π½ΡΠ°Π»ΡΠ½ΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈΒ». ΠΡΠ°ΠΊ, ΡΡΠΎΠ±Ρ Π²ΠΊΠ»ΡΡΠΈΡΡ WebGL Π½Π° Mac, ΠΌΡ Π΄ΠΎΠ»ΠΆΠ½Ρ ΡΠ½Π°ΡΠ°Π»Π° Π²ΠΊΠ»ΡΡΠΈΡΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°. ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ ΠΎΡΠΊΡΠΎΠΉΡΠ΅ Π±ΡΠ°ΡΠ·Π΅Ρ Safari ΠΈ Π½Π°ΠΆΠΌΠΈΡΠ΅ Safari Π² Π²Π΅ΡΡ Π½Π΅ΠΉ ΡΡΡΠΎΠΊΠ΅ ΠΌΠ΅Π½Ρ.Π ΡΠ°ΡΡΠΈΡΠ΅Π½Π½ΠΎΠΌ ΠΌΠ΅Π½Ρ Π½Π°ΠΆΠΌΠΈΡΠ΅ Β«ΠΠ°ΡΡΡΠΎΠΉΠΊΠΈΒ».
ΠΠΎΠ³Π΄Π° ΠΎΡΠΊΡΠΎΠ΅ΡΡΡ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ Β«ΠΠ°ΡΡΡΠΎΠΉΠΊΠΈΒ», ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠΈΡΠ΅ΡΡ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΡ Β«ΠΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎΒ». ΠΠ½ΠΈΠ·Ρ ΠΎΡΠΌΠ΅ΡΡΡΠ΅ ΠΎΠΏΡΠΈΡ Β«ΠΠΎΠΊΠ°Π·Π°ΡΡ ΠΌΠ΅Π½Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ Π² ΡΡΡΠΎΠΊΠ΅ ΠΌΠ΅Π½ΡΒ». ΠΡΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌ ΠΈΠ»ΠΈ ΡΠΊΡΠΏΠ΅ΡΠΈΠΌΠ΅Π½ΡΠ°Π»ΡΠ½ΡΠΌ ΡΡΠ½ΠΊΡΠΈΡΠΌ Safari. ΠΡ Π΄ΠΎΠ»ΠΆΠ½Ρ ΡΠ²ΠΈΠ΄Π΅ΡΡ ΠΎΠΏΡΠΈΡ Β«Π Π°Π·ΡΠ°Π±ΠΎΡΠΊΠ°Β» Π² Π²Π΅ΡΡ Π½Π΅ΠΉ ΡΡΡΠΎΠΊΠ΅ ΠΌΠ΅Π½Ρ.
Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ ΠΌΠ΅Π½Ρ Β«Π Π°Π·ΡΠ°Π±ΠΎΡΠΊΠ°Β», ΠΏΠ΅ΡΠ΅ΠΉΠ΄ΠΈΡΠ΅ ΠΊ Β«ΠΠΊΡΠΏΠ΅ΡΠΈΠΌΠ΅Π½ΡΠ°Π»ΡΠ½ΡΠΌ ΡΡΠ½ΠΊΡΠΈΡΠΌΒ». Π ΡΠ°ΡΡΠΈΡΠ΅Π½Π½ΠΎΠΌ ΠΌΠ΅Π½Ρ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ WebGL 2.0, ΡΡΠΎΠ±Ρ Π²ΠΊΠ»ΡΡΠΈΡΡ Π΅Π³ΠΎ. ΠΠ΅ΡΠ΅Π·Π°ΠΏΡΡΡΠΈΡΠ΅ Π±ΡΠ°ΡΠ·Π΅Ρ, ΠΈ WebGL Π±ΡΠ΄Π΅Ρ Π²ΠΊΠ»ΡΡΠ΅Π½ Π² Safari.
ΠΠ°ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅
ΠΠΎΠΌΠ½ΠΈΡΠ΅, ΡΡΠΎ Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ Π²Π΅Π±-ΡΠ°ΠΉΡΠΎΠ² Π²ΡΠ΅ ΡΠ°Π²Π½ΠΎ Π±ΡΠ΄ΡΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ Π³ΡΠ°ΡΠΈΠΊΡ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΠΏΠ»Π°Π³ΠΈΠ½Ρ ΡΠΆΠ΅ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Ρ Π½Π° Π²Π΅Π±-ΡΠ΅ΡΠ²Π΅Ρ. ΠΠ΄Π½Π°ΠΊΠΎ Π³ΡΠ°ΡΠΈΠΊΠ° Π±ΡΠ΄Π΅Ρ Π½Π΅ΡΡΠ°Π±ΠΈΠ»ΡΠ½ΠΎΠΉ ΠΈ ΡΡΠ΅Π±ΡΠ΅Ρ Π±ΠΎΠ»ΡΡΠ΅ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ. ΠΠ°ΠΆΠ΅ Π΅ΡΠ»ΠΈ Π²Ρ Π½Π΅ Π·Π°Π½ΠΈΠΌΠ°Π΅ΡΠ΅ΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΎΠΉ Π³ΡΠ°ΡΠΈΠΊΠΈ, Ρ Π±Ρ ΠΏΠΎΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΠΎΠ²Π°Π» Π²Π°ΠΌ Π²ΠΊΠ»ΡΡΠΈΡΡ WebGL, ΡΡΠΎΠ±Ρ ΡΠ»ΡΡΡΠΈΡΡ ΡΠ°Π±ΠΎΡΡ Ρ Π³ΡΠ°ΡΠΈΠΊΠΎΠΉ Π² ββΠΠ½ΡΠ΅ΡΠ½Π΅ΡΠ΅.
Π ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ Π°Π»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Ρ, Π΅ΡΠ»ΠΈ ΠΈΠ· ΡΠΎΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΠΊΠΎΠ½ΡΠΈΠ΄Π΅Π½ΡΠΈΠ°Π»ΡΠ½ΠΎΡΡΠΈ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ ΠΎΡΠΊΠ»ΡΡΠΈΡΡ WebGL, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΎΡΠΊΠ»ΡΡΠΈΡΡ ΠΈΡ , ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΠΊΠ°Π·Π°Π½Π½ΡΠ΅ Π²ΡΡΠ΅ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ, ΠΈΠ»ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅ ScriptSafe Π΄Π»Ρ Π±Π»ΠΎΠΊΠΈΡΠΎΠ²ΠΊΠΈ ΠΎΡΠΏΠ΅ΡΠ°ΡΠΊΠΎΠ² WebGL.
ΠΡΠ»ΠΈ Ρ Π²Π°Ρ Π²ΠΎΠ·Π½ΠΈΠΊΠ½ΡΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ Π²ΠΎΠΏΡΠΎΡΡ ΠΈΠ»ΠΈ Π²ΠΎΠΏΡΠΎΡΡ, Π΄Π°ΠΉΡΠ΅ ΠΌΠ½Π΅ Π·Π½Π°ΡΡ Π² ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΡΡ Π½ΠΈΠΆΠ΅.
Π’Π°ΠΊΠΆΠ΅ ΡΠΈΡΠ°ΠΉΡΠ΅: ΠΠ°ΠΊ Π·Π°Π±Π»ΠΎΠΊΠΈΡΠΎΠ²Π°ΡΡ Π²Π΅Π±-ΡΠ°ΠΉΡΡ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ Chrome Π½Π° Android
20 ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΎΠ² WebGL Ρ ΠΎΡΠΊΡΡΡΡΠΌ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ
WebGL — ΡΡΠΎ JavaScript API / Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ OpenGL, ΠΊΠΎΡΠΎΡΠ°Ρ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π²Π΅Π±-Π±ΡΠ°ΡΠ·Π΅ΡΠ°ΠΌ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ 3D / 2D Π³ΡΠ°ΡΠΈΠΊΡ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ Π±Π΅Π· Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΡΡΠΈ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠΈ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΡ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ², Π½Π°ΡΡΠΎΠ»ΡΠ½ΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, Π»ΡΠ±ΡΡ ΡΡΠΎΡΠΎΠ½Π½ΠΈΡ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² ΠΈΠ»ΠΈ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠΉ Π±ΡΠ°ΡΠ·Π΅ΡΠ°. WebGL ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΉ ΠΏΡΠΎΡΠ΅ΡΡΠΎΡ ΠΌΠ°ΡΠΈΠ½Ρ ΡΠ΅ΡΠ΅Π· Π±ΡΠ°ΡΠ·Π΅Ρ Π΄Π»Ρ ΡΠ΅Π½Π΄Π΅ΡΠΈΠ½Π³Π° ΡΡΠ΅Ρ ΠΌΠ΅ΡΠ½ΠΎΠΉ Π³ΡΠ°ΡΠΈΠΊΠΈ Π² HTML-ΡΡΡΠ°Π½ΠΈΡΡ.WebGL Π² Π½Π°ΡΡΠΎΡΡΠ΅Π΅ Π²ΡΠ΅ΠΌΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ Π² Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²Π΅ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ Π²Π΅Π±-Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ², ΡΠ°ΠΊΠΈΡ ΠΊΠ°ΠΊ Google Chrome, Mozilla Firefox ΠΈ Safari. WebGL ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡΠΊΠ»ΡΡΠΈΡΡ ΠΈΠ»ΠΈ Π²ΠΊΠ»ΡΡΠΈΡΡ Π² Π½Π°ΡΡΡΠΎΠΉΠΊΠ°Ρ Π±ΡΠ°ΡΠ·Π΅ΡΠ° ΠΈΠ»ΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΡ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ².
Π€ΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΈ ΠΈ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ WebGL ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΡ Π²ΠΈΡΡΠΈΠ½, Π±ΡΠ°ΡΠ·Π΅ΡΠ½ΡΡ ΠΈΠ³Ρ, ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎΠΉ Π½Π°ΡΡΠ½ΠΎΠΉ ΠΈ ΠΌΠ΅Π΄ΠΈΡΠΈΠ½ΡΠΊΠΎΠΉ Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ / ΠΌΠΎΠ΄Π΅Π»ΠΈΡΠΎΠ²Π°Π½ΠΈΡ, ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Π²ΠΈΡΡΡΠ°Π»ΡΠ½ΠΎΠΉ ΡΠ΅Π°Π»ΡΠ½ΠΎΡΡΠΈ (VR) ΠΈ ΡΠΌΠ΅ΡΠ°Π½Π½ΠΎΠΉ ΡΠ΅Π°Π»ΡΠ½ΠΎΡΡΠΈ (MR).
WebGL ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π² Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΠΎΡΡΠ°ΡΠ»ΡΡ , ΡΠ°ΠΊΠΈΡ ΠΊΠ°ΠΊ ΠΈΠ³ΡΡ, ΠΈΠ½ΠΆΠ΅Π½Π΅ΡΠΈΡ, Π°Π½Π°Π»ΠΈΡΠΈΠΊΠ° Π΄Π°Π½Π½ΡΡ , Π³Π΅ΠΎΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π΅Π½Π½ΡΠΉ Π°Π½Π°Π»ΠΈΠ·, Π½Π°ΡΡΠ½Π°Ρ ΠΈ ΠΌΠ΅Π΄ΠΈΡΠΈΠ½ΡΠΊΠ°Ρ Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΡ ΠΈ ΠΌΠΎΠ΄Π΅Π»ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅.
Π€ΡΠ½ΠΊΡΠΈΠΈ
- Π’ΡΠ΅Π±ΡΠ΅ΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π²Π΅Π±-Π±ΡΠ°ΡΠ·Π΅Ρ
- Π Π°Π±ΠΎΡΠ°Π΅Ρ Π² ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ
- ΠΠ΅ ΡΡΠ΅Π±ΡΠ΅Ρ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΡ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² ΠΈΠ»ΠΈ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠΉ Π±ΡΠ°ΡΠ·Π΅ΡΠ°
- Π Π°Π±ΠΎΡΠ°Π΅Ρ Π² ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ
ΠΡ ΠΎΠΏΡΠ±Π»ΠΈΠΊΠΎΠ²Π°Π»ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΡΠ°ΡΠ΅ΠΉ ΠΎ Π½ΠΎΠ²ΡΡ ΠΏΠΎΡΠ²Π»ΡΡΡΠΈΡ ΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡΡ Π΄Π»Ρ ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΌΠ΅Π΄ΠΈΡΠΈΠ½ΡΠΊΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ DICOM ΠΈ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ WebGL Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π²Π΅Π±-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ:
1- The X Toolkit: Open Source WebGL Browser-based 3D Scientific & Medical Visualization Framework
2- Med3Web: Free, Open Source Browser-based DICOM viewer for 2D / 3D Medical ΠΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΡ
3- BrainBrowser: ΠΠ΅Π±-Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΡ ΠΌΠΎΠ·Π³Π° Ρ ΠΎΡΠΊΡΡΡΡΠΌ ΠΈΡΡ
ΠΎΠ΄Π½ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ ΠΈ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ°ΠΌΠΈ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° ΠΎΠ±ΡΠ΅ΠΌΠ° ΠΈ ΠΏΠΎΠ²Π΅ΡΡ
Π½ΠΎΡΡΠΈ
1- Π’ΡΠΈ. js: ΠΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° JavaScript 3D WebGL
Three.js Demo, Samples, & ProjectsThree.js — ΡΠ°ΠΌΠ°Ρ ΠΈΠ·Π²Π΅ΡΡΠ½Π°Ρ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° 3D WebGL JavaScript Π² ΡΡΠΎΠΌ ΡΠΏΠΈΡΠΊΠ΅. ΠΠ½Π° ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΡΡΡΡΡΠ°ΠΌΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² Π΄Π»Ρ ΠΈΠ³Ρ, ΠΌΠΎΠ΄Π΅Π»ΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΈ Π΄Π°ΠΆΠ΅ ΠΠ½ΡΠ΅ΡΠ½Π΅ΡΠ° Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ WebGL. ΠΌΠ΅ΡΡΠ°. Π£ Π½Π΅Π³ΠΎ ΠΏΡΠΎΡΡΠ°Ρ ΠΊΡΠΈΠ²Π°Ρ ΠΎΠ±ΡΡΠ΅Π½ΠΈΡ, ΡΠΎΡΠ½ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΠΉ ΠΈ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ², Π±ΠΎΠ³Π°ΡΠ°Ρ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ² ΠΈ ΠΌΠΎΡΠ½ΠΎΠ΅ ΡΠΎΠΎΠ±ΡΠ΅ΡΡΠ²ΠΎ. Three.js ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΎΡΠ½ΠΎΠ²Ρ Π΄Π»Ρ ΠΌΠ½ΠΎΠ³ΠΈΡ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΡ Π΄Π²ΠΈΠΆΠΊΠΎΠ² WebGL ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ½ΡΡ Π΄Π²ΠΈΠΆΠΊΠΎΠ² Π΄Π»Ρ ΠΈΠ³Ρ. ΠΠ½ ΠΎΡΠ½Π°ΡΠ΅Π½ ΠΌΠΎΡΠ½ΡΠΌ Π»Π΅Π³ΠΊΠΈΠΌ ΠΎΠ½Π»Π°ΠΉΠ½-ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠΌ.
Π¦Π΅Π»Ρ ΠΏΡΠΎΠ΅ΠΊΡΠ° — ΡΠΎΠ·Π΄Π°ΡΡ ΠΏΡΠΎΡΡΡΡ Π² ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ, Π»Π΅Π³ΠΊΡΡ, ΡΡΠ΅Ρ ΠΌΠ΅ΡΠ½ΡΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ ΡΠΎ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠΌ ΡΡΠ΅Π΄ΡΡΠ²ΠΎΠΌ Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ WebGL. ΠΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° ΡΠ°ΠΊΠΆΠ΅ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ Π² ΠΏΡΠΈΠΌΠ΅ΡΠ°Ρ ΡΡΠ΅Π΄ΡΡΠ²Π° Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ Canvas 2D, SVG ΠΈ CSS3D.
Three.js ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π²ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΡ ΠΈΠ³ΡΠ°Ρ , Π½Π°ΡΡΠ½ΠΎΠΉ ΠΈ ΠΌΠ΅Π΄ΠΈΡΠΈΠ½ΡΠΊΠΎΠΉ Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ. ΠΠ½ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΎΡΠ½ΠΎΠ²Ρ Π΄Π»Ρ 2-Ρ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΎΠ² ΠΌΠ΅Π΄ΠΈΡΠΈΠ½ΡΠΊΠΎΠΉ Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ DICOM WebGL.
Three.js Π΄Π»Ρ ΠΌΠ΅Π΄ΠΈΡΠΈΠ½ΡΠΊΠΈΡ ΠΈ Π½Π°ΡΡΠ½ΡΡ ΠΏΡΠΎΠ΅ΠΊΡΠΎΠ²:
- AMI Toolkit
- The X Toolkit
- Med3Web
- Miew: 3D Molecular Viewer
Highlights
- ΠΠ½Π»Π°ΠΉΠ½-ΡΠ΅Π΄Π°ΠΊΡΠΎΡ
- ΠΡΠΎΡΡΠ°Ρ ΠΊΡΠΈΠ²Π°Ρ ΠΎΠ±ΡΡΠ΅Π½ΠΈΡ
- ΠΠΎΠ»ΡΡΠΎΠ΅ ΡΠΎΠΎΠ±ΡΠ΅ΡΡΠ²ΠΎ
- ΠΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΎΡΠ½ΠΎΠ²Ρ Π΄Π»Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΠΈΠ³ΡΠΎΠ²ΡΡ ΠΈ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΡ Π΄Π²ΠΈΠΆΠΊΠΎΠ² WebGL
2- ΠΠ°Π²ΠΈΠ»ΠΎΠ½. js: Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΉ Π΄Π²ΠΈΠΆΠΎΠΊ Web 3D
Babylon.js ΠΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΡ ΡΠ΅ΡΠΊΠΈBabylon.js — ΡΡΠΎ ΠΌΠΎΡΠ½ΡΠΉ, ΠΊΡΠ°ΡΠΈΠ²ΡΠΉ, ΠΏΡΠΎΡΡΠΎΠΉ ΠΈ ΠΎΡΠΊΡΡΡΡΠΉ Π΄Π²ΠΈΠΆΠΎΠΊ Π΄Π»Ρ ΠΈΠ³Ρ ΠΈ ΡΠ΅Π½Π΄Π΅ΡΠΈΠ½Π³Π°, ΡΠΏΠ°ΠΊΠΎΠ²Π°Π½Π½ΡΠΉ Π² Π΄ΡΡΠΆΠ΅ΡΡΠ²Π΅Π½Π½ΡΡ ΡΡΠ΅Π΄Ρ JavaScript.
Babylon.js — ΡΡΠΎ ΠΏΡΠΎΡΡΠΎΠΉ, Π½ΠΎ ΠΌΠΎΡΠ½ΡΠΉ Π΄Π²ΠΈΠΆΠΎΠΊ ΡΡΠ΅Ρ ΠΌΠ΅ΡΠ½ΠΎΠΉ Π³ΡΠ°ΡΠΈΠΊΠΈ Π½Π° Π±Π°Π·Π΅ WebGL, ΠΎΠ½ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠΈΠ²Π°Π΅Ρ ΠΏΡΠΎΡΡΡΡ ΠΊΡΠΈΠ²ΡΡ ΠΎΠ±ΡΡΠ΅Π½ΠΈΡ Π΄Π»Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² JavaScript, ΠΏΡΠΎΡΡΠΎΠΉ API, Π° ΡΠ°ΠΊΠΆΠ΅ Π±ΠΎΠ³Π°ΡΡΡ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ ΠΈ ΡΠΏΠΈΡΠΎΠΊ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ². ΠΠ³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΡ 3D-Π²ΠΈΡΡΠΈΠ½ / ΠΏΡΠ΅Π·Π΅Π½ΡΠ°ΡΠΈΠΉ, 3D-ΠΏΡΠ΅Π·Π΅Π½ΡΠ°ΡΠΈΠΈ ΠΏΡΠΎΠ΄ΡΠΊΡΠΎΠ², Π³ΠΎΡΠΎΠ²ΡΡ ΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Π² ΠΠ½ΡΠ΅ΡΠ½Π΅ΡΠ΅, ΠΈΠ³Ρ, ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ VR (Π²ΠΈΡΡΡΠ°Π»ΡΠ½ΠΎΠΉ ΡΠ΅Π°Π»ΡΠ½ΠΎΡΡΠΈ) ΠΈ ΠΌΠΎΠ΄Π΅Π»ΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠ»ΠΎΠΆΠ½ΠΎΠΉ Π°ΡΡ ΠΈΡΠ΅ΠΊΡΡΡΡ.
Babylon.js ΠΈΠΌΠ΅Π΅Ρ ΠΎΡΠ΅Π½Ρ Π±ΠΎΠ»ΡΡΠΎΠ΅ ΡΠΎΠΎΠ±ΡΠ΅ΡΡΠ²ΠΎ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΡΡ ΡΠ²ΠΎΠΉ ΠΈΠ½Π²Π΅Π½ΡΠ°ΡΡ ΡΡΠ°Π³ΠΌΠ΅Π½ΡΠΎΠ² ΠΊΠΎΠ΄Π°, ΡΡΠ΅Π±Π½ΡΡ ΠΏΠΎΡΠΎΠ±ΠΈΠΉ ΠΈ, ΠΊΠΎΠ½Π΅ΡΠ½ΠΎ ΠΆΠ΅, ΠΌΠ½ΠΎΠ³ΠΎΡΠ°Π·ΠΎΠ²ΡΡ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠΉ Π΄Π»Ρ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΡ Π΅Π³ΠΎ ΠΎΡΠ½ΠΎΠ²Π½ΡΡ ΡΡΠ½ΠΊΡΠΈΠΉ.
ΠΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ
- ΠΠ΅ΡΠΎΡΠ½ΠΈΡΠ°
- ΠΠ½Π»Π°ΠΉΠ½-ΡΠ΅Π΄Π°ΠΊΡΠΎΡ
- ΠΡΠΎΡΡΠΎΡΠ° Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ
- Π‘ΠΏΠΈΡΠΎΠΊ ΡΠ°ΡΡΠΈΡΠ΅Π½Π½ΡΡ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ²
- ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ JavaScript ΠΈ TypeScript
- ΠΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° ΡΠ°ΡΡΠΈΡΠ΅Π½Π½ΡΡ ΡΡΠ°Π³ΠΌΠ΅Π½ΡΠΎΠ²
- ΠΠΎΠ΄ΡΠ»ΡΠ½Π°Ρ ΠΈ ΡΠΏΠ°ΠΊΠΎΠ²Π°Π½Π½Π°Ρ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎΠΌ ΠΏΠΎΠ»Π΅Π·Π½ΡΡ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠΉ
- Π Π°ΡΡΠΈΡΡΠ΅ΠΌΠ°Ρ ΠΌΠΎΠ΄ΡΠ»ΡΠ½Π°Ρ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ° ΠΎΠ½Π»Π°ΠΉΠ½-ΠΏΡΠΎΡΠΌΠΎΡΡΠ°
- ΠΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ -Π±ΠΎΠ³Π°ΡΡΠΉ Π΄Π²ΠΈΠΆΠΎΠΊ
- GUI ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ².
3- Filament: ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊ WebGL Π΄Π»Ρ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ
ΡΡΡΡΠΎΠΉΡΡΠ² ΠΎΡ Google
Filament — ΡΡΠΎ ΡΠΈΠ·ΠΈΡΠ΅ΡΠΊΠΈΠΉ ΡΠ΅Π½Π΄Π΅ΡΠ΅Ρ ΡΠ΅Π°Π»ΡΠ½ΠΎΠ³ΠΎ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ, Π½Π°ΠΏΠΈΡΠ°Π½Π½ΡΠΉ Π½Π° C ++. ΠΠ½ ΠΎΡΠΈΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½ ΠΏΡΠ΅ΠΆΠ΄Π΅ Π²ΡΠ΅Π³ΠΎ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΠ΅ ΡΡΡΡΠΎΠΉΡΡΠ²Π°, Π½ΠΎ ΡΠ°ΠΊΠΆΠ΅ ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΌΡΠ»ΡΡΠΈΠΏΠ»Π°ΡΡΠΎΡΠΌΠ΅Π½Π½ΡΠΌ.
Filament — ΡΡΠΎ ΡΡΠ΅Π΄ΡΡΠ²ΠΎ 3D-ΡΠ΅Π½Π΄Π΅ΡΠΈΠ½Π³Π° Π² ΡΠ΅Π°Π»ΡΠ½ΠΎΠΌ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ WebGL Ρ ΠΎΡΠΊΡΡΡΡΠΌ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ, ΡΠΎΠ·Π΄Π°Π½Π½ΠΎΠ΅ Π΄Π»Ρ ΠΠ½ΡΠ΅ΡΠ½Π΅ΡΠ°. ΠΠ½ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ C ++ Ρ Π½Π°ΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅ΠΌ ΡΡΠ°ΡΡ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΠΎΠΉ 3D-ΠΏΠ»Π°ΡΡΠΎΡΠΌΠΎΠΉ. Filament ΡΠ°Π·ΡΠ°Π±Π°ΡΡΠ²Π°Π΅ΡΡΡ ΠΈ Π²ΡΠΏΡΡΠΊΠ°Π΅ΡΡΡ Google Π² ΡΠ°ΠΌΠΊΠ°Ρ ΡΠ²ΠΎΠΈΡ ΠΏΡΠΎΠ΅ΠΊΡΠΎΠ² Ρ ΠΎΡΠΊΡΡΡΡΠΌ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ. Π₯ΠΎΡΡ ΠΎΠ½ Π½Π°ΡΠ΅Π»Π΅Π½ Π½Π° ΠΌΡΠ»ΡΡΠΈΠΏΠ»Π°ΡΡΠΎΡΠΌΠ΅Π½Π½ΠΎΡΡΡ (Android, iOS, Linux, Mac OSX ΠΈ Windows) ΠΈ ΠΎΡΠΈΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΠ΅ ΡΡΡΡΠΎΠΉΡΡΠ²Π°, ΠΎΠ½ ΠΏΠΎΠΊΠ° Π½Π΅ ΠΏΠΎΠΏΡΠ»ΡΡΠ΅Π½ ΡΡΠ΅Π΄ΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ².ΠΡΠΎ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ Π½ΠΎΠ²Π°Ρ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ°, Π½ΠΎ ΡΠΎ Π²ΡΠ΅ΠΌΠ΅Π½Π΅ΠΌ ΠΎΠ½Π° ΠΌΠΎΠΆΠ΅Ρ ΠΏΡΠΈΠ²Π»Π΅ΡΡ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² ΠΈΠ³Ρ.
ΠΠ΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ Filament
ΠΡΠ½ΠΎΠ²Π½ΡΠ΅ ΠΌΠΎΠΌΠ΅Π½ΡΡ
- ΠΠΎΠ±ΠΈΠ»ΡΠ½Π°Ρ Π²Π΅ΡΡΠΈΡ (Android / iOS) Π€ΠΈΠ·ΠΈΠΊΠ° ΠΈ ΡΡΠ΅Ρ ΠΌΠ΅ΡΠ½ΡΠΉ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΉ Π΄Π²ΠΈΠΆΠΎΠΊ WebGL
- ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ Windows, Linux ΠΈ Mac OSX
- Π Π΅Π½Π΄Π΅ΡΠΈΠ½Π³ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΠΎΠ²
- C ++ ΡΠΎΠ·Π΄Π°Π½ Π΄Π»Ρ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΠΎΠΉ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ
4- KickJS: Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΉ ΠΈ ΠΈΠ³ΡΠΎΠ²ΠΎΠΉ Π΄Π²ΠΈΠΆΠΎΠΊ Ρ ΠΎΡΠΊΡΡΡΡΠΌ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ Π΄Π»Ρ ΠΠ½ΡΠ΅ΡΠ½Π΅ΡΠ°
KickJSKickJS — ΡΡΠΎ ΠΈΠ³ΡΠΎΠ²ΠΎΠΉ Π΄Π²ΠΈΠΆΠΎΠΊ WebGL Ρ ΠΎΡΠΊΡΡΡΡΠΌ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ (Π»ΠΈΡΠ΅Π½Π·ΠΈΡ BSD) ΠΈ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° ΡΡΠ΅Ρ ΠΌΠ΅ΡΠ½ΠΎΠΉ Π²Π΅Π±-Π³ΡΠ°ΡΠΈΠΊΠΈ, ΡΠΎΠ·Π΄Π°Π½Π½Π°Ρ Π΄Π»Ρ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ Π²Π΅Π±-Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ². Π£ Π½Π΅Π³ΠΎ ΠΏΡΠΎΡΡΠ°Ρ ΠΊΡΠΈΠ²Π°Ρ ΠΎΠ±ΡΡΠ΅Π½ΠΈΡ Π΄Π»Ρ Π½Π°ΡΠΈΠ½Π°ΡΡΠΈΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ², ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΠΎΠ½ ΠΏΠΎΡΡΠ°Π²Π»ΡΠ΅ΡΡΡ Ρ ΠΎΠ±ΡΠΈΡΠ½ΠΎΠΉ ΠΏΠΎΠ½ΡΡΠ½ΠΎΠΉ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΠ΅ΠΉ, ΡΡΠ΅Π±Π½ΡΠΌΠΈ ΠΏΠΎΡΠΎΠ±ΠΈΡΠΌΠΈ ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΠΌΠΈ ΠΏΡΠΈΠΌΠ΅ΡΠ°ΠΌΠΈ ΠΈΠ³Ρ. ΠΠ°ΠΊ ΠΈΠ³ΡΠΎΠ²ΠΎΠΉ Π΄Π²ΠΈΠΆΠΎΠΊ KickJS ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΠΊΠΎΠ½ΡΡΠΎΠ»Π»Π΅ΡΡ ΠΌΡΡΠΈ, ΠΊΠ»Π°Π²ΠΈΠ°ΡΡΡΡ ΠΈ Π³Π΅ΠΉΠΌΠΏΠ°Π΄Π°. ΠΠ½ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ², Π²ΠΊΠ»ΡΡΠ°Ρ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ ΡΠ΅ΠΉΠ΄Π΅ΡΠΎΠ², ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ ΠΌΠΎΠ΄Π΅Π»ΠΈ, ΡΡΠ΅Π΄ΡΡΠ²ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠΉ ΠΈ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΈΠ³ΡΠΎΠ²ΡΠ΅ ΠΏΡΠΈΠΌΠ΅ΡΡ Ρ ΠΏΠΎΠ½ΡΡΠ½ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ.
KickJS Π½Π° github
ΠΡΠ½ΠΎΠ²Π½ΡΠ΅ ΠΌΠΎΠΌΠ΅Π½ΡΡ
- ΠΠΎΠ΄Π΅Π»ΠΈ Collada DAE ΠΈ Wavefront OBJ
- ΠΡΡΡΠΎΠ΅Π½Π½ΡΠ΅ ΡΠ΅ΠΉΠ΄Π΅ΡΡ
- ΠΠΎΠ΄Π΅Π»Ρ ΠΏΠΎΡΡΠΎΡΠ½ΡΡΠ²Π°
- ΠΡΡΠ΅ΡΠ΅Π½ΠΈΠ΅ ΡΡΠ΅ΡΠ΅Π½Π½ΠΎΠ³ΠΎ Π²ΠΈΠ΄Π°
- ΠΠ°ΡΡΡ ΡΠ΅Π½Π΅ΠΉ
- ΠΡΠ±ΠΎΡ
- Π Π΅Π½Π΄Π΅ΡΠΈΠ½Π³ Π² ΡΠ΅ΠΊΡΡΡΡΡ
- Movie Skybox ΡΠ΅ΠΊΡΡΡΡΠ°
- ΠΠ°ΠΏΡΠ°Π²Π»Π΅Π½Π½ΡΠΉ ΡΠ²Π΅Ρ, ΡΠΎΡΠ΅ΡΠ½ΡΠΉ ΡΠ²Π΅Ρ ΠΈ ΠΎΠΊΡΡΠΆΠ°ΡΡΠΈΠΉ ΡΠ²Π΅Ρ
- ΠΡΠ΅ΡΠ΅Π΄Ρ ΡΠΎΠ±ΡΡΠΈΠΉ
- ΠΠ²ΠΎΠ΄ Ρ ΠΊΠ»Π°Π²ΠΈΠ°ΡΡΡΡ ΠΈ ΠΌΡΡΠΈ
- Π‘Π΅ΡΠΈΠ°Π»ΠΈΠ·Π°ΡΠΈΡ
- ΠΠ±ΡΠ°Π±ΠΎΡΠΊΠ° ΠΏΠΎΡΠ΅ΡΠΈ ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ°
5- ClayGL: Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΌΠ°ΡΡΡΠ°Π±ΠΈΡΡΠ΅ΠΌΡΡ
ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Web3D
ClayGL: ΠΡΠΈΠΌΠ΅ΡΡA WebGL Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠ°Ρ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΌΠ°ΡΡΡΠ°Π±ΠΈΡΡΠ΅ΠΌΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Web3D
ClayGL — ΡΡΠΎ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° ΡΡΠ΅Ρ ΠΌΠ΅ΡΠ½ΠΎΠΉ Π²Π΅Π±-Π³ΡΠ°ΡΠΈΠΊΠΈ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΡΠ΅Ρ ΠΌΠ΅ΡΠ½ΡΡ Π²Π΅Π±-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, ΡΠ°ΠΊΠΈΡ ΠΊΠ°ΠΊ ΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΠΎΠΉ ΡΡΠ΅Ρ ΠΌΠ΅ΡΠ½ΠΎΠΉ ΠΊΠ°ΡΡΡ ΡΠ»ΠΈΡ Π½Π° ΡΠ΅Π°Π»ΡΠ½ΠΎΠΉ Π³Π΅ΠΎΠ³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠΉ ΠΊΠ°ΡΡΠ΅. ClayGL Π΄ΠΎΡΡΡΠΏΠ΅Π½ ΠΊΠ°ΠΊ ΠΏΡΠΎΠ΅ΠΊΡ Ρ ΠΎΡΠΊΡΡΡΡΠΌ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ.
ΠΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ
- ΠΠ΅Π³ΠΊΠΎΠ²Π΅Ρ
- ΠΠ°ΡΡΡΠ°Π±ΠΈΡΠΎΠ²Π°Π½Π½Π°Ρ Π³ΡΠ°ΡΠΈΠΊΠ°
- ΠΠ°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΡΡΡ Π΄Π»Ρ Π²ΡΡΠΎΠΊΠΎΠΊΠ°ΡΠ΅ΡΡΠ²Π΅Π½Π½ΠΎΠΉ Π³ΡΠ°ΡΠΈΠΊΠΈ
- ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΠΌΠ°ΡΡΡΠ°Π±ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅
- Π Π°ΡΡΠΈΡΠ΅Π½Π½ΡΠΉ Π²Π΅Π±-ΠΏΡΠΎΡΠΌΠΎΡΡΡΠΈΠΊ (Clay Viewer)
- ΠΡΠΎΡΡΠΎΡΠ° ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΠΈ ΠΎΠ±ΡΡΠ΅Π½ΠΈΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΡΠΎΡΡΠΎΠΉ ΠΊΡΠΈΠ²ΠΎΠΉ ΠΎΠ±ΡΡΠ΅Π½ΠΈΡ Π΄Π»Ρ Π±ΡΡΡΡΠΎΠ³ΠΎ ΡΡΠ°ΡΡΠ°
- ΠΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ ΠΎΡΠ΅Π½Ρ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΡΠ΅ Π³ΡΠ°ΡΠΈΠΊΠ° Ρ ΠΏΡΠΎΠ΄Π²ΠΈΠ½ΡΡΡΠΌΠΈ ΠΈ Π΄Π΅ΡΠ°Π»ΠΈΠ·ΠΈΡΠΎΠ²Π°Π½Π½ΡΠΌΠΈ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Π°ΠΌΠΈ
- ΠΠΎΠ³Π°ΡΡΠΉ Π½Π°Π±ΠΎΡ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ².
6- PlayCanvas: Π΄Π²ΠΈΠΆΠΎΠΊ Π΄Π»Ρ ΠΈΠ³Ρ ΠΈ ΡΡΠ΅Ρ
ΠΌΠ΅ΡΠ½ΠΎΠΉ Π³ΡΠ°ΡΠΈΠΊΠΈ Π΄Π»Ρ ΠΠ½ΡΠ΅ΡΠ½Π΅ΡΠ°
Π Π΅Π΄Π°ΠΊΡΠΎΡ PlayCanvasPlayCanvas — ΡΡΠΎ Π»Π΅Π³ΠΊΠΈΠΉ ΠΏΠΎΠ»Π½ΠΎΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΉ Π΄Π²ΠΈΠΆΠΎΠΊ Π΄Π»Ρ ΡΡΠ΅Ρ ΠΌΠ΅ΡΠ½ΡΡ Π²Π΅Π±-ΠΈΠ³Ρ ΠΈ Π³ΡΠ°ΡΠΈΠΊΠΈ.ΠΡΠΎ Π»ΡΠ±ΠΈΠΌΡΠΉ ΠΈΠ³ΡΠΎΠ²ΠΎΠΉ Π΄Π²ΠΈΠΆΠΎΠΊ WebGL Π΄Π»Ρ 3D-ΠΈΠ³Ρ ΡΡΠ΅Π΄ΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ². ΠΠ½ ΠΈΠΌΠ΅Π΅Ρ Π²ΠΏΠ΅ΡΠ°ΡΠ»ΡΡΡΠΈΠΉ ΡΠΏΠΈΡΠΎΠΊ ΡΡΠ½ΠΊΡΠΈΠΉ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌ ΠΈΠ³Ρ Π²ΡΠ΅ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΠ΅ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ΅ΡΠ΅Π²ΠΎΠΉ ΠΈΠ³ΡΡ Ρ Π±ΠΎΠ³Π°ΡΠΎΠΉ Π³ΡΠ°ΡΠΈΠΊΠΎΠΉ. PlayCanvas ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ ΠΈΠ³Ρ, Π½Π° ΡΡΠ½ΠΊΠ΅ Π΅ΡΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΡΠΏΠ΅ΡΠ½ΡΡ ΠΈΠ³Ρ. PlayCanvas ΡΠΎΠ·Π΄Π°Π½ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ ΠΈΠ³Ρ, Π½ΠΎ Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ AR (Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½Π½Π°Ρ ΡΠ΅Π°Π»ΡΠ½ΠΎΡΡΡ) ΠΈ VR (Π²ΠΈΡΡΡΠ°Π»ΡΠ½Π°Ρ ΡΠ΅Π°Π»ΡΠ½ΠΎΡΡΡ).
ΠΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ
- Π»Π΅Π³ΠΊΠΈΠΉ
- ΠΡΡΡΡΠ°Ρ Π·Π°Π³ΡΡΠ·ΠΊΠ°
- ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΠΎΠ³ΠΎ Π±ΡΠ°ΡΠ·Π΅ΡΠ°
- ΠΠ΅Π±-Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ
- ΠΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ AR (Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½Π½Π°Ρ ΡΠ΅Π°Π»ΡΠ½ΠΎΡΡΡ) ΠΈ VR (Π²ΠΈΡΡΡΠ°Π»ΡΠ½Π°Ρ ΡΠ΅Π°Π»ΡΠ½ΠΎΡΡΡ)
- GPU Particle Engine Ρ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠΌ
- Π‘ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΉ, ΡΠΎ ΡΠΊΠΈΠ½Π°ΠΌΠΈ ΠΈ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½Π½ΡΠ΅ ΡΠ΅ΡΠΊΠΈ
- ΠΠΎΠ½Π²Π΅ΠΉΠ΅Ρ ΡΠΊΡΠΏΠΎΡΡΠ° ΠΏΠΎΠ»Π½ΠΎΠΉ ΠΌΠΎΠ΄Π΅Π»ΠΈ ΠΈΠ· Maya, 3DS Max, Blender
- ΠΠΎΡΠ½Π°Ρ Π°ΡΠ΄ΠΈΠΎ-Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ°
- ΠΠΎΠ»Π½Π°Ρ ΠΈΠ½ΡΠ΅Π³ΡΠ°ΡΠΈΡ Ρ Π±ΠΎΠ΅ΠΏΡΠΈΠΏΠ°ΡΠ°ΠΌΠΈ 3D-Π΄Π²ΠΈΠΆΠΊΠ° ΡΠ²Π΅ΡΠ΄ΠΎΠ³ΠΎ ΡΠ΅Π»Π°.js
- ΠΠ²ΠΎΠ΄: ΠΌΡΡΡ, ΠΊΠ»Π°Π²ΠΈΠ°ΡΡΡΠ°, ΡΠ΅Π½ΡΠΎΡΠ½ΡΠΉ ΡΠΊΡΠ°Π½, Π³Π΅ΠΉΠΌΠΏΠ°Π΄, VR
- ΠΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ Rich API
- ΠΠ΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ² ΠΈΠ³Ρ Ρ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ
7- WebGLStudio.js & Litescene.js: ΡΠ΅Π΄Π°ΠΊΡΠΎΡ Π²Π΅Π±-3D-Π³ΡΠ°ΡΠΈΠΊΠΈ Ρ ΠΎΡΠΊΡΡΡΡΠΌ ΠΈΡΡ
ΠΎΠ΄Π½ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ, & creator
WebGL Studio EditorΠ‘ΡΠ΅Π΄Π° ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ 3D Π΄Π»Ρ ΠΠ½ΡΠ΅ΡΠ½Π΅ΡΠ°.
Litescene. js — ΡΡΠΎ ΠΏΡΠΎΡΡΠ°Ρ, Π½ΠΎ ΠΌΠΎΡΠ½Π°Ρ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° WebGL, ΠΊΠΎΡΠΎΡΠ°Ρ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠΈΠ²Π°Π΅Ρ ΠΈΠ΅ΡΠ°ΡΡ
ΠΈΡ ΡΠ·Π»ΠΎΠ² Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ². ΠΠ½Π° ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ ΠΏΡΠΎΡΡΠΎΠΉ ΠΊΠΎΠ΄ JSON, ΠΊΠΎΡΠΎΡΡΠΉ Π»Π΅Π³ΠΊΠΎ Π²ΡΡΡΠ°ΠΈΠ²Π°ΡΡ Π² Π²Π΅Π±-ΠΏΡΠΎΠ΅ΠΊΡΡ ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π² WebGLStudio.js editor, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ ΡΠ°ΡΡΠΈΡΠ΅Π½Π½ΡΠΉ Π²Π΅Π±-ΡΠ΅Π΄Π°ΠΊΡΠΎΡ 3D WebGL Ρ ΠΎΡΠΊΡΡΡΡΠΌ ΠΈΡΡ
ΠΎΠ΄Π½ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ. Π‘ ΠΏΠΎΠΌΠΎΡΡΡ WebGLStudio Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΊΡΠΏΠΎΡΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ°ΠΉΠ» JSON, ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠΈΠΉ Π²ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ, ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΅Π³ΠΎ Π² ΡΠ²ΠΎΠ΅ΠΉ LiteScene. Litescene.js ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΡ ΠΌΠΈΠ½ΠΈ-Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ Litegl.js Π΄Π»Ρ Π΄Π΅ΡΠΎΡΠΌΠ°ΡΠΈΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² WebGL, ΡΡΠΎΠ±Ρ ΡΠ΄Π΅Π»Π°ΡΡ Π΅Π³ΠΎ Π±ΠΎΠ»Π΅Π΅ ΡΠ΄ΠΎΠ±Π½ΡΠΌ Π΄Π»Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ, ΡΠΎΠ·Π΄Π°Π² ΠΊΠ»Π°ΡΡΡ Π΄Π»Ρ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠΌΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ, ΡΠ°ΠΊΠΈΠΌΠΈ ΠΊΠ°ΠΊ Buffer, Mesh, Texture, Shader ΠΈ Π΄ΡΡΠ³ΠΈΠΌΠΈ ΠΎΠ±ΡΠΈΠΌΠΈ Π°ΡΠΏΠ΅ΠΊΡΠ°ΠΌΠΈ Π»ΡΠ±ΡΡ
ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ WebGL.
WebGLStudio.js — ΡΡΠΎ ΠΏΠ»Π°ΡΡΠΎΡΠΌΠ° Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΡ 3D-ΡΡΠ΅Π½ ΠΏΡΡΠΌΠΎ ΠΈΠ· Π±ΡΠ°ΡΠ·Π΅ΡΠ°.
ΠΠ½ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ ΡΡΠ΅Π½Ρ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎ, ΠΊΠΎΠ΄ΠΈΡΠΎΠ²Π°ΡΡ ΡΠ²ΠΎΠ΅ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅, ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ΅ΠΉΠ΄Π΅ΡΡ ΠΈ Π²ΡΠ΅ ΡΡΠΎ ΠΏΡΡΠΌΠΎ ΠΈΠ· ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ.
ΠΡΠ½ΠΎΠ²Π½ΡΠ΅ ΠΌΠΎΠΌΠ΅Π½ΡΡ
- ΠΡΠΎΡΡΠ°Ρ ΠΊΡΠΈΠ²Π°Ρ ΠΎΠ±ΡΡΠ΅Π½ΠΈΡ
- ΠΠΎΡΠ½Π°Ρ ΠΎΠ½Π»Π°ΠΉΠ½-ΡΠΈΡΡΠ΅ΠΌΠ°
- ΠΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ½Π°Ρ ΡΠΈΡΡΠ΅ΠΌΠ° ΡΠ·Π»ΠΎΠ²
- Π Π΅Π°Π»ΠΈΡΡΠΈΡΠ½ΡΠΉ ΠΊΠΎΠ½Π²Π΅ΠΉΠ΅Ρ ΡΠ΅Π½Π΄Π΅ΡΠΈΠ½Π³Π°, ΠΎΠ½ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΡΠ΅Π½ΠΈ, ΠΎΡΡΠ°ΠΆΠ΅Π½ΠΈΡ, ΡΠ΅ΠΊΡΡΡΡΡ Π΄Π»Ρ Π²ΡΠ΅Ρ ΡΠ²ΠΎΠΉΡΡΠ² ΠΈ Ρ. Π΄. ΡΠΏΡΠΎΡΠ΅Π½ΠΈΠ΅ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΡΠ²ΠΎΠΉΡΡΠ²Π°ΠΌΠΈ
- ΠΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ ΡΠ΅ΡΡΡΡΠΎΠ² Π΄Π»Ρ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΠΈ Ρ ΡΠ°Π½Π΅Π½ΠΈΡ Π»ΡΠ±ΠΎΠ³ΠΎ Π²ΠΈΠ΄Π° ΡΠ΅ΡΡΡΡΠΎΠ² (ΡΠ΅ΠΊΡΡΡΡΡ, ΡΠ΅ΡΠΊΠΈ ΠΈ Ρ. Π΄.)
- ΠΠ΅ΡΠΎΠ΄Ρ ΡΠ΅ΡΠΈΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ Π΄Π»Ρ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΡ Π»ΡΠ±ΠΎΠΉ ΡΡΠ΅Π½Ρ Π² JSON
- ΠΠ½Π°Π»ΠΈΠ·Π°ΡΠΎΡ Π΄Π»Ρ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½Π΅Π½Π½ΡΡ ΡΠΎΡΠΌΠ°ΡΠΎΠ² ΡΠ°ΠΉΠ»ΠΎΠ²
- ΠΠ΅Π³ΠΊΠΎ Π²ΡΡΡΠ°ΠΈΠ²Π°Π΅ΡΡΡ
8- Luma: 3D-Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ WebGL ΠΎΡ Uber
Kepler.glLuma — ΡΡΠΎ Π²ΡΡΠΎΠΊΠΎΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ WebGL2 Ρ ΠΎΡΠΊΡΡΡΡΠΌ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ Π΄Π»Ρ Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ ΠΈ Π²ΡΡΠΈΡΠ»Π΅Π½ΠΈΠΉ Π΄Π°Π½Π½ΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΠ°. ΠΠ½ ΠΏΡΠ±Π»ΠΈΠΊΡΠ΅ΡΡΡ ΠΈ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ Uber ΠΊΠ°ΠΊ ΠΏΡΠΎΠ΅ΠΊΡ Ρ ΠΎΡΠΊΡΡΡΡΠΌ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ. ΠΎΠ½ ΠΏΠΎΡΡΠΎΡΠ½Π½ΠΎ ΠΎΠ±Π½ΠΎΠ²Π»ΡΠ΅ΡΡΡ. ΠΠ½ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΡΠ΄ΡΠ° WebGL Π΄Π»Ρ Π΄Π²ΡΡ ΡΡΠ΅Π΄:
- Kepler.gl — ΡΡΠΎ Π²ΡΡΠΎΠΊΠΎΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΠ΅ Π²Π΅Π±-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, Π½Π΅ Π·Π°Π²ΠΈΡΡΡΠ΅Π΅ ΠΎΡ Π΄Π°Π½Π½ΡΡ , Π΄Π»Ρ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΈΡ ΠΊΡΡΠΏΠ½ΠΎΠΌΠ°ΡΡΡΠ°Π±Π½ΡΡ Π½Π°Π±ΠΎΡΠΎΠ² Π΄Π°Π½Π½ΡΡ Π³Π΅ΠΎΠ»ΠΎΠΊΠ°ΡΠΈΠΈ.
- Deck.gl Π‘Π»ΠΎΠΈ Π³Π΅ΠΎΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π΅Π½Π½ΠΎΠΉ Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ Π½Π° Π±Π°Π·Π΅ WebGL2
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΡΠΎΠ²Π΅ΡΠΈΡΡ Π΄ΡΡΠ³ΠΈΠ΅ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ Ρ ΠΎΡΠΊΡΡΡΡΠΌ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ Uber ΠΏΠΎ Π°Π΄ΡΠ΅ΡΡ https: // vis. gl /.
ΠΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ
- ΠΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡ Π΄Π»Ρ Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ Π³Π΅ΠΎΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π΅Π½Π½ΡΡ Π΄Π°Π½Π½ΡΡ (Π±ΠΎΠ»ΡΡΠΈΠ΅ Π½Π°Π±ΠΎΡΡ Π΄Π°Π½Π½ΡΡ )
9-A-Frame — ΡΡΠΎ Π²Π΅Π±-ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΎΠΏΡΡΠ° Π²ΠΈΡΡΡΠ°Π»ΡΠ½ΠΎΠΉ ΡΠ΅Π°Π»ΡΠ½ΠΎΡΡΠΈ (VR)
A-FrameA-Frame — ΡΡΠΎ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊ WebGL Ρ ΠΎΡΠΊΡΡΡΡΠΌ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Π²ΠΈΡΡΡΠ°Π»ΡΠ½ΠΎΠΉ ΡΠ΅Π°Π»ΡΠ½ΠΎΡΡΠΈ (VR). ΠΠ³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ Π²Π΅Π΄ΡΡΠΈΠ΅ ΠΌΠΈΡΠΎΠ²ΡΠ΅ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Disney, Google, Mozilla, NASA, Samsung, Sony ΠΈ Toyota. ΠΠ³ΠΎ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ Π»Π΅Π³ΠΊΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ, ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΠΎΠ½ ΡΠ°ΠΊΠΆΠ΅ ΡΡΠ΅Π±ΡΠ΅Ρ Π»Π΅Π³ΠΊΠΎΠ³ΠΎ ΠΎΠ±ΡΡΠ΅Π½ΠΈΡ Π΄Π»Ρ ΠΎΠΏΡΡΠ½ΡΡ ΠΈ Π½ΠΎΠ²ΠΈΡΠΊΠΎΠ².A-Frame ΠΏΠ»Π°Π²Π½ΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π½Π° Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΠΏΠ»Π°ΡΡΠΎΡΠΌΠ°Ρ VR, ΡΠ°ΠΊΠΈΡ ΠΊΠ°ΠΊ Vive, Rift, Π½Π° Π½Π°ΡΡΠΎΠ»ΡΠ½ΡΡ ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠ°Ρ Ρ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠΌΠΈ Π±ΡΠ°ΡΠ·Π΅ΡΠ°ΠΌΠΈ, ΡΠ°ΠΊΠΈΠΌΠΈ ΠΊΠ°ΠΊ Mozilla Firefox ΠΈ Google Chrome, Π° ΡΠ°ΠΊΠΆΠ΅ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΡΠ΅Π»Π΅ΡΠΎΠ½Π°Ρ Ρ ΠΏΠ»Π°Π²Π½ΠΎΠΉ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΡΡ.
ΠΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ
- Π‘ΠΎΠ·Π΄Π°Π½ΠΎ Π΄Π»Ρ Π²ΠΈΡΡΡΠ°Π»ΡΠ½ΠΎΠΉ ΡΠ΅Π°Π»ΡΠ½ΠΎΡΡΠΈ (VR) ΠΈ ΡΠΌΠ΅ΡΠ°Π½Π½ΠΎΠΉ ΡΠ΅Π°Π»ΡΠ½ΠΎΡΡΠΈ (MR)
- Π₯ΠΎΡΠΎΡΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π² Mozilla Firefox ΠΈ Google Chrome
- Π Π°Π±ΠΎΡΠ°Π΅Ρ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΡΡΡΡΠΎΠΉΡΡΠ²Π°Ρ
- Π Π°Π±ΠΎΡΠ°Π΅Ρ ΡΠΎ ΠΌΠ½ΠΎΠ³ΠΈΠΌΠΈ ΠΏΠ»Π°ΡΡΠΎΡΠΌΠ°ΠΌΠΈ VR
- ΠΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΠΊΡΡΠΏΠ½ΡΠΌΠΈ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΡΠΌΠΈ ΠΈ Π±ΡΠ΅Π½Π΄Ρ Π² ΡΠ²ΠΎΠΈΡ ΠΏΡΠΎΠ΅ΠΊΡΠ°Ρ VR / MR
10- X3DOM: ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΈ Π²ΡΡΡΠ°ΠΈΠ²Π°Π½ΠΈΠ΅ 3D-ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π² Π»ΡΠ±ΠΎΠΉ Π²Π΅Π±-ΠΏΡΠΎΠ΅ΠΊΡ
X3DOM Liver Browser
X3DOM — ΡΡΠΎ ΡΡΠ΅Π΄Π° WebGL Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π²ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΠΎΠΉ 3D-Π³ΡΠ°ΡΠΈΠΊΠΈ Π΄Π»Ρ Π²Π΅Π±-ΡΠ°ΠΉΡΠΎΠ² ΠΈ Π²Π΅Π±-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ . ΠΠ½ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ ΠΏΡΠΎΡΡΠΎΠΉ ΠΊΠΎΠ΄ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π² Π»ΡΠ±ΡΠ΅ ΠΏΡΠΎΠ΅ΠΊΡΡ HTML5.
X3DOM ΠΠ΅Π³ΠΊΠΎ ΠΈΠ½ΡΠ΅Π³ΡΠΈΡΡΠ΅Ρ 3D-ΠΊΠΎΠ½ΡΠ΅Π½Ρ Π² Π²Π°ΡΡ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ — ΡΡΠ΅Π½Π° Π·Π°ΠΏΠΈΡΡΠ²Π°Π΅ΡΡΡ Π½Π΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ Π² ΡΠ°Π·ΠΌΠ΅ΡΠΊΡ HTML. ΠΠ»Π°Π³ΠΈΠ½Ρ Π½Π΅ Π½ΡΠΆΠ½Ρ. ΠΡΠΎΡΡΠΎ Π²ΠΊΠ»ΡΡΠΈΡΠ΅ ΡΠ°ΠΉΠ» javascript. ΠΠ΅ΡΠΏΠ»Π°ΡΠ½ΠΎ Π΄Π»Ρ Π½Π΅ΠΊΠΎΠΌΠΌΠ΅ΡΡΠ΅ΡΠΊΠΈΡ ΠΈ ΠΊΠΎΠΌΠΌΠ΅ΡΡΠ΅ΡΠΊΠΈΡ ΡΠ΅Π»Π΅ΠΉ.
ΠΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ
- ΠΡΠΎΡΡΠΎΡΠ° ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ
- ΠΠΎΡΠΎΠ²Π½ΠΎΡΡΡ ΠΊ Π²ΡΡΡΠ°ΠΈΠ²Π°Π½ΠΈΡ Π² Π»ΡΠ±ΡΠ΅ ΠΏΡΠΎΠ΅ΠΊΡΡ HTML
- ΠΡΠΎΡΡΠΎΠΉ Π²ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΡΠΉ ΠΊΠΎΠ΄
- Π Π°Π±ΠΎΡΠ°Π΅Ρ Π²ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ , Π²ΠΊΠ»ΡΡΠ°Ρ ΡΡΡΠ°ΡΠ΅Π²ΡΠΈΠ΅ IE ΠΈ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Google Chrome, Firefox, Safari
- ΠΠ»Π°Π²Π½ΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π² ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ : Safari IiOS), Google Chrome ΠΈ Mozilla Firefox
- ΠΠΎΠΆΠ΅Ρ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π½Π° ΡΠ΅ΡΠ²Π΅ΡΠ΅ Python ΠΈΠ»ΠΈ IIS Windows Server
11- Grimoire.js: ΠΈΠ½ΡΡΠ°ΡΡΡΡΠΊΡΡΡΠ° WebGL Π΄Π»Ρ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ
Grimoire.js — ΡΡΠΎ ΡΡΠ΅Π΄Π° WebGL Ρ ΠΎΡΠΊΡΡΡΡΠΌ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΡΠ΅Ρ ΠΌΠ΅ΡΠ½ΡΡ Π²Π΅Π±-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, ΡΠ΅Π»Ρ ΠΊΠΎΡΠΎΡΠΎΠΉ — ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠΈΡΡ ΠΌΠΎΡΡ ΠΌΠ΅ΠΆΠ΄Ρ Π²Π΅Π±-ΠΈΠ½ΠΆΠ΅Π½Π΅ΡΠ°ΠΌΠΈ ΠΈ ΠΈΠ½ΠΆΠ΅Π½Π΅ΡΠ°ΠΌΠΈ ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠ½ΠΎΠΉ Π³ΡΠ°ΡΠΈΠΊΠΈ.
ΠΡΠ½ΠΎΠ²Π½ΡΠ΅ ΠΌΠΎΠΌΠ΅Π½ΡΡ
- HTML-ΠΏΠΎΠ΄ΠΎΠ±Π½Π°Ρ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠ°
- API-ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ ΡΠ°Π±ΠΎΡΡ Ρ DOM
- ΠΠ° ΠΎΡΠ½ΠΎΠ²Π΅ ΠΌΠ°ΡΠΈΠ½ΠΎΠΏΠΈΡΠ½ΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠ°
- ΠΠΎΡΠΎΠ²Π½ΠΎΡΡΡ ΠΊ ΡΠΎΠ±ΡΡΠΈΡΠΌ ΠΈ ΡΠΈΠΊΠ»Π°ΠΌ
- ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° jQuery
- ΠΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠ΅ ΡΠΎΠ±ΡΡΠΈΡ
- Π₯ΠΎΡΠΎΡΠΎ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½Ρ
13- PixiJS — ΠΠ΅Ρ
Π°Π½ΠΈΠ·ΠΌ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ HTML5
PixiJSΠΠ΅Ρ Π°Π½ΠΈΠ·ΠΌ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ HTML5: ΡΠΎΠ·Π΄Π°Π²Π°ΠΉΡΠ΅ ΠΊΡΠ°ΡΠΈΠ²ΡΠΉ ΡΠΈΡΡΠΎΠ²ΠΎΠΉ ΠΊΠΎΠ½ΡΠ΅Π½Ρ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ°ΠΌΠΎΠ³ΠΎ Π±ΡΡΡΡΠΎΠ³ΠΎ ΠΈ Π³ΠΈΠ±ΠΊΠΎΠ³ΠΎ ΡΡΠ΅Π΄ΡΡΠ²Π° Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ 2D WebGL.
PixiJS — ΡΡΠΎ Π΄Π²ΠΈΠΆΠΎΠΊ Π²Π΅Π±-Π³ΡΠ°ΡΠΈΠΊΠΈ 2D / 3D, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠΏΡΠΎΡΠ°Π΅Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΏΠΎΡΡΡΡΠ°ΡΡΠΈΡ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΡ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Π΄Π»Ρ ΠΠ½ΡΠ΅ΡΠ½Π΅ΡΠ°. ΠΡΠΎ ΠΌΠΎΠ΄ΡΠ»ΡΠ½ΡΠΉ Π΄Π²ΠΈΠΆΠΎΠΊ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΌΠΎΠΆΠ½ΠΎ Π»Π΅Π³ΠΊΠΎ ΡΠ°ΡΡΠΈΡΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ². ΠΠ½ ΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΠΎΡΡΡΡ ΡΡΠ΅Π΄ΠΈ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ², ΡΠΎΠ·Π΄Π°ΡΠ΅Π»Π΅ΠΉ 2D-ΠΈΠ³Ρ ΠΈ ΠΊΡΡΠΏΠ½ΡΡ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΉ, ΡΠ°ΠΊΠΈΡ ΠΊΠ°ΠΊ Google, BBC, Volkswagen, HBO, Adobe ΠΈ Disney. ΠΡΡΡΠ΅ Π²ΡΠ΅Π³ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΠ΅ ΡΠ»ΠΎΠΆΠ½ΡΠ΅ 2D-Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ, 2D-ΠΈΠ³ΡΡ ΠΈ Π²ΠΈΡΡΠΈΠ½Ρ ΠΏΡΠΎΠ΄ΡΠΊΡΠΎΠ².
ΠΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ
- ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΡΡΡΡΠΎΠΉΡΡΠ²
- ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ ΠΈ ΡΡΡΠ°ΡΠ΅Π²ΡΠΈΡ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ²
- ΠΠ΅Π³ΠΊΠΎΠ²Π΅ΡΠ½ΠΎΡΡΡ
- ΠΡΡΡΡΠ°Ρ
- ΠΠΠΠΠΠ ΠΠΠ ΠΠΠΠΠΠΠΠΠ’Π€ΠΠ ΠΠ«
- ΠΡΠΎΡΡΠΎΠΉ ΠΈ Π»Π΅Π³ΠΊΠΈΠΉ Π² ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ API
- ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΠΌΡΠ»ΡΡΠΈΡΠ°Ρ
- Π Π΅Π½Π΄Π΅ΡΠΈΠ½Π³ ΡΠ΅ΠΊΡΡΠ°
- Π€ΠΈΠ»ΡΡΡΡ WebGL ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ
14- SceneJS
SceneJS: Π΄Π²ΠΈΠΆΠΎΠΊ Bio Digital HumanSceneJS — ΡΡΠΎ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΉ Π΄Π²ΠΈΠΆΠΎΠΊ Ρ ΠΎΡΠΊΡΡΡΡΠΌ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ (ΠΏΡΠ΅ΠΊΡΠ°ΡΠ΅Π½) Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ WebGL Π΄Π»Ρ Π²ΡΡΠΎΠΊΠΎΠ΄Π΅ΡΠ°Π»ΡΠ½ΠΎΠΉ 3D-Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ. ΠΡΠΎ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΉ Π΄Π²ΠΈΠΆΠΎΠΊ, Π±Π»Π°Π³ΠΎΠ΄Π°ΡΡ ΠΊΠΎΡΠΎΡΠΎΠΌΡ ΠΏΡΠΎΠ΅ΠΊΡ Bio Digital Human ΡΠ°Π±ΠΎΡΠ°Π΅Ρ. Π₯ΠΎΡΡ ΠΏΡΠΎΠ΅ΠΊΡ ΠΏΡΠ΅ΠΊΡΠ°ΡΠ΅Π½, Π° BioDigitalHuman ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ ΡΠΈΠ»ΡΠ½ΠΎ ΠΌΠΎΠ΄ΠΈΡΠΈΡΠΈΡΠΎΠ²Π°Π½Π½ΡΡ Π²Π΅ΡΡΠΈΡ (Π½Π΅ Ρ ΠΎΡΠΊΡΡΡΡΠΌ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ), ΡΡΠ°ΡΡΠΉ ΡΠ΅ΠΏΠΎΠ·ΠΈΡΠΎΡΠΈΠΉ Π±ΡΠ» Π·Π°Π°ΡΡ ΠΈΠ²ΠΈΡΠΎΠ²Π°Π½ Π΄Π»Ρ ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΡΡ ΡΠ΅Π»Π΅ΠΉ WebGL. ΠΠΎΠΌΠ°Π½Π΄Π° SceneJS Π²ΡΠΏΡΡΡΠΈΠ»Π° Π½ΠΎΠ²ΡΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ Π² Π²ΠΈΠ΄Π΅ Π³ΠΎΡΠΎΠ²ΠΎΠΉ ΠΊ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΡΡΠ²Ρ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ XeoGL.
15- XeoGL: ΠΡΠ΅Π΅ΠΌΠ½ΠΈΠΊ SceneJS
ΠΠ±ΡΠ°Π·Π΅Ρ XeoGL
ΠΡΠ΅Π΅ΠΌΠ½ΠΈΠΊ SceneJS XeoGL Π²ΡΠΏΡΡΠ΅Π½ ΠΎΠ΄Π½ΠΈΠΌ ΠΈ ΡΠ΅ΠΌ ΠΆΠ΅ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠΌ (-Π°ΠΌΠΈ). ΠΡΠΎ ΡΠΏΡΠ°Π²Π»ΡΠ΅ΠΌΡΠΉ Π΄Π°Π½Π½ΡΠΌΠΈ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΉ Π΄Π²ΠΈΠΆΠΎΠΊ WebGL, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΡΡΠ°Π²Π»ΡΠ΅ΡΡΡ Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΠΌΠΈ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ°ΠΌΠΈ, ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½Π½ΡΠΌΠΈ Π΄Π»Ρ ΡΠΏΡΠΎΡΠ΅Π½ΠΈΡ ΠΈΠ½ΡΠ΅Π³ΡΠ°ΡΠΈΠΈ CAD / 3D Π² Π²Π΅Π±-ΠΏΡΠΎΠ΅ΠΊΡΡ.ΠΠ³ΠΎ ΡΠ΅Π»Ρ — ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²ΠΈΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ»ΠΎΠΆΠ½ΠΎΠΉ ΡΡΠ΅Ρ
ΠΌΠ΅ΡΠ½ΠΎΠΉ Π³ΡΠ°ΡΠΈΠΊΠΈ WebGL, ΠΊΠΎΡΠΎΡΠ°Ρ Π±Π΅Π· ΠΏΡΠΎΠ±Π»Π΅ΠΌ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π² ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ
Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ
.
Π€ΡΠ½ΠΊΡΠΈΠΈ
- ΠΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ WebGL Π΄Π»Ρ ΡΠ΅Π½Π΄Π΅ΡΠΈΠ½Π³Π°.
- ΠΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ½ΡΠΉ Π³ΡΠ°Ρ ΡΡΠ΅Π½Ρ
- ΠΠ°ΠΏΠΈΡΠ°Π½ Π½Π° ECMAScript 6
- ΠΠ΅Ρ Π²Π½Π΅ΡΠ½ΠΈΡ Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠ΅ΠΉ; Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° ΠΈ Π½Π΅Π·Π°Π²ΠΈΡΠΈΠΌΡΠ΅ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ
- ΠΡΠΊΡΡΡΡΠΉ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΉ ΠΊΠΎΠ΄ (MIT).
- ΠΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½ Π΄Π»Ρ CAD, BIM ΠΈ ArchViz:
- ΠΠ°Π³ΡΡΠ·ΠΊΠ° Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΠΌΠΎΠ΄Π΅Π»Π΅ΠΉ
- ΠΡΠ΄Π΅Π»Π΅Π½ΠΈΠ΅ / ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅ / Π²ΡΠ΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΎΠ±ΡΠ΅ΠΊΡΠΎΠ²
- ΠΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠ΅ΠΉ ΠΊΠ°ΠΌΠ΅ΡΡ
- ΠΠ½ΠΈΠΌΠ°ΡΠΈΡ ΠΊΠ°ΠΌΠ΅ΡΡ (ΠΏΠΎΠ»Π΅Ρ, ΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΈΠ΅, ΠΏΡΡΡ ΠΈ Ρ. Π.)
- ΠΡΡΠ΅ΠΊΡΡ Π²ΡΠ΄Π΅Π»Π΅Π½ΠΈΡ (ΠΊΠ°ΡΠΊΠ°Ρ, ΠΏΡΠΈΠ·ΡΠ°ΠΊ, Π²ΡΠ΄Π΅Π»Π΅Π½ΠΈΠ΅ , ΠΊΠΎΠ½ΡΡΡ)
- ΠΠ½Π½ΠΎΡΠ°ΡΠΈΠΈ
- ΠΠΈΠ΄Ρ ΠΏΠΎΠΏΠ΅ΡΠ΅ΡΠ½ΠΎΠ³ΠΎ ΡΠ΅ΡΠ΅Π½ΠΈΡ
- ΠΠ΅ΡΠ°ΡΡ ΠΈΠΈ ΠΎΠ±ΡΠ΅ΠΊΡΠΎΠ² ΡΡΠ΅Π½Ρ
- ΠΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°ΡΡ ΠΈΠ΅ΡΠ°ΡΡ ΠΈΠΈ
- ΠΠ³ΡΠ°Π½ΠΈΡΠΈΠ²Π°ΡΡΠΈΠ΅ ΠΎΠ±ΡΠ΅ΠΌΡ
- 3D-Π²ΡΠ±ΠΎΡΠΊΠ°, Π»ΡΡΠΊΠ°ΡΡΠΈΠ½Π³
- ΠΠ°Ρ Π²Π°Ρ ΡΠΊΡΠ°Π½Π°
- ΠΠΌΠΏΠΎΡΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΡΠΎΡΠΌΠ°ΡΡ:
- glTF, STL, OBJ + MTL ΠΈ SceneJS
- ΠΠ°ΡΠ΅ΡΠΈΠ°Π»Ρ
- PBR (ΠΌΠ΅ΡΠ°Π»Π» / Π³ΡΡΠ±Π°Ρ ΠΈ Π·Π΅ΡΠΊΠ°Π»ΡΠ½Π°Ρ / Π³Π»ΡΠ½ΡΠ΅Π²Π°Ρ)
- ΠΠ»ΠΈΠ½Π½ / Π€ΠΎΠ½Π³ ΠΈ ΠΠ°ΠΌΠ±Π΅ΡΡ
16- CurtainsJS: JavaScript ΠΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ WebGL
CurtainsJS ShowcaseCurtainsJS — ΡΡΠΎ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° WebGL Ρ ΠΎΡΠΊΡΡΡΡΠΌ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ, ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½Π½Π°Ρ Π΄Π»Ρ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΠ½ΠΈΠΌΠ°ΡΠΈΡ Π΄Π»Ρ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ WebGL.ΠΡΠΎ Π½Π΅ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΉ Π΄Π²ΠΈΠΆΠΎΠΊ ΠΈ Π½Π΅ ΠΈΠ³ΡΠΎΠ²ΠΎΠΉ Π΄Π²ΠΈΠΆΠΎΠΊ, Π° ΡΠΊΠΎΡΠ΅Π΅ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠ°Ρ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ 3D-Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ ΠΈ ΡΠΎΠ±ΡΡΠΈΠΉ. ΠΠ½ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΡΠ΅Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ HTML Π² ΡΡΠ΅Ρ ΠΌΠ΅ΡΠ½ΡΠ΅ Π°Π½ΠΈΠΌΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΠΎΠ±ΡΠ΅ΠΊΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ ΡΠ΅Π½Π΄Π΅ΡΠΈΠ½Π³Π° WebGL.
ΠΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ
- ΠΠ΅Π³ΠΊΠΈΠ΅ ΠΌΠΈΠ½ΠΈΡΠΈΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ 34 ΠΠ
- HTML-ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π² ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΠ΅ 3D-ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ
- ΠΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Ajax
- ΠΡΠΎΡΡΠΎΡΠ° ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Π΄Π»Ρ ΠΎΠΏΡΡΠ½ΡΡ ΠΈ Π½Π°ΡΠΈΠ½Π°ΡΡΠΈΡ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ²
17- PhiloGL
PhiloGL Π² Π΄Π΅ΠΉΡΡΠ²ΠΈΠΈΠ€ΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊ WebGL Π΄Π»Ρ Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ Π΄Π°Π½Π½ΡΡ , ΡΠ²ΠΎΡΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΠΊΠΎΠ΄ΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΈΠ³Ρ
PhiloGL — ΡΡΠΎ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊ WebGL Javascript Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΡ
ΡΡΠ΅Ρ
ΠΌΠ΅ΡΠ½ΡΡ
ΡΠ»ΠΎΠΆΠ½ΡΡ
Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΡ
ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Π΄Π»Ρ Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ Π΄Π°Π½Π½ΡΡ
, ΡΠ²ΠΎΡΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΠΊΠΎΠ΄ΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΈΠ³Ρ.ΠΠ³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Ρ Π΄ΡΡΠ³ΠΈΠΌΠΈ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ°ΠΌΠΈ, ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΠΎΠ½ Π½Π΅ Π·Π°Π²ΠΈΡΠΈΡ ΠΎΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ. ΠΡΠΎ ΠΏΡΠΎΠ΅ΠΊΡ Ρ ΠΎΡΠΊΡΡΡΡΠΌ ΠΈΡΡ
ΠΎΠ΄Π½ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ, Π²ΡΠΏΡΡΠ΅Π½Π½ΡΠΉ SenchaLabs ΠΏΠΎ Π»ΠΈΡΠ΅Π½Π·ΠΈΠΈ MIT. Π Π½Π΅ΠΌ Π΅ΡΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π²ΠΏΠ΅ΡΠ°ΡΠ»ΡΡΡΠΈΡ
Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΠΎΠ½Π½ΡΡ
ΠΏΡΠΎΠ΅ΠΊΡΠΎΠ² http://www.senchalabs.org/philogl/demos.html Ρ ΡΡΠ΅Π±Π½ΡΠΌΠΈ ΠΏΠΎΡΠΎΠ±ΠΈΡΠΌΠΈ ΠΈ ΠΏΡΠΈΠΌΠ΅ΡΠ°ΠΌΠΈ ΠΊΠΎΠ΄Π°, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠΌΠΎΠ³ΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌ ΠΏΠΎΠ½ΡΡΡ Π΅Π³ΠΎ ΠΊΠΎΠ½ΡΠ΅ΠΏΡΠΈΡ.
ΠΠΎΠ»ΡΡΠ΅ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΎΠ² WebGL
- Xeokit — WebGL SDK Π΄Π»Ρ BIM ΠΈ ΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ
- ΠΠ΅Π±-ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊ WhiteStormJS 3D (Π΄Π²ΠΈΠΆΠΎΠΊ)
- PicoGL: ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡΠ½Π°Ρ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° ΡΠ΅Π½Π΄Π΅ΡΠΈΠ½Π³Π° WebGL 2
ΠΠ΅ ΡΡΠ΅ΡΠ½ΡΠΉΡΠ΅ΡΡ ΠΎΠ±ΡΠ°ΡΠ°ΡΡΡΡ ΠΊ Π½Π°ΠΌ, ΡΡΠΎΠ±Ρ ΠΏΠΎΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΠΎΠ²Π°ΡΡ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π±ΠΎΠ»ΡΡΠ΅ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ / ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΈ Π² ΡΡΠΎΡ ΡΠΏΠΈΡΠΎΠΊ.
ΠΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΡ
- 11 ΠΈΡΠ»Ρ 2019 Π³ .: ΠΠΎΠ±Π°Π²Π»Π΅Π½ΠΎ 3 ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠ° WebGL: Π‘ΠΏΠ°ΡΠΈΠ±ΠΎ Π·Π° ΠΠΈΠ½Π΄ΡΠΈ ΠΠ΅ΠΉ @Xeolabs
15 ΠΏΡΠΎΠ΅ΠΊΡΠΎΠ² ΠΌΠ΅Π΄ΠΈΡΠΈΠ½ΡΠΊΠΎΠΉ Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ WebGL
WebGL — ΡΡΠΎ Π½ΠΎΠ²Π°Ρ Π²Π΅Π±-ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΡ, ΠΎΠ½Π° ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π² Π½Π°ΡΡΠΎΡΡΠ΅Π΅ Π²ΡΠ΅ΠΌΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΈΠ³Ρ. ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½Π°Ρ 3D-Π²ΠΈΡΡΠΈΠ½Π° ΠΏΡΠΎΠ΄ΡΠΊΡΠΎΠ², ΠΌΠ΅Π΄ΠΈΡΠΈΠ½ΡΠΊΠΈΠ΅ ΠΈ Π½Π°ΡΡΠ½ΡΠ΅ Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ, Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΡ Π³Π΅ΠΎΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π΅Π½Π½ΡΡ Π΄Π°Π½Π½ΡΡ . ΠΡΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΎΠ², Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊ ΠΈ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΡ / ΠΈΠ³ΡΠΎΠ²ΡΡ Π΄Π²ΠΈΠΆΠΊΠΎΠ². [/ 16-webgl-opensource-frameworks /] Π΄Π»Ρ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈβ¦
ΠΠ³ΡΠ°ΡΡ Π² Π·ΠΌΠ΅ΠΉΠΊΡ ΠΎΠ½Π»Π°ΠΉΠ½ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎ
ΠΠΎΠ±ΡΠΎ ΠΏΠΎΠΆΠ°Π»ΠΎΠ²Π°ΡΡ Π² Π³ΡΠ»ΠΏΠ΅Ρ.io, ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎΠ΅ ΡΠΎΡΠ΅ΡΠ°Π½ΠΈΠ΅ ΠΊΠ»Π°ΡΡΠΈΡΠ΅ΡΠΊΠΎΠΉ Π·ΠΌΠ΅ΠΉΠΊΠΈ ΠΈ ΠΈΠ³Ρ Tron lightcycles, Π½ΠΎ Π½Π° ΡΡΠΎΡ ΡΠ°Π· ΠΏΡΠΎΡΠΈΠ² Π½Π°ΡΡΠΎΡΡΠΈΡ ΠΈΠ³ΡΠΎΠΊΠΎΠ². ΠΠ½ Π·Π°ΠΏΡΡΠΊΠ°Π΅ΡΡΡ ΠΏΡΡΠΌΠΎ Π² Π²Π°ΡΠ΅ΠΌ Π±ΡΠ°ΡΠ·Π΅ΡΠ΅, ΠΏΠΎΡΡΠΎΠΌΡ Π²Π°ΠΌ Π½Π΅ Π½ΡΠΆΠ½ΠΎ Π½ΠΈΡΠ΅Π³ΠΎ ΡΠΊΠ°ΡΠΈΠ²Π°ΡΡ — ΠΏΡΠΎΡΡΠΎ Π²Π²Π΅Π΄ΠΈΡΠ΅ ΡΠ²ΠΎΠΉ Π½ΠΈΠΊ ΠΈ ΠΈΠ³ΡΠ°ΠΉΡΠ΅! Π ΡΡΠΎΠΉ ΠΈΠ³ΡΠ΅ Π²Ρ ΡΠΏΡΠ°Π²Π»ΡΠ΅ΡΠ΅ ΡΠΊΠΎΠ»ΡΠ·ΡΡΠ΅ΠΉ Π·ΠΌΠ΅Π΅ΠΉ, ΠΈΠ»ΠΈ ΡΠ΅ΡΠ²ΡΠΊΠΎΠΌ, ΠΈΠ»ΠΈ ΠΊΠ°ΠΊ Π²Ρ ΡΡΠΎ Π½Π°Π·ΡΠ²Π°Π΅ΡΠ΅; ΠΠ°ΡΠ° ΡΠ΅Π»Ρ — ΡΠΎΠ±ΡΠ°ΡΡ ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ Π±ΠΎΠ»ΡΡΠ΅ ΡΠ½Π΅ΡΠ³ΠΈΠΈ ΠΈ Π½Π΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡ Π΄ΡΡΠ³ΠΈΠΌ Π²Π°Ρ ΠΎΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°ΡΡ! ΠΠ·Π±Π΅Π³Π°ΠΉΡΠ΅ ΡΡΠΎΠ»ΠΊΠ½ΠΎΠ²Π΅Π½ΠΈΠΉ, Π±ΡΠ΄ΡΡΠ΅ ΡΠΌΠ½Ρ ΡΠΎ ΡΠ²ΠΎΠ΅ΠΉ ΡΡΡΠ°ΡΠ΅Π³ΠΈΠ΅ΠΉ, ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΡΠΉΡΠ΅ΡΡ Ρ Π΄ΡΡΠ³ΠΈΠΌΠΈ ΠΈΠ³ΡΠΎΠΊΠ°ΠΌΠΈ ΠΈ ΠΏΡΠΎΠ±Π΅ΠΉΡΠ΅ΡΡ ΠΊ Π²Π΅ΡΡΠΈΠ½Π΅ Π³Π»ΠΎΠ±Π°Π»ΡΠ½ΠΎΠΉ ΡΠ°Π±Π»ΠΈΡΡ Π»ΠΈΠ΄Π΅ΡΠΎΠ²!ΠΠ°ΠΊ ΠΈΠ³ΡΠ°ΡΡ
ΠΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅: ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΡΠΈΡΠ΅ ΠΌΡΡΡ, ΡΡΠΎΠ±Ρ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ Π½Π°ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΡ, ΠΈ ΡΠ΄Π΅ΡΠΆΠΈΠ²Π°ΠΉΡΠ΅ Π»Π΅Π²ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ ΠΌΡΡΠΈ ΠΈΠ»ΠΈ ΠΊΠ»Π°Π²ΠΈΡΡ ΠΏΡΠΎΠ±Π΅Π»Π°, ΡΡΠΎΠ±Ρ ΡΠ²Π΅Π»ΠΈΡΠΈΡΡ ΡΠΊΠΎΡΠΎΡΡΡ.ΠΠΎ ΠΌΠ΅ΡΠ΅ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Ρ ΡΡΠΊΠΎΡΡΠ΅ΡΠ΅ΡΡ, Π²Π°ΡΠ° Π΄Π»ΠΈΠ½Π° ΠΏΠΎΡΡΠ΅ΠΏΠ΅Π½Π½ΠΎ ΡΠΌΠ΅Π½ΡΡΠ°Π΅ΡΡΡ, ΠΊΠ°ΠΊ ΠΈ Π²Π°Ρ ΡΡΠ΅Ρ.ΠΠ³ΡΠ° ΡΠ°ΠΊΠΆΠ΅ Π°Π΄Π°ΠΏΡΠΈΡΠΎΠ²Π°Π½Π° Π΄Π»Ρ ΠΈΠ³ΡΡ Π½Π° ΡΡΡΡΠΎΠΉΡΡΠ²Π°Ρ Ρ ΡΠ΅Π½ΡΠΎΡΠ½ΡΠΌ ΡΠΊΡΠ°Π½ΠΎΠΌ: ΠΏΡΠΎΠ²Π΅Π΄ΠΈΡΠ΅ ΠΏΠ°Π»ΡΡΠ΅ΠΌ, ΡΡΠΎΠ±Ρ ΠΏΠ΅ΡΠ΅Π΄Π²ΠΈΠ³Π°ΡΡΡΡ, ΠΈ Π½Π°ΠΆΠΌΠΈΡΠ΅ Π² Π»ΡΠ±ΠΎΠΌ ΠΌΠ΅ΡΡΠ΅ Π΄ΡΡΠ³ΠΈΠΌ ΠΏΠ°Π»ΡΡΠ΅ΠΌ ΠΈ ΡΠ΄Π΅ΡΠΆΠΈΠ²Π°ΠΉΡΠ΅, ΡΡΠΎΠ±Ρ ΡΡΠΊΠΎΡΠΈΡΡΡΡ.
ΠΠΎΠΌΠ½Π°ΡΡ
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΡΠΈΡΠΎΠ΅Π΄ΠΈΠ½ΠΈΡΡΡΡ ΠΈΠ»ΠΈ ΡΠΎΠ·Π΄Π°ΡΡ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΡΡ ΠΊΠΎΠΌΠ½Π°ΡΡ, Π²Π²Π΅Π΄Ρ Π΅Π΅ ΠΈΠΌΡ Π² ΠΏΠΎΠ»Π΅ Π²Π²ΠΎΠ΄Π° Β«ΠΡΠ΅Π²Π΄ΠΎΠ½ΠΈΠΌΒ» ΠΏΠΎΡΠ»Π΅ ΡΠ°ΠΌΠΎΠ³ΠΎ ΠΏΡΠ΅Π²Π΄ΠΎΠ½ΠΈΠΌΠ° ΠΈ ΡΠΈΠΌΠ²ΠΎΠ»Π° @ (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Player @ MyRoom). ΠΡΠ»ΠΈ ΡΠΊΠ°Π·Π°Π½Π½Π°Ρ ΠΊΠΎΠΌΠ½Π°ΡΠ° ΡΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ Π½Π° Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ Π²ΡΠ±ΡΠ°Π½Π½ΠΎΠΌ ΠΈΠ³ΡΠΎΠ²ΠΎΠΌ ΡΠ΅ΡΠ²Π΅ΡΠ΅, ΠΈ ΠΊΠΎΠΌΠ½Π°ΡΠ° Π΅ΡΠ΅ Π½Π΅ Π·Π°ΠΏΠΎΠ»Π½Π΅Π½Π°, Π²Ρ ΠΏΡΠΈΡΠΎΠ΅Π΄ΠΈΠ½ΠΈΡΠ΅ΡΡ ΠΊ Π½Π΅ΠΉ.ΠΡΡΡ Π΄Π²Π° ΡΠΈΠΏΠ° ΠΊΠΎΠΌΠ½Π°Ρ: ΠΎΠ±ΡΠΈΠ΅ ΠΈ ΡΠ°ΡΡΠ½ΡΠ΅. ΠΠ±ΡΠΈΠ΅ ΠΊΠΎΠΌΠ½Π°ΡΡ ΡΠΎΠ·Π΄Π°ΡΡΡΡ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ, ΠΈ ΠΈΠ³ΡΠΎΠΊ ΠΏΡΠΈΡΠΎΠ΅Π΄ΠΈΠ½ΡΠ΅ΡΡΡ ΠΊ Π½ΠΈΠΌ, ΠΊΠΎΠ³Π΄Π° Π²Π²ΠΎΠ΄ΠΈΡ ΡΠΎΠ»ΡΠΊΠΎ Π½ΠΈΠΊ.
ΠΠ³ΡΠΎΠΊΠΈ ΠΌΠΎΠ³ΡΡ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠ΅ ΠΊΠΎΠΌΠ½Π°ΡΡ Π΄Π»Ρ ΠΈΠ³ΡΡ ΡΠΎ ΡΠ²ΠΎΠΈΠΌΠΈ Π΄ΡΡΠ·ΡΡΠΌΠΈ, Π²Π²ΠΎΠ΄Ρ ΡΠΎ ΠΆΠ΅ ΠΈΠΌΡ ΠΊΠΎΠΌΠ½Π°ΡΡ ΠΏΠΎΡΠ»Π΅ ΡΠΈΠΌΠ²ΠΎΠ»Π° @. ΠΡΠ»ΠΈ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΈΠ³ΡΠΎΠΊΠΎΠ² ΠΏΠΎΠΏΡΡΠ°Π΅ΡΡΡ ΠΏΡΠΈΡΠΎΠ΅Π΄ΠΈΠ½ΠΈΡΡΡΡ ΠΊ ΡΠ°ΡΡΠ½ΠΎΠΉ ΠΊΠΎΠΌΠ½Π°ΡΠ΅ Π² ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ ΠΏΡΠΎΠΌΠ΅ΠΆΡΡΠΊΠ° Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ, ΡΠ°ΡΡΠ½Π°Ρ ΠΊΠΎΠΌΠ½Π°ΡΠ° Π±ΡΠ΄Π΅Ρ ΡΠΎΠ·Π΄Π°Π½Π°, ΠΈ ΠΎΠΆΠΈΠ΄Π°ΡΡΠΈΠ΅ ΠΈΠ³ΡΠΎΠΊΠΈ ΠΏΡΠΈΡΠΎΠ΅Π΄ΠΈΠ½ΡΡΡΡ ΠΊ Π½Π΅ΠΉ; Π² ΠΏΡΠΎΡΠΈΠ²Π½ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ ΠΎΠ½ΠΈ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΏΡΠΈΡΠΎΠ΅Π΄ΠΈΠ½ΡΡΡΡ ΠΊ ΠΎΠ΄Π½ΠΎΠΉ ΠΈΠ· ΠΏΡΠ±Π»ΠΈΡΠ½ΡΡ ΠΊΠΎΠΌΠ½Π°Ρ (ΡΠΎΠΉ ΠΆΠ΅ ΡΠ°ΠΌΠΎΠΉ) Π½Π° ΠΈΠ³ΡΠΎΠ²ΠΎΠΌ ΡΠ΅ΡΠ²Π΅ΡΠ΅.