[B! webgl] cartman0ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

cartman0 id:cartman0

webglã«é–¢ã™ã‚‹cartman0ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (12)

${{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}}

Unity - Manual: Web
Unity provides support for developing games on the Web platform. WebGL lets you publish real-time interactive 3d graphics into a browser. For information on getting started with a Web application, refer to the following sections: Page Description
cartman0 2018/07/25
Unity

webgl
ãƒªãƒ³ã‚¯
Play Stormbound on Kongregate
cartman0 2018/07/24
game

webgl
ãƒªãƒ³ã‚¯
WebGLå…¥é–€ï¼ˆ2DåŸºæœ¬ç·¨ï¼‰
WebGLã¯ã€OSã«ä¾å˜ã™ã‚‹ã“ã¨ãªãã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ã®3DCGè¡¨ç¤ºã‚’å¯èƒ½ã«ã—ã¾ã™ã€‚CPUã§ã¯ãªãGPUã«ã¦å‡¦ç†ã‚’è¡Œã†ãŸã‚ã€ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’é«˜é€Ÿã«æç”»ã—ã¾ã™ã€‚ ã‚‚ã¡ã‚ã‚“ã€3Dã ã‘ã§ã¯ãªã2Dã®æç”»å‡¦ç†ã‚‚å¯èƒ½ã§ã™ã€‚ 2Dã®æç”»ã§ã‚ã‚Œã°ã€HTML5ã®Canvasã®æŠ€è¡“ã§äº‹è¶³ã‚Šã¾ã™ãŒã€WebGLã®å…¥é–€ã¨ã—ã¦2Dæç”»ã®ç†è§£ãŒå¿…è¦ã«ãªã‚Šã¾ã™ã€‚ WebGLï¼ˆUnityï¼‰ã§ä½œã‚‰ã‚ŒãŸã‚²ãƒ¼ãƒ ã‚µã‚¤ãƒˆã‚‚ã‚ã‚‹ã®ã§ã€ã©ã®ã‚ˆã†ãªã‚‚ã®ãŒé–‹ç™ºã§ãã‚‹ã®ã‹å‚è€ƒã«ã‚‚ãªã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ https://unityroom.com/ ã¡ãªã¿ã«WebGLã¯OpenGLã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯APIã‚’Canvasä¸Šã§ä½¿ãˆã‚‹æ§˜ã«ã—ãŸç‰©ã§ã™ã€‚ å¾“ã£ã¦ã€OpenGLã‚’ç†è§£ã™ã‚Œã°ã€è‡ªãšã¨WebGLã®ç†è§£ã‚‚é€²ã‚€ã®ã§ã€OpenGLã‚’å…ˆã«ç†è§£ã™ã‚‹ã®ã§ã‚‚å•é¡Œã‚ã‚Šã¾ã›ã‚“ã€‚ ä»Šå›žã¯ã€WebGLã®åŸºæœ¬ä¸ã®åŸºæœ¬ã€Œ2Dã®æç”»ã€ã«ç„¦ç‚¹ã‚’å½“ã¦ãŸã„ã¨æ€ã„ã¾ã™ã€‚ å¤§ã¾ã‹ãªæµã‚Œâ–
cartman0 2018/07/24
webgl
ãƒªãƒ³ã‚¯
WebGL ã§ã®é–‹ç™ºã‚’å§‹ã‚ã‚‹ - Unity ãƒžãƒ‹ãƒ¥ã‚¢ãƒ«
ã“ã®ãƒšãƒ¼ã‚¸ã§ã¯ã€WebGL ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ãƒ“ãƒ«ãƒ‰ã™ã‚‹å‰ã«è¡Œã†ã¹ãã“ã¨ã‚’èª¬æ˜Žã—ã¾ã™ã€‚WebGL ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ãƒ“ãƒ«ãƒ‰ã™ã‚‹ã«ã¯ã€ã¾ãš Unity Hub ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã€WebGL Build Support ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’è¿½åŠ ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ è©³ã—ãã¯ Unity Hub ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« ã¨ Unity ã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼ã¸ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã®è¿½åŠ ã‚’å‚ç…§ã—ã¦ãã ã•ã„ã€‚ ãƒšãƒ¼ã‚¸ èª¬æ˜Ž
cartman0 2018/07/24
webgl

javascript

