[B! WebGL] mizdraã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

mizdra id:mizdra

WebGLã«é–¢ã™ã‚‹mizdraã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

éŸ³ã®å‡ºã‚‹CPUã‚’ä½œã£ã¦ã„ã‚‹é€”ä¸
2021/03/20ã®ã€ŒKernel/VMæŽ¢æ¤œéšŠonline part2ã€ã§ç™ºè¡¨ã—ãŸã‚‚ã®ã§ã™ã€‚ https://connpass.com/event/201059/ https://www.youtube.com/watch?v=brrm328XItM&t=2621s
mizdra 2021/03/20
immediate mode GUIãªã‚‹ã»ã©

rust

cpu

webassembly

performance

WebGL
ãƒªãƒ³ã‚¯
Is there any reason for using WebGL instead of 2D Canvas for 2D games/apps?
mizdra 2020/08/11
2Dã®æç”»ã«ãŠã„ã¦Canvas 2Dã®ä»£ã‚ã‚Šã«WebGLã‚’ä½¿ã†åˆ©ç‚¹ã¯ä½•ã‹ã¨ã„ã†è©±

canvas

webgl

web
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚«ãƒ¼ãƒ†ãƒ³ã‚’ãƒãƒƒã‚¯ã«çŸ³ç•³ã¨æœ¨çµ„ã¿ã®è¡—ã«è¡Œã£ã¦ã¿ã¾ã›ã‚“ã‹ - ãƒžãƒ³ã‚¬ã€œãƒŽä¼Šè—¤ãƒŽã€œãƒˆ
é€±æœ«ï¼Œãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ãƒãƒ¼ãƒãƒ£ãƒ«èƒŒæ™¯åˆæˆã§ãã‚‹ã‚‚ã®ã‚’ä½œã£ãŸï¼Ž mangano-ito.github.io github.com ã“ã‚Œã§ä»»æ„ã®ãƒ“ãƒ‡ã‚ªé€šè©±ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§åˆæˆãŒã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸï¼Žã‚ˆãã¤ã‹ã†ã®ã¯ Google Meet ãªã®ã ã‘ã‚Œã©ï¼Œç”»é¢å–ã‚Šè¾¼ã¿ã™ã‚Œã°ç°¡æ˜“çš„ã«ãƒãƒ¼ãƒãƒ£ãƒ«èƒŒæ™¯æ©Ÿèƒ½ã‚’ä½¿ãˆã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã—ï¼Œä½¿ãˆãªã„ã‹ã‚‚çŸ¥ã‚Œãªã„ï¼Ž æ´»ç”¨ ã‚ˆãã“ã†ã„ã†èƒŒæ™¯åˆæˆã«ã€Œã‚°ãƒªãƒ¼ãƒ³ãƒãƒƒã‚¯ã€ã¨ã‹ã„ã†ç·‘ä¸€è‰²(ãƒªãƒ¥ãƒ¼ã‚¤ãƒ¼ã‚½ãƒ¼ã§ã¯ãªã„)ã®å¸ƒã‚’èƒŒæ™¯ã«ã—ã¦ãã‚ŠæŠœãã®ãŒè¡Œã‚ã‚Œã¦ã„ã‚‹ï¼Žä¸€æ˜”å‰ã¯ãƒ–ãƒ«ãƒ¼ãƒãƒƒã‚¯ã ã£ãŸæ°—ãŒã™ã‚‹ï¼Žãªãœå¤‰ã‚ã£ãŸã®ã‹ã¯çŸ¥ã‚‰ãªã„ï¼Ž å¹¸ã„ã«ã—ã¦è‡ªåˆ†ã®å®¶ã®ã‚«ãƒ¼ãƒ†ãƒ³ãŒç·‘è‰²ã ã£ãŸã®ã§ã“ã‚Œã§ä»£ç”¨ã™ã‚‹ã“ã¨ã«ã—ãŸï¼Žãã†ã—ãŸã‚‰æ€ã„ã®å¤–ã†ã¾ãã„ã£ãŸï¼Ž é…å¸ƒã•ã‚Œã¦ã„ã‚‹ãƒãƒ¼ãƒãƒ£ãƒ«èƒŒæ™¯ã‚’ã¤ã‹ã†ã“ã¨ã§ï¼Œã‚ã®çŸ³ç•³ã¨æœ¨çµ„ã¿ã®è¡—ã«ã‚‚è¡Œã‘ã‚‹: ã€ãƒãƒ¼ãƒãƒ£ãƒ«èƒŒæ™¯ãƒ—ãƒ¬ã‚¼ãƒ³ãƒˆâ‘ â™ªã€‘ ãƒ†ãƒ¬ãƒ“é›»è©±ç‰ã§ä½¿ç”¨å¯èƒ½ãªã”ã¡ã†ã•ã®ãƒ©ãƒ“ãƒƒãƒˆãƒã‚¦ã‚¹ã‚„ç”˜å…Žåºµã€
mizdra 2020/04/20
WebGL

javascript
ãƒªãƒ³ã‚¯
REACT-VFX - WebGL effects for React! #REACTVFX
REACT-VFX is a React component library which allows you to add WebGL powered effects to you React aaplication.
mizdra 2019/12/28
ã™ã”ã„

