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

rikuo id:rikuo

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

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

Three.jsã®ã‚³ãƒ¼ãƒ‰ã¯é–“é•ã„ï¼ WebGLãŒä½¿ãˆã‚‹ç’°å¢ƒã‹ã©ã†ã‹ã®ãƒ›ãƒ³ãƒˆã®åˆ¤å®šæ–¹æ³• Androidå¯¾å¿œç‰ˆ - Qiita
ã€ŒThree.jsã€ã¯WebGLã‚’ä½¿ã£ãŸãƒªãƒƒãƒãª3Dè¡¨ç¾ãŒä½¿ç”¨ã§ãã‚‹äººæ°—ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚ã¨ã“ã‚ãŒã€Three.jså…¬å¼ã‚µã‚¤ãƒˆã§ç´¹ä»‹ã—ã¦ã„ã‚‹WebGLæœ‰åŠ¹åˆ¤å®šã¯Android 4ç³»ã®WebViewå‘ã‘ã®WebGLæœ‰åŠ¹åˆ¤å®šãŒä¸ååˆ†ãªã®ã§ã€WebGLã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¡¨ç¤ºã•ã›ã‚ˆã†ã¨ã™ã‚‹ã¨çœŸã£é»’ã«ãªã‚‹ã¨ã„ã†æœ€æ‚ªã®äº‹æ…‹ãŒç™ºç”Ÿã—ã¾ã™(2016/3/2ç¾åœ¨ ver74)ã€‚Android 4.03ã‹ã‚‰ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã—ãŸ4.4ã®ä¸€éƒ¨ã§ã‚‚åŒæ§˜ã®ç¾è±¡ã‚’ç¢ºèªã—ã¾ã—ãŸã€‚2016/3/2ç¾åœ¨ã€Androidã€€ï¼”ç³»ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯62%(å‚è€ƒï¼šã€ŒAndroid Developersã€)ã‚‚ã„ã¾ã™ã®ã§ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘WebGLã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ä½œã‚‹ãªã‚‰ã°æ±ºã—ã¦ç„¡è¦–ã§ããªã„ãƒã‚°ã§ã™ã€‚ ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã¯ã“ã®ç¾è±¡ã®åŽŸå› ã¨è§£æ±ºç–ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ #ä½•ãŒèµ·ã“ã£ã¦ã„ã‚‹ã®ã‹ ä¸‹è¨˜ã¯Android 4.1.2ã®æ¨™æº–ãƒ–ãƒ©ã‚¦ã‚¶ã€iOS 9.2.1ã®Mobil
rikuo 2016/03/02
Three.js

android