Unity
ãƒªãƒ³ã‚¯
js4k intro - GLSL editor
ã‚·ã‚§ãƒ¼ãƒ€ã®æ–‡å—æ•°: 1003 HTMLå…¨ä½“ã®æ–‡å—æ•°: 3858 æ“ä½œ Ctr + s || Command + s ï¼š ãƒªãƒãƒ¼ãƒ‰(ã‚¨ãƒ‡ã‚£ã‚¿ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ä¸) Esc ï¼š ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®åœæ¢ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒœã‚¿ãƒ³ã‹ã‚‰ HTML ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚æ–‡æ³•ãƒã‚§ãƒƒã‚¯ã¯ã—ã¦ã¾ã›ã‚“ã€‚ precision mediump float; uniform vec2 m; // mouse uniform float t; // time uniform vec2 r; // resolution uniform sampler2D smp; // prev scene vec3 hsv(float h, float s, float v){ vec4 t = vec4(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0); vec3 p = abs(fract(vec3(h
cartman0 2016/07/22
WebGL

glsl

shader

HSV
ãƒªãƒ³ã‚¯
WebGL ã¨ GLSL ã§æ°—è»½ã«ãƒ¬ã‚¤ãƒˆãƒ¬ãƒ¼ã‚·ãƒ³ã‚°ã«æŒ‘æˆ¦ã—ã¦ã¿ã‚ˆã†ï¼ - Qiita
ã¯ã˜ã‚ã« å…¨å›½ 8,120 ä¸‡äººã®ãƒ¬ã‚¤ãƒˆãƒ¬ãƒ•ã‚¡ãƒ³ ã®çš†æ§˜ã“ã‚“ã«ã¡ã¯ï¼ WebGL ã§ãƒ¬ã‚¤ãƒˆãƒ¬ãŒã©ã†ã—ã¦ã‚‚ã‚„ã‚ŠãŸã„ã‚“ã ã¨ã„ã†ãŠä¾¿ã‚ŠãŒã¤ã„ã« 1,021 ä¸‡é€šã‚’è¶…ãˆãŸã®ã§ã€ãã‚ãã‚ WebGL ã§ç°¡å˜ãªãƒ¬ã‚¤ãƒˆãƒ¬ãƒ¼ã‚·ãƒ³ã‚°ã®å®Ÿè£…ã«ã¤ã„ã¦è§£èª¬ã™ã‚‹é ƒåˆã„ã‹ãªã¨æ€ã„ç«‹ã¡ç†ã‚’åŸ·ã£ãŸæ¬¡ç¬¬ã§ã™ã€‚ ä»Šå›žã¯ã‚ãã¾ã§ã‚‚ åŸºæœ¬ã«å¿ å®Ÿ ã«ã€ç°¡å˜ãªãƒ¬ã‚¤ãƒˆãƒ¬ãƒ¼ã‚·ãƒ³ã‚°ã®å®Ÿè£…ã‚’ GLSL ã ã‘ã§è¡Œã£ã¦ã¿ã¾ã—ã‚‡ã†ã€‚å…¨å›½ã®ãƒ¬ã‚¤ãƒˆãƒ¬ãƒ•ã‚¡ãƒ³ã®çš†ã•ã‚“ã®å£°æ´ã«å¿œãˆã¦ãŒã‚“ã°ã£ã¦è§£èª¬è¨˜äº‹ã‚’æ›¸ã„ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚ å‰ç½®ã ç§ã¯å¹¸é‹ãªã“ã¨ã« WebGL ã«ã¤ã„ã¦è§£èª¬ã™ã‚‹æ©Ÿä¼šãŒãã‚Œãªã‚Šã«ã‚ã‚Šã¾ã™ã€‚ ãã†ã„ã£ãŸå¸ã§ã¯ã‚ˆãã€æ•°å¦çš„ãªçŸ¥è˜ã¯ã¨ã‚Šã‚ãˆãšå¾Œå›žã—ã«ã—ã¦ã¾ãšã¯ã‚„ã£ã¦ã¿ã‚‹ã“ã¨ã‹ã‚‰ã‚¹ã‚¿ãƒ¼ãƒˆã—ã¾ã—ã‚‡ã†ã¨ã„ã†è©±ã‚’ã—ã¾ã™ã€‚ãŸã¨ãˆã°è¡Œåˆ—ã‚„ã‚¯ã‚©ãƒ¼ã‚¿ãƒ‹ã‚ªãƒ³ã«ã¤ã„ã¦ã€ãã®æ•°å¦çš„ãªè©³ç´°ã«ã¾ã§å‹‰å¼·ã™ã‚‹ã®ã¯å¤§å¤‰ã§ã™ã€‚ã§ã™ã‹ã‚‰ã€ã¾ãšã¯ä½¿ã„æ–¹ã‹ã‚‰è¦šãˆã‚ˆã†ã¨ã„ã†ä¿ƒã—æ–¹ã‚’ã™ã‚‹
cartman0 2016/07/22
OpenGL