react

WebGL
ãƒªãƒ³ã‚¯
bvh
BVHã®ã¯ãªã— Shinji Ogaki ã“ã‚Œã¯ãƒ¬ã‚¤ãƒˆãƒ¬ Advent Calendar 2018ã®è¨˜äº‹ã§ã™ã€‚ æœ€çµ‚æ›´æ–°æ—¥ 24/Dec/2018 ã¯ã˜ã‚ã« ä»Šå¾Œãƒ¬ã‚¤ãƒ»ãƒˆãƒ¬ãƒ¼ã‚·ãƒ³ã‚°ã¯å°‚ç”¨ã®ãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢ã§è¡Œã‚ã‚Œã¦ã„ãã‚ˆã†ã«ãªã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ä½¿ç”¨ã•ã‚Œã‚‹åŸºç¤Žçš„ãªãƒ‡ãƒ¼ã‚¿æ§‹é€ ã‚’ç†è§£ã™ã‚‹äººãƒ»ç ”ç©¶ã‚’ã™ã‚‹äººãŒæ¸›ã£ã¦ã—ã¾ã†ã®ã¯æ®‹å¿µãªã®ã§ã€ç¾åœ¨ã‚‚ã£ã¨ã‚‚åºƒãåˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹ãƒ‡ãƒ¼ã‚¿æ§‹é€ ã§ã‚ã‚‹BVHã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚å¤§ã¾ã‹ãªãƒˆãƒ¬ãƒ³ãƒ‰ã‚’ã¤ã‹ã‚“ã§ã„ãŸã ã‘ã‚Œã°å¹¸ã„ã§ã™ã€‚æ–‡çŒ®ã®æ•°ã«åœ§å€’ã•ã‚Œã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€Light Transportã»ã©è¾¼ã¿å…¥ã£ãŸæ•°å¦ãŒå¿…è¦ãªã„ã®ã§å‹‰å¼·ã¯å§‹ã‚ã‚„ã™ã„ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ BVHã¨ã¯? BVHã¯Bounding Volume Hierarchyã®ç•¥ã§ã€ãƒ¬ã‚¤ãƒ»ãƒˆãƒ¬ãƒ¼ã‚·ãƒ³ã‚°ã®äº¤å·®åˆ¤å®šã‚„ç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã®è¡çªåˆ¤å®šã®é«˜é€ŸåŒ–ã§åˆ©ç”¨ã•ã‚Œã‚‹éšŽå±¤çš„ãªãƒ‡ãƒ¼ã‚¿æ§‹é€ ã§ã™ã€‚äº¤å·®åˆ¤å®šã‚„å½“
mizdra 2018/12/23
WebGL
ãƒªãƒ³ã‚¯
Three.jså…¥é–€ã‚µã‚¤ãƒˆ - ICS MEDIA
ã“ã®ã‚µã‚¤ãƒˆã¯ã€WebGLã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒThree.jsã€ã®å…¥é–€ã‚µã‚¤ãƒˆã§ã™ã€‚ åˆå¦è€…ã‹ã‚‰å¦ã¹ã‚‹ã‚ˆã†ã«åŸºæœ¬ã‹ã‚‰è§£èª¬ã—ã¤ã¤ã€ç™ºå±•çš„ãªå†…å®¹ã¾ã§ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ã“ã®ã‚µã‚¤ãƒˆã‚’é€šã—ã¦ã€ã‚¦ã‚§ãƒ–ã®3Dã®ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦å¦ã‚“ã§ã„ãã¾ã—ã‚‡ã†ã€‚ Three.jsæ¦‚è¦ Three.jsã¯ã€HTML5ã§3Dã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’åˆ¶ä½œã™ã‚‹ãŸã‚ã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚Mr.doobæ°ãŒä¸å¿ƒã¨ãªã£ã¦é–‹ç™ºã•ã‚Œã¦ãŠã‚Šã€ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã¨ã—ã¦å€‹äººãƒ»å•†ç”¨ã§ã‚‚ç„¡å„Ÿã§åˆ©ç”¨ã§ãã¾ã™ã€‚ WebGLã ã‘ã§3Dè¡¨ç¾ã‚’ã™ã‚‹ãŸã‚ã«ã¯ã€ç«‹æ–¹ä½“1ã¤è¡¨ç¤ºã™ã‚‹ã ã‘ã§ã‚‚å¤šãã®JavaScriptã‚„GLSLã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãå¿…è¦ãŒã‚ã‚Šå°‚é–€çŸ¥è˜ã‚‚å¿…è¦ã§ã™ã€‚Three.jsã‚’ä½¿ãˆã°JavaScriptã®çŸ¥è˜ã ã‘ã§ç°¡å˜ã«3Dã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒä½œæˆã§ãã‚‹ãŸã‚ã€æ‰‹è»½ã«æ‰±ãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ã‚‚ã¨ã‚‚ã¨2000å¹´ä»£å¾ŒåŠã®Flashã®æ™‚ä»£ã‹ã‚‰ã€ã‚¦ã‚§ãƒ–ã®3D
mizdra 2018/05/03
javascript

WebGL

three.js
ãƒªãƒ³ã‚¯
1