WebGL
ãƒªãƒ³ã‚¯
ç”ŸWebGLå…¥é–€:åˆéŸ³ãƒŸã‚¯ã®ç¾Žéº—3Dãƒ¢ãƒ‡ãƒ«ã‚’è¡¨ç¤ºã™ã‚‹(å‰ç·¨)
Special Thanks to @hagat and @teehah for reviewing my articles! è¿‘å¹´ã€WebGLã«æµè¡Œã®å…†ã—ãŒå‡ºã¦ãã¾ã—ãŸã€‚WebGLã¨ã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ã«ä½•ã‚‰ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã“ã¨ãªãã€JavaScriptã‚ˆã‚ŠGPUã‚’ä½¿ç”¨ã—ãŸ3Dã®è¡¨ç¤ºã‚’å¯èƒ½ã¨ã™ã‚‹æŠ€è¡“ã§ã™ã€‚ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãŒå¿…è¦ãªã„ã¨ã¯ã„ãˆä»Šã¾ã§ã¯å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ãŒå°‘ãªãã‚ã¾ã‚Šå®Ÿç”¨çš„ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸãŒã€å…ˆæ—¥ã®iOS8ã§æ£å¼ã«å¯¾å¿œã•ã‚ŒãŸã“ã¨ã§ãƒ¢ãƒã‚¤ãƒ«ãƒ–ãƒ©ã‚¦ã‚¶ã«ãŠã„ã¦å¯¾å¿œçŽ‡ãŒè·³ãä¸ŠãŒã‚Šã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«ãŠã„ã¦ãƒ–ãƒ©ã‚¦ã‚¶ãƒ™ãƒ¼ã‚¹ã§3Dã®ã‚²ãƒ¼ãƒ ç‰ã‚’ä½œã‚Œã‚‹å¯èƒ½æ€§ãŒæ€¥æ¿€ã«é«˜ã¾ã‚Šã¾ã—ãŸã€‚ ä»Šå›žWebGL Advent Calendarã®ä¸€ç’°ã¨ã—ã¦ã€ç”ŸWebGLã§3Dã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’è¡¨ç¤ºã™ã‚‹ã¨ã“ã‚ã¾ã§æŒ‘æˆ¦ã—ã¦ã¿ã¾ã™ã€‚WebGLã«ã¯three.jsã‚’å§‹ã‚ã¨ã—ã¦æœ‰ç”¨ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒãŸãã•ã‚“ã‚ã‚Šã€å¤§æŠµã®å ´
rikuo 2014/12/04
WebGL
ãƒªãƒ³ã‚¯
ç¿ æ˜Ÿã®ã‚¬ãƒ«ã‚¬ãƒ³ãƒ†ã‚£ã‚¢ã€€ã€œã‚ãƒŸã¨å±Šã‘ã‚‹ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã€œ
Microsoftã¨Production I.Gã®å…±åŒãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãŒå®Ÿç¾ï¼å®Œå…¨ç„¡æ–™WEBã‚²ãƒ¼ãƒ ç™»å ´ï¼RETHINK WEB GAMING â–¶â–¶ Production I.G and Internet Explorer have teamed up to create Gargantia: Sky Courier, a brand new action adventure game based on the popular intro series Gargantia on the Verdurous Planet. â–¶â–¶ In Sky Courier, you get to play the role of Ledo as he explores his new home from the sky while piloting a surf kite with the help of hi
rikuo 2014/06/19
WebGL
ãƒªãƒ³ã‚¯
ç«‹ä½“åœ°å›³ï¼ˆåœ°ç†é™¢åœ°å›³3Dãƒ»è§¦åœ°å›³ï¼‰
åœ°ç†é™¢åœ°å›³ã®ã€Œ3Dæ©Ÿèƒ½ã€ã‚„åœ°ç†é™¢åœ°å›³Globeã§ã¯ã€ã€Œèª°ã§ã‚‚ãƒ»ç°¡å˜ã«ãƒ»æ—¥æœ¬å…¨å›½ã©ã“ã§ã‚‚ã€3æ¬¡å…ƒã§è¦‹ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ åœ°ç†é™¢åœ°å›³ã®3Dæ©Ÿèƒ½ã§ã¯3Dãƒ—ãƒªãƒ³ã‚¿ç”¨ã®ãƒ‡ãƒ¼ã‚¿ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ æœ¬ã‚µã‚¤ãƒˆã§ã¯ã€ç«‹ä½“åœ°å›³ã®ä½¿ã„æ–¹ã‚„ç«‹ä½“æ¨¡åž‹ã€è§¦åœ°å›³ã®ä½œã‚Šæ–¹ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ æœ€æ–°æƒ…å ± ç«‹ä½“åœ°å›³ã‚’ä½œã‚‹ï¼ˆãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ç·¨ï¼‰ã«æ—¥æœ¬ã®å…¸åž‹åœ°å½¢ã®ç«‹ä½“æ¨¡åž‹ã‚’è¿½åŠ ã—ã¾ã—ãŸã€‚ï¼ˆå¹³æˆ30å¹´7æœˆ4æ—¥ï¼‰ åœ°ç†é™¢åœ°å›³ã‚’æ”¹è‰¯ã—ã€åœ°ä¸‹ã®ç©ºä¸ã®3Dè¡¨ç¤ºã‚„ã€3Dè¡¨ç¤ºç¯„å›²ã®é¸æŠžãŒå¯èƒ½ã«ãªã‚Šã¾ã—ãŸã€‚ï¼ˆå¹³æˆ29å¹´3æœˆ14æ—¥ï¼‰ åœ°ç†é™¢åœ°å›³Globeã‚’æ£å¼å…¬é–‹ã—ã¾ã—ãŸã€‚ï¼ˆå¹³æˆ29å¹´3æœˆ14æ—¥ï¼‰ æµ·å¤–ã®åœ°å½¢ã‚‚3Dè¡¨ç¤ºã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ï¼ˆå¹³æˆ28å¹´12æœˆ21æ—¥ï¼‰ åœ°ç†é™¢åœ°å›³3Dã®ãƒ—ãƒã‚°ãƒ©ãƒ ã®ä¿®æ£ã«ã¤ã„ã¦ï¼ˆå¹³æˆ28å¹´11æœˆ21æ—¥ï¼‰
rikuo 2014/03/20
WebGL