webgl

glsl

ãƒ¬ã‚¤ãƒˆãƒ¬ãƒ¼ã‚·ãƒ³ã‚°

Shader

WebGL

RayTracing
ãƒªãƒ³ã‚¯
WebGL é–‹ç™ºæ”¯æ´ã‚µã‚¤ãƒˆ wgld.org
æ¬¡ãªã‚‹ Web ã‚’è¦‹æ®ãˆã¦ æ¥ãŸã‚‹ã¹ã WebGL2 ã®æ™‚ä»£ã¸ 2011 å¹´ã€æœ€åˆã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚‹ 1.0 ãŒå‹§å‘Šã•ã‚ŒãŸ WebGL ã¯ã€ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ OpenGL ES ã«ç›¸å½“ã™ã‚‹ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ API ã®æ©Ÿèƒ½ã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ JavaScript ã® API ã§ã™ã€‚ ãã—ã¦ 2016 å¹´ã€WebGL ã®æ£å½“ãªå¾Œç¶™ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨ãªã‚‹ WebGL2 (ã‚‚ã—ãã¯ WebGL 2.0) ãŒã„ã‚ˆã„ã‚ˆæœ¬æ ¼çš„ã«åˆ©ç”¨ã§ãã‚‹æ®µéšŽã«ãªã‚Šã¤ã¤ã‚ã‚Šã¾ã™ã€‚ å½“ã‚µã‚¤ãƒˆã§ã¯ã€2012 å¹´ã®é–‹è¨ä»¥æ¥ã€WebGL 1.0 ç³»ã® API ã‚’ç”¨ã„ã‚‹ãŸã‚ã®æŠ€è¡“è§£èª¬ã‚’æŽ²è¼‰ã—ã¦ãã¾ã—ãŸã€‚ãã—ã¦ä»Šå¾Œã¯ã€æ™‚ä»£ã®å¤‰é·ã«åˆã‚ã›ã¦ WebGL 2.0 ç³»ã®è§£èª¬è¨˜äº‹ã‚‚å…¬é–‹ã—ã¦ã„ãæ–¹é‡ã§ã™ã€‚ WebGL 2.0 ãŒç™»å ´ã™ã‚‹ã¨ã¯è¨€ã£ã¦ã‚‚ã€å¾Œæ–¹äº’æ›ã‚’ä¿ã¤ã¨ã„ã†æ„å‘³ã‚‚ã‚ã£ã¦ æ„å›³çš„ã«æœ‰åŠ¹åŒ– ã—ãªã„é™ã‚Šã¯ WebGL 1.0 ç›¸å½“ã® AP
cartman0 2015/11/02
webgl

ãƒ–ãƒ©ã‚¦ã‚¶

javascript

Webåˆ¶ä½œ

programming

canvas

html5

3D

OpenGL
ãƒªãƒ³ã‚¯
WebGLã¨3Dç‰©ç†æ¼”ç®—ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®çµ„ã¿åˆã‚ã›ã‚’è©¦ã—ã¦ã¿ã‚‹ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
cartman0 2015/10/03
ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

JavaScript

ç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³

simulation

webgl

3D
ãƒªãƒ³ã‚¯
https://qiita.com/hp0me/items/1c8d099bacbb5e068081
cartman0 2015/09/19
HTML5

HTML

web

webgl

pocket2twitter

thought

game

