{"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\/pl\/blog\/news\/v-nochnye-sborki-firefox-dobavlena-podderzhka-webgpu","title":{"rendered":"Wsparcie dla WebGPU dodano do nocnych wyda\u0144 Firefox","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"<p>W <noindex><a rel=\"nofollow\" href=\"https:\/\/nightly.mozilla.org\/\">nocnych<\/a><\/noindex> kompilacjach Firefox <noindex><a rel=\"nofollow\" href=\"https:\/\/hacks.mozilla.org\/2020\/04\/experimental-webgpu-in-firefox\/\">pojawi\u0142a si\u0119<\/a><\/noindex> wsparcie specyfikacji <noindex><a rel=\"nofollow\" href=\"https:\/\/webgpu.io\/\">WebGPU<\/a><\/noindex>, oferuj\u0105cym interfejs programowania do przetwarzania grafiki 3D i oblicze\u0144 po stronie GPU, koncepcyjnie podobnym do API <noindex><a rel=\"nofollow\" href=\"https:\/\/www.opennet.ru\/opennews\/art.shtml?num=52194\">Vulkan<\/a><\/noindex>, <noindex><a rel=\"nofollow\" href=\"https:\/\/www.opennet.ru\/opennews\/art.shtml?num=39913\">Metal<\/a><\/noindex> i <noindex><a rel=\"nofollow\" href=\"https:\/\/en.wikipedia.org\/wiki\/Direct3D#Direct3D_12\">Direct3D 12<\/a><\/noindex>. Specyfikacja rozwija si\u0119 przy wsp\u00f3\u0142pracy Mozilla, Google, Apple, Microsoft i przedstawicielami spo\u0142eczno\u015bci w <noindex><a rel=\"nofollow\" href=\"https:\/\/www.w3.org\/community\/gpu\/\">grupie roboczej<\/a><\/noindex>, powo\u0142anej przez organizacj\u0119 W3C. <\/p>\n<p>Kluczowym zadaniem WebGPU jest stworzenie bezpiecznego, wygodnego, przeno\u015bnego i wydajnego interfejsu programowania do wykorzystania w technologii platformy Web i mo\u017cliwo\u015bci grafiki 3D, oferowanych przez nowoczesne systemowe API graficzne, takie jak Direct3D 12 w Windows, Metal w macOS oraz Vulkan w Linux. Koncepcyjnie WebGPU r\u00f3\u017cni si\u0119 od WebGL mniej wi\u0119cej tak, jak Vulkan r\u00f3\u017cni si\u0119 od OpenGL, a przy tym nie opiera si\u0119 na konkretnym API graficznym, lecz stanowi uniwersaln\u0105 warstw\u0119, u\u017cywaj\u0105c\u0105 og\u00f3lnie tych samych niskopoziomowych prymityw\u00f3w, kt\u00f3re znajduj\u0105 si\u0119 w Vulkan, Metal i Direct3D. <\/p>\n<p>WebGPU zapewnia aplikacjom JavaScript narz\u0119dzia do niskopoziomowego sterowania organizacj\u0105, przetwarzaniem i przekazywaniem polece\u0144 do GPU, zarz\u0105dzania zasobami, pami\u0119ci\u0105, buforami, obiektami tekstur i skompilowanymi szeregami graficznymi. Tego rodzaju podej\u015bcie pozwala osi\u0105gn\u0105\u0107 wy\u017csz\u0105 wydajno\u015b\u0107 aplikacji graficznych poprzez redukcj\u0119 narzut\u00f3w i zwi\u0119kszenie efektywno\u015bci pracy z GPU. <\/p>\n<p>WebGPU umo\u017cliwia tworzenie dla Web pe\u0142noprawnych, z\u0142o\u017conych projekt\u00f3w 3D, dzia\u0142aj\u0105cych nie gorzej ni\u017c odr\u0119bne programy, bezpo\u015brednio komunikuj\u0105ce si\u0119 z Vulkan, Metal lub Direct3D, ale niezwi\u0105zanych z konkretnymi platformami. WebGPU zapewnia r\u00f3wnie\u017c dodatkowe mo\u017cliwo\u015bci podczas portowania natywnych program\u00f3w graficznych w form\u0119, zdoln\u0105 do dzia\u0142ania na bazie technologii webowych, dzi\u0119ki zastosowaniu technologii WebAssembly. Opr\u00f3cz grafiki 3D, WebGPU obejmuje r\u00f3wnie\u017c mo\u017cliwo\u015bci zwi\u0105zane z wykonywaniem oblicze\u0144 na stronie GPU oraz wsparciem dla rozwoju shader\u00f3w. Shadery <noindex><a rel=\"nofollow\" href=\"https:\/\/github.com\/gfx-rs\/naga\">mo\u017ce<\/a><\/noindex> mog\u0105 by\u0107 tworzone w j\u0119zyku WebGPU Shading Language lub definiowane w po\u015brednim formacie SPIR-V, po czym s\u0105 transliterowane do j\u0119zyk\u00f3w shader\u00f3w obs\u0142ugiwanych przez obecne sterowniki.<\/p>\n<p>W WebGPU zastosowano oddzielne zarz\u0105dzanie zasobami, pracami przygotowawczymi i przekazywaniem polece\u0144 do GPU (w WebGL jeden obiekt odpowiada\u0142 za wszystko naraz). Udost\u0119pniane s\u0105 trzy oddzielne konteksty:<br \/>\n    GPUDevice do tworzenia zasob\u00f3w, takich jak tekstury i bufory; GPUCommandEncoder do kodowania poszczeg\u00f3lnych polece\u0144, w tym etap\u00f3w renderowania i oblicze\u0144; GPUCommandBuffer do przesy\u0142ania do kolejki do wykonania na GPU. Wynik mo\u017ce by\u0107 renderowany w obszarze zwi\u0105zanym z jednym lub wieloma elementami canvas, lub przetwarzany bez wyj\u015bcia (na przyk\u0142ad przy uruchamianiu zada\u0144 obliczeniowych). Rozdzielenie etap\u00f3w u\u0142atwia przeniesienie tworzenia zasob\u00f3w i operacji wst\u0119pnych do r\u00f3\u017cnych obs\u0142uguj\u0105cych, kt\u00f3re mog\u0105 by\u0107 wykonywane w r\u00f3\u017cnych w\u0105tkach.<\/p>\n<p>Drug\u0105 r\u00f3\u017cnic\u0105 mi\u0119dzy WebGPU a WebGL jest inny spos\u00f3b obs\u0142ugi stan\u00f3w. W WebGPU oferowane s\u0105 dwa obiekty \u2014 GPURenderPipeline i GPUComputePipeline, kt\u00f3re umo\u017cliwiaj\u0105 \u0142\u0105czenie r\u00f3\u017cnych stan\u00f3w, wcze\u015bniej zdefiniowanych przez programist\u0119, co pozwala przegl\u0105darkom nie marnowa\u0107 zasob\u00f3w na dodatkow\u0105 prac\u0119, tak\u0105 jak rekompilacja shader\u00f3w. W\u015br\u00f3d obs\u0142ugiwanych stan\u00f3w znajduj\u0105 si\u0119: shadery, uk\u0142ady bufor\u00f3w wierzcho\u0142k\u00f3w i atrybut\u00f3w, uk\u0142ady grup do\u0142\u0105czonych, mieszanie, g\u0142\u0119boko\u015b\u0107 i szablony, formaty wyj\u015bcia po renderowaniu.<\/p>\n<p>Trzeci\u0105 cech\u0105 WebGPU jest model wi\u0105zania, kt\u00f3ry w du\u017cej mierze<br \/>\nprzypomina istniej\u0105ce w Vulkan narz\u0119dzia grupowania zasob\u00f3w.<br \/>\nAby po\u0142\u0105czy\u0107 zasoby w grupy, WebGPU udost\u0119pnia obiekt GPUBindGroup, kt\u00f3ry podczas nagrywania polece\u0144 mo\u017cna powi\u0105za\u0107 z innymi podobnymi obiektami do u\u017cycia w shaderach. Tworzenie takich grup pozwala sterownikowi na wcze\u015bniejsze wykonanie potrzebnych operacji przygotowawczych, a przegl\u0105darkom znacznie szybciej zmienia\u0107 powi\u0105zania zasob\u00f3w mi\u0119dzy wywo\u0142aniami renderuj\u0105cymi. Rozk\u0142ad powi\u0105za\u0144 zasob\u00f3w mo\u017ce by\u0107 okre\u015blony wcze\u015bniej za pomoc\u0105 obiektu GPUBindGroupLayout.<\/p>\n<p><center><img decoding=\"async\" alt=\"Wsparcie dla WebGPU dodano do nocnych wyda\u0144 Firefox\" src=\"\/wp-content\/uploads\/2020\/04\/28e4f9d01acd727178fb0651256b317a.png\" style=\"display:block;margin: 0 auto;\" \/><\/center><\/p>\n<p>W Firefoxie w celu w\u0142\u0105czenia WebGPU w about:config dost\u0119pna jest opcja \u201edom.webgpu.enabled\u201d. Do renderowania CanvasContext konieczne jest r\u00f3wnie\u017c w\u0142\u0105czenie systemu kompozycji <noindex><a rel=\"nofollow\" href=\"https:\/\/github.com\/servo\/webrender\">WebRender<\/a><\/noindex> (\u201egfx.webrender.all\u201d w about:config), napisanego w j\u0119zyku Rust, kt\u00f3re przenosi na GPU operacje renderowania zawarto\u015bci strony. Wdro\u017cenie WebGPU opiera si\u0119 na kodzie projektu<br \/>\n<noindex><a rel=\"nofollow\" href=\"https:\/\/github.com\/gfx-rs\/wgpu\">wgpu<\/a><\/noindex>, napisanego w j\u0119zyku Rust i zdolnego do dzia\u0142ania na API DX12, Vulkan i Metal w systemie Linux, Android, Windows i macOS (w trakcie rozwoju jest r\u00f3wnie\u017c wsparcie dla DX11 i OpenGL ES 3.0). R\u00f3wnolegle firma Google rozwija inn\u0105 implementacj\u0119, kt\u00f3ra jest dost\u0119pna w <noindex><a rel=\"nofollow\" href=\"http:\/\/chrome.com\/canary\">ga\u0142\u0119zi Canary.<\/a><\/noindex> Chromium mo\u017cna aktywowa\u0107 za pomoc\u0105 flagi &#171;chrome:\/\/flags\/#enable-unsafe-webgpu&#187;, ale obecnie dzia\u0142a tylko w macOS i Windows.<\/p>\n<p><noindex><a rel=\"nofollow\" name=\"link\"><\/a><\/noindex><\/p>\n<p>\u0179r\u00f3d\u0142o: <a \ncontent=\"nofollow\" rel=\"nofollow\" href=\"https:\/\/www.opennet.ru\/opennews\/art.shtml?num=52800\">opennet.ru<\/a><\/p>","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"excerpt":{"rendered":"<p>\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 [&hellip;]<\/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<!-- All in One SEO 5.0.1.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"\u0412 \u043d\u043e\u0447\u043d\u044b\u0445 \u0441\u0431\u043e\u0440\u043a\u0430\u0445 Firefox\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Yuri Gagarin\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/prohoster.info\/pl\/blog\/news\/v-nochnye-sborki-firefox-dobavlena-podderzhka-webgpu\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.1.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"pl_PL\" \/>\n\t\t<meta property=\"og:site_name\" content=\"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\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"\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\" \/>\n\t\t<meta property=\"og:description\" content=\"\u0412 \u043d\u043e\u0447\u043d\u044b\u0445 \u0441\u0431\u043e\u0440\u043a\u0430\u0445 Firefox\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/prohoster.info\/pl\/blog\/news\/v-nochnye-sborki-firefox-dobavlena-podderzhka-webgpu\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"350\" \/>\n\t\t<meta property=\"og:image:height\" content=\"350\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2020-04-24T23:42:03+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2020-04-24T23:42:03+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"\ud83e\udd47Wsparcie dla WebGPU dodane do nocnych wersji Firefoksa | ProHoster","description":"W nocnych wersjach Firefoksa","canonical_url":"https:\/\/prohoster.info\/pl\/blog\/news\/v-nochnye-sborki-firefox-dobavlena-podderzhka-webgpu","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"pl_PL","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\/pl\/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\/pl\/wp-json\/wp\/v2\/posts\/79172","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/pl\/wp-json\/wp\/v2\/comments?post=79172"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/pl\/wp-json\/wp\/v2\/posts\/79172\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/pl\/wp-json\/wp\/v2\/media\/79173"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/pl\/wp-json\/wp\/v2\/media?parent=79172"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/pl\/wp-json\/wp\/v2\/categories?post=79172"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/pl\/wp-json\/wp\/v2\/tags?post=79172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}