3Dãƒ—ãƒªãƒ³ã‚¿ãƒ¼

service
ãƒªãƒ³ã‚¯
Two.js: Particle Sandbox
Renderers SVG Canvas WebGL Shapes Triangle Circle Square Pentagon Star Operations Translation Rotation Scale Vertices - 0 + 0 Vertices
rikuo 2014/02/13
SVG,CANVAS,WebGLã§ã®è² è·æ¯”è¼ƒã€‚

SVG

canvas

WebGL

performance
ãƒªãƒ³ã‚¯
http://clockmaker.jp/blog/2014/01/html5-webgl-away3d-typescript-samples/
rikuo 2014/01/03
WebGL
ãƒªãƒ³ã‚¯
Graphical Web Advent Calendar 2013 - Adventar
ä»Šå¹´ã‚‚ã‚„ã‚ã†! Video, SVG, Canvas 2D, WebGL ã‚„ãã‚Œã‚‰ã‚’æ´»ã‹ã—ãŸãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ãªã©ãªã©ã€‚æŠ€è¡“ãƒã‚¿ã§ã‚‚ã€ä½œå“ã§ã‚‚ã€æ•°å¦ã§ã‚‚ã€‚
rikuo 2013/11/11
Advent Calendar

svg

canvas

WebGL
ãƒªãƒ³ã‚¯
WebGL ã§é«˜é€Ÿ BlendMode | Yomotsu net
WebGL ã‚’ä½¿ãˆã°ã€è‰²ã®åŠ ç®—ã€æ¸›ç®—ã€ä¹—ç®—ã¨ã„ã£ãŸãƒ–ãƒ¬ãƒ³ãƒ‰ãƒ¢ãƒ¼ãƒ‰ãŒé«˜é€Ÿã§å‡¦ç†ã§ãã‚‹ã¨ã„ã†ãŠè©±ã€‚ Canvas2D ã§ã‚‚ãƒ”ã‚¯ã‚»ãƒ«ãƒžãƒ‹ãƒ”ãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ãŒã§ãã‚‹ã®ã§ã€æ§˜ã€…ãªãƒ–ãƒ¬ãƒ³ãƒ‰ãƒ¢ãƒ¼ãƒ‰ã‚’è‡ªå‰ã§å®Ÿè£…ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã®ã ãŒã€ãƒ”ã‚¯ã‚»ãƒ«æ•° * 4è‰²ã®å‡¦ç†è² è·ãŒ CPU ã«ã‹ã‹ã‚‹ãŸã‚ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãŒã‚ˆããªã„ã€‚ã—ã‹ã— WebGL ã®ãƒ•ãƒ©ã‚°ãƒ¡ãƒ³ãƒˆã‚·ã‚§ãƒ¼ãƒ€ãƒ¼ã‚’åˆ©ç”¨ã™ã‚Œã°è‰²ã‚’é«˜é€Ÿã§å‡¦ç†ã§ãã‚‹ã€‚ demo WebGL ã¯ç°¡å˜ãªã“ã¨ã‚’ã™ã‚‹ã«ã‚‚ã€åˆæœŸåŒ–ã®å‡¦ç†ãŒå†—é•·ãªãŸã‚ã‚³ãƒ¼ãƒ‰ã¯é•·ããªã£ã¦ã—ã¾ã†ãŒã€å®Ÿéš›ã¯å¤§ã—ãŸã“ã¨ã¯ã‚„ã£ã¦ã„ãªã„ã€‚ 2ã¤ã®ãƒˆãƒ©ã‚¤ã‚¢ãƒ³ã‚°ãƒ«ã‚’ç”¨æ„ã™ã‚‹ 2æžšã®ãƒ†ã‚¯ã‚¹ãƒãƒ£ãƒ¼ç”»åƒã‚’é©ç”¨ã™ã‚‹ ãƒ•ãƒ©ã‚°ãƒ¡ãƒ³ãƒˆã‚·ã‚§ãƒ¼ãƒ€ãƒ¼ã§ãƒ†ã‚¯ã‚¹ãƒãƒ£ãƒ¼ç”»åƒã®è‰²ã‚’ãƒ–ãƒ¬ãƒ³ãƒ‰ã™ã‚‹ GLSL ã§ã¯ã€4æˆåˆ† (Red, Green, Blue, Alpha) ã‚’ãã®ã¾ã¾è¶³ã—ãŸã‚ŠæŽ›ã‘ãŸã‚Šã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã®ã§ã€ãƒ–ãƒ¬ãƒ³ãƒ‰ã®å…¬å¼ã«å½“ã¦ã¯ã‚ã‚‹ã ã‘ã§å‡¦ç†ã§ãã‚‹ã€‚
rikuo 2013/08/11
ç”»åƒ