dev
ãƒªãƒ³ã‚¯
æ„åœ°ã§ã‚‚CreateJSã§WebGLã‚’ä½¿ã£ã¦ã¿ã‚ˆã†â€•CreateJSå‹‰å¼·ä¼š/å·å‹ç™ºè¡¨è³‡æ–™ - ICS MEDIA
CreateJSå‹‰å¼·ä¼š (ç¬¬6å›ž)ã§ã®ãƒ©ã‚¤ãƒˆãƒ‹ãƒ³ã‚°ãƒˆãƒ¼ã‚¯ã€Œæ„åœ°ã§ã‚‚CreateJSã§WebGLã‚’ä½¿ã£ã¦ã¿ã‚ˆã†ã€ï¼ˆç™ºè¡¨è€…ï¼šå·å‹ï¼‰ã®ç™ºè¡¨å†…å®¹ã‚’è¨˜äº‹ã¨ã—ã¦ã¾ã¨ã‚ã¾ã—ãŸã€‚CreateJSã®WebGLæ©Ÿèƒ½ã¯é«˜ã„ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãŒå¾—ã‚‰ã‚Œã‚‹ã‚‚ã®ã®ã€è¡¨ç¾ã®åˆ¶ç´„ãŒã‚ã‚Šã¾ã™ã€‚æœ¬è¨˜äº‹ã§ã¯CreateJSã®WebGLæ©Ÿèƒ½ã‚’æ‹¡å¼µã™ã‚‹ã“ã¨ã§ã€ãã®åˆ¶ç´„ã‚’è¶…ãˆã¦æœ›ã¿ã®è¡¨ç¾ã‚’å®Ÿç¾ã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ CreateJSã§ã¯WebGLãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã«å¯¾å¿œ CreateJSã®ä¸ã§ã€æç”»æ©Ÿèƒ½ã‚’æä¾›ã—ã¦ã„ã‚‹EaselJSã¯WebGLã§ã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚WebGLã§ã¯ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã«GPUã‚’ä½¿ç”¨ã§ãã‚‹ãŸã‚ã€é«˜é€Ÿã«æç”»ãŒå¯èƒ½ã§ã™ã€‚CreateJSã§ã¯WebGLã‚’ä½¿ç”¨ã™ã‚‹ã¨ã€å¾“æ¥ã®Context2Då½¢å¼ã«æ¯”ã¹ã¦ç’°å¢ƒã«ã‚ˆã£ã¦ã¯æœ€å¤§51å€ã‚‚ã®é«˜é€ŸåŒ–ãŒè¦‹è¾¼ã‚ã¾ã™ï¼ˆå‚ç…§ã€ŒWebGL Support in EaselJS - Create
cartman0 2015/09/16
CreateJS

webgl

p_WebGL
ãƒªãƒ³ã‚¯
WebGL ç·æœ¬å±±
ãƒŽã‚¤ã‚ºã«ã‚ˆã‚‹ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã¨ãƒ–ãƒãƒƒã‚¯çŠ¶ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’çµ„ã¿åˆã‚ã›ãŸ LEEROY ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆãŒãŠã‚‚ã—ã‚ã„ WebGL GLSL demo è¦‹ãŸç›®ã®ã‚·ãƒ³ãƒ—ãƒ«ã•ã¨ã¯è£è…¹ã« ä»Šå›žã”ç´¹ä»‹ã™ã‚‹ã®ã¯ LEEROY ã¨ã„ã†ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãƒ»ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ã‚·ãƒ¼ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã§ã™ã€‚ ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®èƒŒæ™¯ãŒ WebGL ã«ã‚ˆã£ã¦å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã‚¿ã‚¤ãƒ—ã§ã€ã—ã‹ã‚‚ãƒŽã‚¤ã‚ºã‚’ä½¿ã£ãŸã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æç”»ã™ã‚‹ã‹ã‚“ã˜ãªã®ã§ã€æ¯”è¼ƒçš„ã‚ˆãè¦‹ã‹ã‘ã‚‹ã‚ˆã†ãªå¤–è¦³ã‚’ã—ã¦ã„ã¾ã™ã€‚ ãŸã ã€ãã“... ãƒ”ãƒ³ãƒã‚¤ãƒ³ãƒˆã« WebGL ã‚’æ´»ç”¨ã—ã¤ã¤å¤§èƒ†ãªæ¼”å‡ºã‚’ç››ã‚Šè¾¼ã‚“ã Kevin Hilgendorf ã•ã‚“ã®ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚µã‚¤ãƒˆ WebGL GLSL demo ç”¨é€”ã«å¿œã˜ã¦é©åˆ‡ã« ä»Šå›žã”ç´¹ä»‹ã™ã‚‹ã®ã¯ã€Kevin Hilgendorf ã•ã‚“ã¨ã„ã†ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã®ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚µã‚¤ãƒˆã§ã™ã€‚ WebGL ã‚’ä½¿ã£ã¦ã„ã‚‹å ´æ‰€ãŒã‹ãªã‚Šé™å®šçš„ã«ãªã£ã¦ãŠã‚Šã€åŠ¹æžœçš„ãªå ´
cartman0 2015/07/02
webgl

HTML5

3D
ãƒªãƒ³ã‚¯
ãã£ã¨è¦‹ã‚‹äººã«ã‚ˆã£ã¦æ„Ÿã˜æ–¹ãŒé•ã†ï¼ï¼Ÿã€€ã¾ã‚‹ã§é«ªã®æ¯›ã®ã‚ˆã†ãªã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãŒã‚¦ãƒã‚¦ãƒã™ã‚‹ WebGL ãƒ‡ãƒ¢ - WebGL ç·æœ¬å±±
cartman0 2015/06/05
webgl
ãƒªãƒ³ã‚¯
1