{"id":79172,"date":"2020-04-25T01:42:03","date_gmt":"2020-04-24T23:42:03","guid":{"rendered":"https:\/\/prohoster.info\/blog\/novosti-interneta\/v-nochnye-sborki-firefox-dobavlena-podderzhka-webgpu"},"modified":"2020-04-25T01:42:03","modified_gmt":"2020-04-24T23:42:03","slug":"v-nochnye-sborki-firefox-dobavlena-podderzhka-webgpu","status":"publish","type":"post","link":"https:\/\/prohoster.info\/cs\/blog\/news\/v-nochnye-sborki-firefox-dobavlena-podderzhka-webgpu","title":{"rendered":"V no\u010dn\u00edch verz\u00edch Firefoxu byla p\u0159id\u00e1na podpora WebGPU","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

V no\u010dn\u00edch<\/a><\/noindex> sestaven\u00edch Firefoxu se objevila<\/a><\/noindex> podpora specifikace WebGPU<\/a><\/noindex>, poskytuj\u00edc\u00ed aplika\u010dn\u00ed programovac\u00ed rozhran\u00ed pro zpracov\u00e1n\u00ed 3D grafiky a v\u00fdpo\u010dty na stran\u011b GPU, konceptu\u00e1ln\u011b podobn\u00fd API Vulkan<\/a><\/noindex>, Metal<\/a><\/noindex> a Direct3D 12<\/a><\/noindex>. Specifikaci vyv\u00edjej\u00ed Mozilla, Google, Apple, Microsoft a z\u00e1stupci komunity ve pracovn\u00ed skupin\u011b<\/a><\/noindex>V sou\u010dasnosti je v kontextu ochrany proti p\u0159enosu Cookies v pr\u016fb\u011bhu <\/p>\n

Kl\u00ed\u010dov\u00fdm \u00fakolem WebGPU je vytvo\u0159en\u00ed bezpe\u010dn\u00e9ho, pohodln\u00e9ho, p\u0159enosn\u00e9ho a vysoce v\u00fdkonn\u00e9ho aplika\u010dn\u00edho programovac\u00edho rozhran\u00ed pro pou\u017eit\u00ed v webov\u00e9 platform\u011b s technologiemi a mo\u017enostmi 3D grafiky, kter\u00e9 poskytuj\u00ed modern\u00ed syst\u00e9mov\u00e9 grafick\u00e9 API, jako je Direct3D 12 ve Windows, Metal v macOS a Vulkan v Linuxu. Konceptu\u00e1ln\u011b se WebGPU li\u0161\u00ed od WebGL p\u0159ibli\u017en\u011b stejn\u011b jako Vulkan od OpenGL, p\u0159i\u010dem\u017e se nezakl\u00e1d\u00e1 na konkr\u00e9tn\u00edm grafick\u00e9m API, ale p\u0159edstavuje univerz\u00e1ln\u00ed vrstvu, kter\u00e1 pou\u017e\u00edv\u00e1 stejn\u00e9 n\u00edzko\u00farov\u0148ov\u00e9 primitivy, jak\u00e9 jsou k dispozici ve Vulk\u00e1nu, Metalu a Direct3D. <\/p>\n

WebGPU poskytuje aplikac\u00edm v JavaScriptu prost\u0159edky pro ni\u017e\u0161\u00ed \u00farov\u0148ovou kontrolu organizace, zpracov\u00e1n\u00ed a p\u0159enos p\u0159\u00edkaz\u016f k GPU, spr\u00e1vu souvisej\u00edc\u00edch zdroj\u016f, pam\u011bti, buffer\u016f, objekt\u016f textur a zkompilovan\u00fdch grafick\u00fdch shader\u016f. Takov\u00fd p\u0159\u00edstup umo\u017e\u0148uje dos\u00e1hnout vy\u0161\u0161\u00ed v\u00fdkonnosti grafick\u00fdch aplikac\u00ed sn\u00ed\u017een\u00edm re\u017eijn\u00edch n\u00e1klad\u016f a zv\u00fd\u0161en\u00edm efektivity pr\u00e1ce s GPU. <\/p>\n

WebGPU umo\u017e\u0148uje vytv\u00e1\u0159et pro Web pln\u011b slo\u017eit\u00e9 3D projekty, kter\u00e9 funguj\u00ed stejn\u011b dob\u0159e jako izolovan\u00e9 programy, kter\u00e9 p\u0159\u00edmo komunikuj\u00ed s Vulk\u00e1nem, Metalem nebo Direct3D, ale nejsou v\u00e1zan\u00e9 na konkr\u00e9tn\u00ed platformy. WebGPU tak\u00e9 poskytuje dal\u0161\u00ed mo\u017enosti p\u0159i portov\u00e1n\u00ed nativn\u00edch grafick\u00fdch program\u016f do formy schopn\u00e9 fungovat na z\u00e1klad\u011b webov\u00fdch technologi\u00ed d\u00edky pou\u017eit\u00ed technologie WebAssembly. Krom\u011b 3D grafiky WebGPU pokr\u00fdv\u00e1 i mo\u017enosti spojen\u00e9 s v\u00fdpo\u010dty na stran\u011b GPU a podporou v\u00fdvoje shader\u016f. Shadery mohou<\/a><\/noindex> se vytv\u00e1\u0159ej\u00ed v jazyce WebGPU Shading Language nebo se definuj\u00ed ve st\u0159edn\u00edm form\u00e1tu SPIR-V, po \u010dem\u017e se p\u0159ev\u00e1d\u011bj\u00ed do jazyk\u016f shader\u016f, kter\u00e9 podporuj\u00ed aktu\u00e1ln\u00ed ovlada\u010de.<\/p>\n

Ve WebGPU se pou\u017e\u00edv\u00e1 odd\u011blen\u00e9 \u0159\u00edzen\u00ed zdroj\u016f, p\u0159\u00edpravn\u00fdch prac\u00ed a p\u0159enosu p\u0159\u00edkaz\u016f do GPU (ve WebGL byl jeden objekt odpov\u011bdn\u00fd za v\u0161echno najednou). Poskytuj\u00ed se t\u0159i samostatn\u00e9 kontexty:
\n GPUDevice pro vytv\u00e1\u0159en\u00ed zdroj\u016f, jako jsou textury a buffery; GPUCommandEncoder pro k\u00f3dov\u00e1n\u00ed jednotliv\u00fdch p\u0159\u00edkaz\u016f, v\u010detn\u011b f\u00e1z\u00ed vykreslov\u00e1n\u00ed a v\u00fdpo\u010dt\u016f; GPUCommandBuffer pro za\u0159azen\u00ed do fronty k vykon\u00e1n\u00ed na GPU. V\u00fdsledek m\u016f\u017ee b\u00fdt vykreslen v oblasti spojen\u00e9 s jedn\u00edm nebo v\u00edce elementy canvas, nebo zpracov\u00e1n bez v\u00fdstupu (nap\u0159\u00edklad p\u0159i spu\u0161t\u011bn\u00ed v\u00fdpo\u010detn\u00edch \u00faloh). Odd\u011blen\u00ed f\u00e1z\u00ed usnad\u0148uje rozd\u011blen\u00ed vytv\u00e1\u0159en\u00ed zdroj\u016f a p\u0159\u00edpravn\u00fdch operac\u00ed do r\u016fzn\u00fdch zpracovatel\u016f, kter\u00e9 mohou b\u00fdt spou\u0161t\u011bny v r\u016fzn\u00fdch vl\u00e1knech.<\/p>\n

Druh\u00fdm rozd\u00edlem mezi WebGPU a WebGL je jin\u00fd p\u0159\u00edstup k zpracov\u00e1n\u00ed stav\u016f. WebGPU nab\u00edz\u00ed dva objekty \u2014 GPURenderPipeline a GPUComputePipeline, kter\u00e9 umo\u017e\u0148uj\u00ed kombinovat r\u016fzn\u00e9 stavy, p\u0159edem definovan\u00e9 v\u00fdvoj\u00e1\u0159em, co\u017e umo\u017e\u0148uje prohl\u00ed\u017ee\u010di u\u0161et\u0159it zdroje, kter\u00e9 by jinak byly vynalo\u017eeny na dal\u0161\u00ed pr\u00e1ce, jako je p\u0159ekompilace shader\u016f. Mezi podporovan\u00fdmi stavy jsou: shadery, rozvr\u017een\u00ed vertexov\u00fdch buffer\u016f a atribut\u016f, rozvr\u017een\u00ed p\u0159ipojen\u00fdch skupin, m\u00edch\u00e1n\u00ed, hloubka a \u0161ablony, a form\u00e1ty v\u00fdstupu po vykreslen\u00ed.<\/p>\n

T\u0159et\u00ed zvl\u00e1\u0161tnost\u00ed WebGPU je model vazby, kter\u00fd do zna\u010dn\u00e9 m\u00edry
\np\u0159ipom\u00edn\u00e1 st\u00e1vaj\u00edc\u00ed prost\u0159edky v Vulkan pro seskupov\u00e1n\u00ed zdroj\u016f.
\nPro seskupov\u00e1n\u00ed zdroj\u016f do skupin poskytuje WebGPU objekt GPUBindGroup, kter\u00fd lze p\u0159i z\u00e1pisu p\u0159\u00edkaz\u016f propojit s jin\u00fdmi podobn\u00fdmi objekty pro pou\u017eit\u00ed ve shaderech. Vytv\u00e1\u0159en\u00ed takov\u00fdch skupin umo\u017e\u0148uje ovlada\u010di prov\u00e9st nezbytn\u00e9 p\u0159\u00edpravn\u00e9 kroky p\u0159edem a prohl\u00ed\u017ee\u010di umo\u017e\u0148uje mnohem rychleji m\u011bnit vazby zdroj\u016f mezi v\u00fdkresov\u00fdmi vol\u00e1n\u00edmi. Rozvr\u017een\u00ed vazeb zdroj\u016f m\u016f\u017ee b\u00fdt definov\u00e1no p\u0159edem pomoc\u00ed objektu GPUBindGroupLayout.<\/p>\n

\"V<\/center><\/p>\n

Ve Firefoxu je pro aktivaci WebGPU v about:config nastavena volba \u201edom.webgpu.enabled\u201c. Pro vykreslen\u00ed CanvasContext je tak\u00e9 nutn\u00e9 aktivovat syst\u00e9m kompozice WebRender<\/a><\/noindex> (\u201egfx.webrender.all\u201c v about:config), napsan\u00fd v programovac\u00edm jazyce Rust, kter\u00fd deleguje operace vykreslov\u00e1n\u00ed obsahu str\u00e1nky na GPU. Implementace WebGPU je zalo\u017eena na k\u00f3du projektu
\nwgpu<\/a><\/noindex>, napsan\u00e9ho v jazyce Rust a schopn\u00e9ho pracovat nad API DX12, Vulkan a Metal v Linuxu, Androidu, Windows a macOS (podpora pro DX11 a OpenGL ES 3.0 je tak\u00e9 ve v\u00fdvoji). Paraleln\u011b spole\u010dnost Google vyv\u00edj\u00ed jinou implementaci, kter\u00e1 je dostupn\u00e1 v v\u011btvi Canary<\/a><\/noindex> Chromium a aktivuje se pomoc\u00ed vlajky \u201echrome:\/\/flags\/#enable-unsafe-webgpu\u201c, ale zat\u00edm funguje pouze na macOS a Windows.<\/p>\n

<\/a><\/noindex><\/p>\n

Zdroj: opennet.ru<\/a><\/p>","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"excerpt":{"rendered":"

\u0412 \u043d\u043e\u0447\u043d\u044b\u0445 \u0441\u0431\u043e\u0440\u043a\u0430\u0445 Firefox \u043f\u043e\u044f\u0432\u0438\u043b\u0430\u0441\u044c \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438 WebGPU, \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0449\u0435\u0439 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u043d\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u0434\u043b\u044f \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 3D-\u0433\u0440\u0430\u0444\u0438\u043a\u0438 \u0438 \u0432\u044b\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u0439 \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 GPU, \u043a\u043e\u043d\u0446\u0435\u043f\u0442\u0443\u0430\u043b\u044c\u043d\u043e \u0441\u0445\u043e\u0436\u0438\u0439 \u0441 API Vulkan, Metal \u0438 Direct3D 12. \u0421\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0435\u0442\u0441\u044f Mozilla, Google, Apple, Microsoft \u0438 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u0442\u0435\u043b\u044f\u043c\u0438 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430 \u0432 \u0440\u0430\u0431\u043e\u0447\u0435\u0439 \u0433\u0440\u0443\u043f\u043f\u0435, \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u043e\u0439 \u043f\u0440\u0438 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438 W3C. \u041a\u043b\u044e\u0447\u0435\u0432\u043e\u0439 \u0437\u0430\u0434\u0430\u0447\u0435\u0439 WebGPU \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0433\u043e, \u0443\u0434\u043e\u0431\u043d\u043e\u0433\u043e, \u043f\u0435\u0440\u0435\u043d\u043e\u0441\u0438\u043c\u043e\u0433\u043e \u0438 \u0432\u044b\u0441\u043e\u043a\u043e\u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u043d\u043e\u0433\u043e […]<\/p>\n","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"author":1,"featured_media":79173,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[702],"tags":[],"class_list":["post-79172","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\n","aioseo_head_json":{"title":"\ud83e\udd47Podpora WebGPU byla p\u0159id\u00e1na do no\u010dn\u00edch sestaven\u00ed Firefoxu | ProHoster","description":"V no\u010dn\u00edch sestaven\u00edch Firefoxu","canonical_url":"https:\/\/prohoster.info\/cs\/blog\/news\/v-nochnye-sborki-firefox-dobavlena-podderzhka-webgpu","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"cs_CZ","og:site_name":"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b","og:type":"article","og:title":"\ud83e\udd47\u0412 \u043d\u043e\u0447\u043d\u044b\u0435 \u0441\u0431\u043e\u0440\u043a\u0438 Firefox \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0430 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 WebGPU | ProHoster","og:description":"\u0412 \u043d\u043e\u0447\u043d\u044b\u0445 \u0441\u0431\u043e\u0440\u043a\u0430\u0445 Firefox","og:url":"https:\/\/prohoster.info\/cs\/blog\/news\/v-nochnye-sborki-firefox-dobavlena-podderzhka-webgpu","og:image":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:secure_url":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:width":350,"og:image:height":350,"article:published_time":"2020-04-24T23:42:03+00:00","article:modified_time":"2020-04-24T23:42:03+00:00","article:publisher":"https:\/\/www.facebook.com\/prohoster","article:author":"https:\/\/www.facebook.com\/prohoster"},"aioseo_meta_data":{"post_id":"79172","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"seo_analyzer_scan_date":null,"breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":null,"ai":null,"created":"2021-02-28 16:43:23","updated":"2022-09-29 10:54:27","focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"gt_translate_keys":[{"key":"link","format":"url"}],"_links":{"self":[{"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/posts\/79172","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/comments?post=79172"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/posts\/79172\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/media\/79173"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/media?parent=79172"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/categories?post=79172"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/tags?post=79172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}