performance

retouch

WebGL
ãƒªãƒ³ã‚¯
Two.js
TIP Prior to v0.7.0-alpha.1 Two.js requires Underscore.js and Backbone.js Events. If you're already loading these files elsewhere then you can build the project yourself and get the file size even smaller. For more information on custom builds check out the source on github. # Overview Overview # Focus on Vector Shapes Two.js is deeply inspired by flat motion graphics (opens new window). As a resu
rikuo 2013/05/10
SVG

canvas

WebGL

javascript

library
ãƒªãƒ³ã‚¯
Animate your HTML5
AccÃ¨s rapide: âž› CSS3 âž› SVG âž› Canvas âž› WebGL âž› CSS shaders prÃ©cÃ©dentsuivant action action = sur la plupart des slides, il se passe quelque chose quand on clique (surtout les slides 4, 9, 19, 31 et 38 :-) Quick access: --self-- --self-- --self-- --self-- --self-- --self-- --self-- --self-- --self-- --self-- previous next action action = on most slides, something happens when you click (especially sl
rikuo 2013/02/07
SVG

css

canvas

WebGL

presentation
ãƒªãƒ³ã‚¯
Firefoxã§3DãŒè¡¨ç¤ºã•ã‚Œãªã„å ´åˆã®å¯¾å‡¦
Firefox 11ä»¥é™ã§ã¯3Dè¡¨ç¤ºï¼ˆãƒšãƒ¼ã‚¸ã‚¤ãƒ³ã‚¹ãƒšã‚¯ã‚¿æ©Ÿèƒ½ã‚’åˆ©ç”¨ï¼‰ãŒå¯èƒ½ã§ã™ã€‚ãŒã€ã©ã†ã„ã†ã‚ã‘ã‹3Dã«ã§ããªã„ã‚±ãƒ¼ã‚¹ã‚‚ã‚ã‚‹ã‚ˆã†ã§ã™ã€‚ç§ãŒãã†ã§ã—ãŸã€‚ ã¨ã„ã†ã“ã¨ã§ã€Firefoxã§3DãŒè¡¨ç¤ºã•ã‚Œãªã„å ´åˆã®å¯¾å‡¦æ–¹æ³•ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ ï¼‘ï¼Ž3Dè¡¨ç¤ºã™ã‚‹ å¯¾å‡¦æ–¹æ³•ã¯å¾Œå›žã—ã«ã—ã¦ï¼ˆç¬‘ï¼‰ã€ã¾ãšã¯3Dã®è¡¨ç¤ºæ–¹æ³•ã‹ã‚‰èª¬æ˜Žã—ã¾ã™ã€‚ ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‹ã‚‰ã€ŒWebé–‹ç™ºã€â†’ã€Œèª¿æŸ»ã€ã‚’é¸æŠžã€‚ã¾ãŸã¯ç”»é¢ã‚’å³ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã€Œè¦ç´ ã‚’èª¿æŸ»ã€ã‚’é¸æŠžã€‚ ãƒ–ãƒ©ã‚¦ã‚¶å³ä¸‹ã«è¡¨ç¤ºã•ã‚ŒãŸã€Œ3Dãƒ“ãƒ¥ãƒ¼ã€ã‚’ã‚¯ãƒªãƒƒã‚¯ã€‚ ã“ã‚Œã§3Dãƒ“ãƒ¥ãƒ¼ã«åˆ‡ã‚Šæ›¿ã‚ã‚Šã¾ã™ã€‚ãƒžã‚¦ã‚¹ã§ãƒ‰ãƒ©ãƒƒã‚°ã™ã‚Œã°æ–¹å‘ã‚’å¤‰ãˆã‚‰ã‚Œã€ãƒ›ã‚¤ãƒ¼ãƒ«ã§ã‚ºãƒ¼ãƒ ã‚¤ãƒ³ãƒ»ã‚ºãƒ¼ãƒ ã‚¢ã‚¦ãƒˆãŒã§ãã¾ã™ã€‚ ï¼’ï¼Žå•é¡Œç‚¹ ã¨ã“ã‚ãŒã€å†’é ã§è¿°ã¹ãŸã¨ãŠã‚Šã€ç§ã®ç’°å¢ƒã§ã¯ã€Œ3Dãƒ“ãƒ¥ãƒ¼ã€ãƒœã‚¿ãƒ³ãŒè¡¨ç¤ºã•ã‚Œã¾ã›ã‚“ã§ã—ãŸã€‚ ãƒãƒƒãƒˆã‚’æ¤œç´¢ã—ã¦ã‚‚ã€ ã€Œ3Dã“ã‚“ãªé¢¨ã«è¡¨ç¤ºã•ã‚Œã¾ã—ãŸï¼ã™ã”ã„ï¼æœ€é«˜ï¼ã€ ã¨ã„ã†ã€ã¾ã£ãŸãè‹¦åŠ´ã›ãšã«è¡¨ç¤ºã•ã‚Œã¾ã—ãŸ
rikuo 2012/10/29
firefox

WebGL

browser
ãƒªãƒ³ã‚¯
WebGL and Three.js
32. <!doctype html> <html> //é ‚ç‚¹ <head> var vertices = new Float32Array([ <meta charset="utf-8"> 0.0, 0.5, 0.0, <title>webgl demo</title> -0.5, -0.5, 0.0, <script> 0.5, -0.5, 0.0 document.addEventListener('DOMContentLoaded', function(){ var canvas = document.querySelector('#glcanvas'); ]); var gl = canvas.getContext('experimental-webgl'); // é ‚ç‚¹ã®æ•° var verticesLength = 3; var vShaderSource = [ // gl_
rikuo 2012/09/08
WebGL

presentation

javascript

library
ãƒªãƒ³ã‚¯
http://dl.dropbox.com/u/6213850/WebGL/nyanCat/nyan.html
rikuo 2012/02/20
3DCG

WebGL
ãƒªãƒ³ã‚¯
Three.js â€“ JavaScript 3D Library
three.jsr127 docs examples Learn documentation examples editor Community questions discord forum slack twitter Code github download devtools Resources Three.js Fundamentals Three.js Journey Learn Three.js åˆã‚ã¦ã®Three.js Merch T-Shirts submit project
rikuo 2012/02/03
library

javascript

WebGL
ãƒªãƒ³ã‚¯
ã€ç¬¬22å›ž HTML5ã¨ã‹å‹‰å¼·ä¼šãƒ¬ãƒãƒ¼ãƒˆã€‘ Processing.jsã€SVGã€WebGLã€‚HTML5å‘¨è¾ºã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯é–¢é€£æŠ€è¡“
HTML5ã«ã‚ˆã‚‹æœ€æ–°Webã‚¢ãƒ—ãƒª 2011å¹´10æœˆ26æ—¥ã€å“å·ã‚°ãƒ©ãƒ³ãƒ‰ã‚»ãƒ³ãƒˆãƒ©ãƒ«ã‚¿ãƒ¯ãƒ¼ã®ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆå“å·æœ¬ç¤¾ã«ã¦ã€ã€Œç¬¬22å›ž HTML5ã¨ã‹å‹‰å¼·ä¼šã€ãŒé–‹å‚¬ã•ã‚ŒãŸã€‚HTML5ã¨ã‹å‹‰å¼·ä¼šã¯ã€HTML5ã«é–¢å¿ƒã®ã‚ã‚‹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚„ã‚³ãƒ¼ãƒ€ãƒ¼ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å‘ã‘ã®å‹‰å¼·ä¼šã ã€‚ä»Šå›žã®ãƒ†ãƒ¼ãƒžã¯ã€Œã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯é–¢é€£APIã€ã€‚å½“æ—¥ã®æ§˜åã‚’ãŠä¼ãˆã—ã‚ˆã†ã€‚ Processing.jsã£ã¦ãªã‚“ã ï¼Ÿ ã¾ãšã€ã‚¼ãƒãƒ™ãƒ¼ã‚¹ã®ç”°ä¸æ°ï¼ˆ@dotimpactï¼‰ã‹ã‚‰ãƒ—ãƒ¬ã‚¼ãƒ³ãŒã‚¹ã‚¿ãƒ¼ãƒˆã—ãŸã€‚ç”°ä¸æ°ã¯ç¾Žè¡“å¤§å¦ã§éžå¸¸å‹¤è¬›å¸«ã‚’ã—ãŸã‚Šã€Processingã®å…¥é–€æ›¸åŸ·ç†ãªã©ã‚‚æ‰‹æŽ›ã‘ã¦ã„ã‚‹ã€‚ Processingã¨ã¯ ç”°ä¸æ°ã®ãƒ—ãƒ¬ã‚¼ãƒ³ã¯ã€Processingã®ç´¹ä»‹ã‹ã‚‰å§‹ã¾ã£ãŸã€‚ ç”°ä¸æ°ã®ï¼ ITã§ã®Processingã®è¨˜äº‹ã€ŒProcessingã®å¯¾è©±å¼ã‚¹ã‚±ãƒƒãƒãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã§éŠã¼ã†ã€ã‚‚å‚ç…§ã„ãŸã ããŸã„ã€‚ Processingã¯2001å¹´ã€MITãƒ¡ãƒ‡ã‚£ã‚¢
rikuo 2011/11/22
HTML5

Processing

SVG

WebGL

JavaScript

development
ãƒªãƒ³ã‚¯
HelloEnjoyåˆ¶ä½œã®ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãƒŸãƒ¥ãƒ¼ã‚¸ãƒƒã‚¯ãƒ“ãƒ‡ã‚ªã€ŒLightsã€ - å¼·ç«ã§é€²ã‚
ä»¥å‰ç´¹ä»‹ã—ãŸF1ã‚«ãƒ¼ã®ãƒ‡ãƒ¢(ã“ã¡ã‚‰ã‚‚WebGLè£½)ã®åˆ¶ä½œãªã®ã§æœ‰åãªHelloEnjoyãŒã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãƒŸãƒ¥ãƒ¼ã‚¸ãƒƒã‚¯ãƒ“ãƒ‡ã‚ªã‚’ä½œæˆã•ã‚ŒãŸã¿ãŸã„ã§ã™ã€‚ HelloEnjoyã®è»Šã®ãƒ‡ãƒ¢ - å¼·ç«ã§é€²ã‚ http://d.hatena.ne.jp/nakamura001/20110314/1300111314 WebGLè£½ãƒŸãƒ¥ãƒ¼ã‚¸ãƒƒã‚¯ãƒ“ãƒ‡ã‚ªãŒå†ç”Ÿã•ã‚Œã¦ã„ã‚‹ã®ã¯3:12è¾ºã‚Šã‹ã‚‰ã€‚ Lights Project Demo (WebGL) from London Web Standards on Vimeo. PVã¯ã“ã¡ã‚‰ã§è¦³ã‚Œã¾ã™ã€‚ãƒžã‚¦ã‚¹ã‚«ãƒ¼ã‚½ãƒ«ã®ä½ç½®ã§å…‰ã®é€²è¡Œæ–¹å‘ãŒå¤‰ã‚ã‚Šã¾ã™ã€‚ Lights http://lights.elliegoulding.com/ Twitterã‹ã‚‰æƒ…å ±ã‚’å–å¾—ã—ã€Twitter IDã‚„ã‚¢ã‚¤ã‚³ãƒ³ç”»åƒã‚’å–ã‚Šè¾¼ã‚“ã§è¡¨ç¤ºã—ã¦ã‚‹ã¿ãŸã„ã§ã™ã€‚ ã“ã¡ã‚‰ã®ãƒ–ãƒã‚°ã«ã¦è©³ã—ã„ä»•çµ„ã¿ã‚„ãƒ†ã‚¯ãƒ‹ãƒƒ
rikuo 2011/11/10
WebGL
ãƒªãƒ³ã‚¯
ELLIE GOULDING
Ellie Goulding â€“ Something In The Way You Move (Directed by Emil Nava)
rikuo 2011/11/10
WebGL
ãƒªãƒ³ã‚¯
MMD on WebGL ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã‚’ç”¨æ„ã—ãŸ - by edvakf in hatena
è©¦ã›ã‚‹ã‚ˆã†ã«ã—ãŸã»ã†ãŒã„ã„ã¨è¨€ã‚ã‚ŒãŸã®ã§ã€ãƒžã‚¦ã‚¹æ“ä½œãªã©ã®æ©Ÿèƒ½ã‚’ã¤ã‘ã¦ã¡ã‚ƒã‚“ã¨å½¢ã«ã—ãŸã€‚ ã‚‚ã—ã‹ã—ãŸã‚‰å°†æ¥ã¯åˆ¥ã®æ‰€ã«ç§»å‹•ã™ã‚‹ã‹ã‚‚ã€‚ã¨ã‚Šã‚ãˆãšæš«å®šã€‚ http://edv.sakura.ne.jp/mmd/ Chrome ã§ã—ã‹ä½¿ãˆã¾ã›ã‚“ã€‚Firefox ã¯æ—©ã DataView ã‚’å®Ÿè£…ã—ã¦ãã ã•ã„ã€‚David Flanagan ã•ã‚“ã® DataView.js ã‚’ä½¿ãˆã° Firefox ã§ã‚‚å‹•ã‹ã›ã‚‹ã¨æ•™ãˆã¦ã‚‚ã‚‰ã£ãŸã®ã§ Firefox ã§ã‚‚å‹•ãã‚ˆã†ã«ã—ãŸã€‚ Shift+Drag ã§ç§»å‹•ãªã‚“ã ã‘ã©ã€æ–‡å—é¸æŠžã•ã‚Œã¦ã‚‹ã¨ãã¯ Chrome ã ã¨ãŠã‹ã—ãªã“ã¨ã«ãªã‚‹ã€‚èª¬æ˜Žæ–‡ã‚’æ›¸ã„ã¦ãªã„ã¨ãã¯å•é¡Œãªã‹ã£ãŸã®ã«ï¼ã¡ã‚‡ã£ã¨ä¸æº€ã€‚ ãƒžã‚¦ã‚¹æ“ä½œã¨ã‚ãƒ¼ãƒœãƒ¼ãƒ‰æ“ä½œä»¥å¤–ã®å¤‰æ›´ç‚¹ã¯ã€è»¸ã¨ä¸å¿ƒç‚¹ã‚’ä»˜ã‘ãŸã“ã¨ã€‚ ä¸å¿ƒç‚¹ã¯ Point Sprite ã¨ã„ã†æ–¹æ³•ã§ã‚„ã£ãŸã€‚ï¼ˆãã‚Œä»¥å¤–ã«ã©ã†ã‚„ã‚Œã°ã„ã„ã®ã‹çŸ¥ã‚‰ãªã„ã‘ã©ï¼‰ â†“ã“ã®ã¸ã‚“
rikuo 2011/10/09
WebGL

åˆéŸ³ãƒŸã‚¯
ãƒªãƒ³ã‚¯
3DCGArts
æŠ•ç¨¿ã—ãŸï¼“ï¼¤ï¼£ï¼§ä½œå“ã‚’è‡ªç”±ãªè¦–ç‚¹ã‹ã‚‰è¦‹ã‚‰ã‚Œã‚‹ç«‹ä½“ä½œå“ã‚„ç”»åƒä½œå“ã¨ã—ã¦å…¬é–‹ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã”ç™»éŒ²ãƒ»ã”åˆ©ç”¨ã¯å…¨ã¦ç„¡æ–™ã§ã™ã€‚
rikuo 2011/09/28
3DCG

WebGL

community

service
ãƒªãƒ³ã‚¯
WebGL Water
Made by Evan Wallace This demo requires a decent graphics card and up-to-date drivers. If you can't run the demo, you can still see it on YouTube. Interactions: Draw on the water to make ripples Drag the background to rotate the camera Press SPACEBAR to pause and unpause Drag the sphere to move it around Press the L key to set the light direction Press the G key to toggle gravity Features: Raytrac
rikuo 2011/08/24
WebGL
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