WASMã®ãƒ‘フォーマンス最é©åŒ–ã®å‹˜æ‰€ã¨ä½¿ã„所考察 - QiitaTL;DR JavaScriptã¨WebAssemblyã®é–“ã®å€¤æ¸¡ã—ã«ã¯æ°—を使ãŠã†ï¼ˆãªã‚‹ã¹ã値ã®ã‚³ãƒ”ーをé¿ã‘よã†ï¼‰ã€‚ JSã¯ã¨ã¦ã‚‚高速ã§ã€å˜ç´”ãªãƒ«ãƒ¼ãƒ—ã§ã¯WASM並ã®é€Ÿåº¦ãŒå‡ºã‚‹ã®ã§ã€WASMã®ä½¿ã„所ã¯ã‚ˆãよã考ãˆã‚‹ã¹ã。 ã¯ã˜ã‚ã« 1000^2ç´šã®ç”»åƒã®å…¨ãƒ”クセルをループã—ã¦ã€ï¼ˆç°¡å˜ã«è¨€ã†ã¨ï¼‰RGBA値ã®æœ€ã‚‚大ãã„値を抽出ã™ã‚‹ã€ã¨ã„ã†å‡¦ç†ã‚’ブラウザ上ã§çªç„¶ã—ãŸããªã‚Šã¾ã—ãŸã€‚ピクセル数ãŒ1,000,000ã ã¨ã€RGBAãªã®ã§é…列長ã¯4,000,000ã¨ãªã‚Šã¾ã™ã€‚ブラウザã§æ‰±ã„ãŸããªã„サイズ感ã§ã™ã€‚ ã“ã“ã§ã€â‘ WASMã§é«˜é€ŸåŒ–ã€ãƒ€ãƒ¡ãªã‚‰â‘¡ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã§è¨ˆç®—ã•ã›ã‚‹â€¦ã¨ã„ã†ç®—段をã—ã¦ã€ã¨ã‚Šã‚ãˆãšWASMを試ã—ã¦ã¿ã¾ã—ãŸã€‚色々ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã—ãŸçµæžœã€ãƒ–ラウザ上ã§ç¾å®Ÿçš„ãªé€Ÿåº¦ãŒå‡ºã‚‹ã“ã¨ãŒã‚ã‹ã‚Šã¾ã—ãŸï¼ˆæ•°åmsã®ä¸–界）。 RGBA値ã®è¨ˆç®—ã«ã¤ã„㦠本記事ã§ã¯æ·±ã説明ã—ã¾ã›ã‚“ãŒã€ä»Šå›žã‚„ã‚ŠãŸã„処ç†ã¯ã€Œä¸‹è¨˜å¼
{{#tags}}- {{label}}
{{/tags}}