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

nitoyon id:nitoyon

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

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

åœ°ç†é™¢åœ°å›³ï¼“D
â€»ï¼‘ã€€ï¼“Dãƒ—ãƒªãƒ³ã‚¿å°åˆ·ç”¨ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ â€»ï¼’ã€€ç«‹ä½“åœ°å›³ç”¨ãƒ•ã‚¡ã‚¤ãƒ«ãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ãƒãƒ¼ã‚«ãƒ«ç’°å¢ƒã§é–²è¦§ã•ã‚Œã‚‹å ´åˆã¯ã€Firefox ã‚’ã”ä½¿ç”¨ãã ã•ã„ã€‚ -ã€€ã•ã‚‰ã«ï¼‘ã‚¹ãƒ†ãƒƒãƒ—ã€€- ã€ŒWebGLã€ã‚’é¸æŠžã—ã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã•ã‚Œã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã®ã†ã¡ã€Œtexture.pngã€ã¯é€šå¸¸ã®ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã§ã™ã€‚ ãƒšã‚¤ãƒ³ãƒˆãªã©ã®æç”»ã‚½ãƒ•ãƒˆã§é–‹ãã€ç·šã‚„æ–‡å—ã‚’æ›¸ãè¾¼ã‚“ã§ã‚ªãƒªã‚¸ãƒŠãƒ«ç«‹ä½“å›³ã‚’ä½œã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ ã¾ãŸã€åº§æ¨™ä»˜ã®ç”»åƒã‚’æ‰±ãˆã‚‹ã‚½ãƒ•ãƒˆã§ã¯ã€GPSã®è»Œè·¡ãªã©ã‚’é‡ãåˆã‚ã›ã¦ä¿å˜ã™ã‚‹ã¨ã€ç™»å±±ãƒ«ãƒ¼ãƒˆãªã©ãŒå…¥ã£ãŸç«‹ä½“åœ°å›³ã‚„ ç«‹ä½“æ¨¡åž‹ã‚’ä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ« ã‚®ãƒ£ãƒ©ãƒªãƒ¼ å„åœ°æ–¹æ¸¬é‡éƒ¨ãŠã‚¹ã‚¹ãƒ¡ã®å ´æ‰€ã§ã™ã€‚ ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ç«‹ä½“åœ°å›³ãŒé–‹ãã¾ã™ã€‚ ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨å¤§ããªã‚¤ãƒ¡ãƒ¼ã‚¸ã§ã”è¦§ã„ãŸã ã‘ã¾ã™ã€‚ ç«‹ä½“åœ°å›³ã‚’é–²è¦§ã™ã‚‹ã«ã¯ã€Internet Explorer 11ã€Google C
nitoyon 2014/03/19
ã¾ã•ã‹ã®å›½åœŸåœ°ç†é™¢å…¬å¼ã® WebGL (three.js) ä½¿ã£ã¦åœ°å›³ã‚’ 3D è¡¨ç¤ºã§ãã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã€‚3Dãƒ—ãƒªãƒ³ã‚¿ãƒ¼ç”¨ãƒ‡ãƒ¼ã‚¿ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰å¯ã€‚

gis

3d

map

webgl
ãƒªãƒ³ã‚¯
WebGLã®èƒ½åŠ›ã‚’å¼•ãå‡ºã™ãƒ—ãƒã‚°ãƒ©ãƒžãƒ–ãƒ«ã‚·ã‚§ãƒ¼ãƒ€ãƒ¼
WebGLã®èƒ½åŠ›ã‚’å¼•ãå‡ºã™ãƒ—ãƒã‚°ãƒ©ãƒžãƒ–ãƒ«ã‚·ã‚§ãƒ¼ãƒ€ãƒ¼ Webãƒšãƒ¼ã‚¸ä¸Šã§åˆ©ç”¨ã§ãã‚‹ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯æŠ€è¡“ã‚’ç´¹ä»‹ã™ã‚‹æœ¬é€£è¼‰ã‚‚ã€ã¤ã„ã«æœ€çµ‚å›žã¨ãªã‚Šã¾ã—ãŸã€‚ãƒ•ã‚£ãƒŠãƒ¼ãƒ¬ã‚’é£¾ã‚‹é¡Œæã¯ã€WebGLã®æœ€ã‚‚å¼·åŠ›ãªæ©Ÿèƒ½ã§ã‚ã‚‹ã€Œãƒ—ãƒã‚°ãƒ©ãƒžãƒ–ãƒ«ã‚·ã‚§ãƒ¼ãƒ€ãƒ¼ã€ã§ã™ã€‚å‰å›žï¼ˆå¤šå½©ãªè¡¨ç¾åŠ›ã®WebGLã‚’æ‰±ã„ã‚„ã™ãã™ã‚‹ã€ŒThree.jsã€ï¼‰ã¨åŒæ§˜ã«Three.jsã®ä½¿ç”¨ã‚’å‰æã¨ã—ã¦ã€ãƒ—ãƒã‚°ãƒ©ãƒžãƒ–ãƒ«ã‚·ã‚§ãƒ¼ãƒ€ãƒ¼ã®åŸºæœ¬çš„ãªæ›¸ãæ–¹ã¨ã€Three.jsã‚’å„æ©Ÿèƒ½ã«çµ„ã¿è¾¼ã‚€æ–¹æ³•ã‚’è§£èª¬ã—ã¾ã™ã€‚ å‰å›žã¯Three.jsã®ä»£è¡¨çš„ãªæ©Ÿèƒ½ã‚’è§£èª¬ã—ã€ã„ãšã‚Œã‚‚WebGLã§ãªã‘ã‚Œã°å®Ÿç¾ã®é›£ã—ã„ã‚‚ã®ã°ã‹ã‚Šã§ã—ãŸã€‚ã—ã‹ã—ã€å®Ÿã¯ãã‚Œã§ã‚‚WebGLã®èƒ½åŠ›ã®ã”ãä¸€éƒ¨ã‚’ä½¿ã£ã¦ã„ã‚‹ã«ã™ãŽã¾ã›ã‚“ã€‚ç‹¬è‡ªã®ãƒ—ãƒã‚°ãƒ©ãƒžãƒ–ãƒ«ã‚·ã‚§ãƒ¼ãƒ€ãƒ¼ï¼ˆã‚«ã‚¹ã‚¿ãƒ ã‚·ã‚§ãƒ¼ãƒ€ãƒ¼ï¼‰ã‚’æ›¸ãã“ã¨ãŒã§ãã‚Œã°ã€æç”»å‡¦ç†ã®å¤§éƒ¨åˆ†ã‚’æŸ”è»Ÿã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã€æœ›ã¿é€šã‚Šã®è¡¨ç¾ã‚’å¾—ã‚‰ã‚Œã¾ã™ã€‚Three.jsã®ä½¿ã„æ–¹ã«æ…£ã‚ŒãŸã‚‰ã€ãœã²
nitoyon 2012/11/29
WebGL ã®ã‚·ã‚§ãƒ¼ãƒ€ãƒ¼ã«ã¤ã„ã¦ã€‚http://www.atmarkit.co.jp/fwcr/design/benkyo/webgraphics05/01.html ã®ç¶šç·¨ã€‚

webgl
ãƒªãƒ³ã‚¯
100,000 Stars
3,840Â°K (cooler) 7,300Â°K 42,000Â°K (hotter) B-V Stellar Color Index Temperatures in Kelvin The Sun is the star at the center of the Solar System. It is almost perfectly spherical and consists of hot plasma interwoven with magnetic fields.[12][13] It has a diameter of about 1,392,684 km,[5] about 109Â times that of Earth, and its mass (about 2Ã—1030Â kilograms, 330,000Â times that of Earth) accounts for
nitoyon 2012/11/16
ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã§å‹•ã Powers of Ten ã®å®‡å®™ç‰ˆã€‚ã‚¹ã‚±ãƒ¼ãƒ«å¤‰æ›´ãƒ»å›žè»¢å¯èƒ½ã€‚WebGL (three.js)ã€‚

visualize

webgl

chrome
ãƒªãƒ³ã‚¯
å¤šå½©ãªè¡¨ç¾åŠ›ã®WebGLã‚’æ‰±ã„ã‚„ã™ãã™ã‚‹ã€ŒThree.jsã€
å¤šå½©ãªè¡¨ç¾åŠ›ã®WebGLã‚’æ‰±ã„ã‚„ã™ãã™ã‚‹ã€ŒThree.jsã€ï¼šWebã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’ãƒãƒƒã‚¯ã™ã‚‹ï¼ˆ5ï¼‰ï¼ˆ1/5 ãƒšãƒ¼ã‚¸ï¼‰ Three.jsã¯WebGLã®å†—é•·ãªä»•æ§˜ã‚’ã†ã¾ããƒ©ãƒƒãƒ—ã—ã€æ‰±ã„ã‚„ã™ã„ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã§æä¾›ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã ã€‚ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã¨è¦‹æ¯”ã¹ãªãŒã‚‰ã€åŠ¹çŽ‡è‰¯ãå¦ç¿’ã—ã‚ˆã† Three.jsã®åŸºç¤Ž æœ¬é€£è¼‰ã‚‚5å›žç›®ã‚’è¿Žãˆã€ã„ã‚ˆã„ã‚ˆä½³å¢ƒã«å…¥ã‚Šã¾ã™ã€‚ä»Šå›žã®é¡Œæã¯ã€Webãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§3æ¬¡å…ƒã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’å®Ÿç¾ã™ã‚‹ã€ŒWebGLã€ã§ã™ã€‚ãŸã ã—ã€ã“ã‚Œã¾ã§ã¨é•ã£ã¦APIã‚’ç›´æŽ¥ã¯è§¦ã‚Œãšã€ã€ŒThree.jsã€ã‚’åˆ©ç”¨ã—ã¾ã™ã€‚Three.jsã¯WebGLã®å†—é•·ãªä»•æ§˜ã‚’ã†ã¾ããƒ©ãƒƒãƒ—ã—ã€æ‰±ã„ã‚„ã™ã„ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã§æä¾›ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚Mr.Doobæ°ã‚’ä¸å¿ƒã«ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã§é–‹ç™ºãŒé€²ã‚ã‚‰ã‚Œã¦ãŠã‚Šã€WebGLç•Œéšˆã§ã¯ãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã«è¿‘ã„åœ°ä½ã‚’ç¯‰ã„ã¦ã„ã¾ã™ã€‚ Three.jpå…¬å¼ã‚µã‚¤ãƒˆ WebGLã¯ã“ã‚Œã¾ã§è§£èª¬ã—
nitoyon 2012/10/14
three.js ã§ WebGL ã‚’ä½¿ã†æ–¹æ³•ç´¹ä»‹ã€‚

webgl
ãƒªãƒ³ã‚¯
Interactive Globe: Small Arms Imports & Exports
This data visualization was produced by Google as part of the Google Ideas INFO (Illicit Networks, Forces in Opposition) Summit with support from the Igarape Institute and data provided by the Peace Research Institute Oslo (PRIO) small arms database. The visualization includes >1 million individual import and export data points from annual custom reports and maps the transfer of small arms, light
nitoyon 2012/08/08
è¼¸å‡ºå…¥ã®ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ©ã‚¤ã‚ºã€‚3D ãã‚Šãã‚Šã€‚ç¾Žã—ã„ã€‚Google ãŒä½œã£ã¦ã‚‹æ¨¡æ§˜ã€‚Chrome æŽ¨å¥¨ã€‚three.js ä»•æ§˜ã€‚

visualize

webgl

javascriptsite
ãƒªãƒ³ã‚¯
ASCII Google Street View (AMAZING)
If you are looking for a unique and interesting experience, you may want to check out this rendition of Google Street View in ASCII, which also includes some cool ASCII art. The device features an automatic rotation function, allowing users to focus on their desired content without the need to search for navigation arrows. Additionally, it offers a green color mode for enhanced viewing and a Matri
nitoyon 2012/07/31
WebGL ã¨ three.js ã§ã‚¢ã‚¹ã‚ãƒ¼ ã‚¹ãƒˆãƒªãƒ¼ãƒˆãƒ“ãƒ¥ãƒ¼ã€‚Green mode ãŒ MATRIX ã‚’å½·å½¿ã¨ã•ã›ã‚‹ã€‚

streatview

webgl
ãƒªãƒ³ã‚¯
See 3D buildings in a whole new way with Google MapsGL
Post a Comment Note: Only a member of this blog may post a comment.
nitoyon 2012/04/27
WebGL ç‰ˆ Google Maps ã§å»ºç‰©ã®é«˜ã•ã‚’ç”Ÿã‹ã—ãŸ 3D è¡¨ç¤ºãŒå¯èƒ½ã«ãªã£ãŸã€‚â€è¦–å·®â€ ã‚’åˆ©ç”¨ã€‚

webgl

google maps
ãƒªãƒ³ã‚¯
Chrome Experiments
Chrome Experiments is a showcase of work by coders who are pushing the boundaries of web techno logy, creating beautiful, unique web experiences. You'll find helpful links throughout the site for creating your own experiments, and you can also explore resources like WebGL Globe and our workshop of tools.
nitoyon 2012/02/06
Google Maps ã®è¡›æ˜Ÿç”»åƒã¨é«˜åº¦ãƒ‡ãƒ¼ã‚¿ã‚’ä½¿ã£ã¦åœ°å›³ã‚’ãƒ–ãƒãƒƒã‚¯è¡¨ç¤ºã€‚WebGL(three.js)ä½¿ç”¨ã€‚ã‹ã‚ã„ã„ã€‚

webgl

google maps
ãƒªãƒ³ã‚¯
The Lessons - Hack The WebGL (WebGLå‹‰å¼·ä¼š)
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
nitoyon 2012/01/21
WebGL å…¥é–€ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€‚Learning WebGL (http://learningwebgl.com/blog/?page_id=1217)ã®å’Œè¨³ã€‚

webgl

tutorial
ãƒªãƒ³ã‚¯
blog.alumican.net Â» Blog Archive Â» ãã‚ãã‚WebGLã‚’ãƒ»ãƒ»ãƒ»
ãã‚ãã‚WebGLã§ã‚‚ã‚„ã£ã¦ãŠã‹ãªã„ã¨é£Ÿã„ã£ã±ãã‚Œã‚‹ã‹ãªã‚ã€‚ ã¨ã„ã†ã‚ã‘ã§ã€ Â» WebGL Chaser (Google ChromeæŽ¨å¥¨) ãƒžã‚¦ã‚¹ãƒ‰ãƒ©ãƒƒã‚°ã§è¦–ç‚¹åˆ‡ã‚Šæ›¿ãˆã€ã‚¹ãƒšãƒ¼ã‚¹ã‚ãƒ¼ã§ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãƒ¢ãƒ¼ãƒ‰åˆ‡ã‚Šæ›¿ãˆã€‚ WebGLã¨ã„ã£ã¦ã‚‚ã€mr.doobå…ˆç”Ÿã®Three.jsçµŒç”±ã§ã™ã€‚ã¤ã„ã§ã«ã€Three.jsã‚’èª°ã§ã‚‚ç°¡å˜ã«å§‹ã‚ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¯ãƒ©ã‚¹ã‚’ä½œã£ã¦ãŠãã¾ã—ãŸã€‚ Â» BasicView.js (GitHub) Â» BasicView Example ä»Šå¹´ã¯è‰²ã€…ãªæŠ€è¡“ã‚„æ„Ÿæ€§ã‚’ç£¨ãã¤ã¤ã€ãã‚Œã‚‰ã‚’è‡ªåˆ†è‡ªèº«ã¸è½ã¨ã—è¾¼ã‚ã‚‹ã‚ˆã†ã«é ‘å¼µã‚Šã¾ã™ã‚ãƒ¼ã€‚
nitoyon 2012/01/21
three.js ã§ã‹ã£ã“ã„ã„ 3D è¡¨ç¤ºã€‚

webgl
ãƒªãƒ³ã‚¯
Streetview Stereographic
Shader Toy + Google Map + Panoramic Explorer Walk Â .. Keyboard â†‘ â† â†“ â†’ Rotate .. Click and drag left panel
nitoyon 2012/01/08
ã‚¹ãƒˆãƒªãƒ¼ãƒˆ ãƒ“ãƒ¥ãƒ¼ã®ãƒ‘ãƒŽãƒ©ãƒžç”»åƒã‚’ã‚¹ãƒ†ãƒ¬ã‚ªæŠ•å½±ã€‚çŸ¥ã£ã¦ã‚‹é¢¨æ™¯ãŒå°ã•ãªåœ°çƒã«ãªã£ã¦æ¥½ã—ã„!!! WebGL ä½¿ç”¨ã€‚

streetview

panorama

webgl
ãƒªãƒ³ã‚¯
Google ãƒžãƒƒãƒ— GLãƒ™ãƒ¼ã‚¿ç‰ˆ ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸ
æœ¬æ—¥ã€ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚ˆã‚Šç«‹ä½“çš„ãªåœ°å›³ã‚’ä½“é¨“ã§ãã‚‹ Google MapsGL ãƒ™ãƒ¼ã‚¿ç‰ˆã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸã€‚Web ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ (WebGL) ã¨ã¯ã€ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’æ–°ãŸã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ãªãã¦ã‚‚ã€ãŠä½¿ã„ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã‚„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‚ˆã‚Šé®®æ˜Žã«ã™ã‚‹è¡¨ç¾ã§ãã‚‹æ–°ã—ã„ã‚¦ã‚§ãƒ–æŠ€è¡“ã§ã™ã€‚Google ãƒžãƒƒãƒ—ã« WebGL ã‚’æŽ¡ç”¨ã™ã‚‹ã“ã¨ã§ã€å»ºç‰©ã®ãƒªã‚¢ãƒ«ãª 3D è¡¨ç¤ºã€ç”»åƒé–“ã®ã‚¹ãƒ ãƒ¼ã‚ºãªåˆ‡ã‚Šæ›¿ãˆã€ã‚¹ãƒˆãƒªãƒ¼ãƒˆãƒ“ãƒ¥ãƒ¼ã¸ã®æ»‘ã‚‰ã‹ãªç§»è¡Œãªã©ã€ãƒžãƒƒãƒ—ã®ä½¿ã„å¿ƒåœ°ãŒä¸€æ®µã¨å‘ä¸Šã—ã¾ã—ãŸã€‚ Google Chrome 14 ä»¥ä¸Šã€ã¾ãŸã¯ Firefox Beta ç‰ˆç‰ã€ä¸€å®šè¦ä»¶ã‚’æº€ãŸã™ãƒ–ãƒ©ã‚¦ã‚¶ã¨ãƒ“ãƒ‡ã‚ªã‚«ãƒ¼ãƒ‰ãŒã‚ã‚Œã°ã€MapsGL ã®åˆæœŸãƒ™ãƒ¼ã‚¿ç‰ˆã‚’ãŠè©¦ã—ã„ãŸã ã‘ã¾ã™ã€‚maps.google.co.jp ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ [ æ–°ã—ã„ãƒžãƒƒãƒ—ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã‚’ä½¿ã£ã¦ã¿ã¾ã›ã‚“ã‹ ] ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ãã ã•ã„ã€‚ WebGL
nitoyon 2011/10/15
Google Maps WebGL ç‰ˆã€‚ã‚ºãƒ¼ãƒ ã®ã‚¹ãƒ ãƒ¼ã‚ºåŒ–ã€45Â° Imageryã®å›žè»¢ã‚¹ãƒ ãƒ¼ã‚ºåŒ–ã€ã‚¹ãƒˆãƒªãƒ¼ãƒˆãƒ“ãƒ¥ãƒ¼ã¸ã®ã‚¹ãƒ ãƒ¼ã‚ºãªé·ç§»ã€‚

google maps

webgl
ãƒªãƒ³ã‚¯
Mozilla Re-Mix: ã©ã‚“ãªã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚‚3DåŒ–ã™ã‚‹ã“ã¨ãŒã§ãã‚‹Firefoxã‚¢ãƒ‰ã‚ªãƒ³ã€ŒTiltã€
Firefox 4ä»¥é™ã‹ã‚‰ã¯ã€WebGLå¯¾å¿œã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚«ãƒ¼ãƒ‰ã‚’æè¼‰ã—ã¦ã„ã‚‹PCã§3Dã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’æç”»ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã“ã®æ©Ÿèƒ½ã‚’åˆ©ç”¨ã—ã¦ã€ã©ã‚“ãªã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚‚3DåŒ–ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã¨ã„ã†ã‚¢ãƒ‰ã‚ªãƒ³ãŒè©±é¡Œã«ãªã£ã¦ã„ã¾ã—ãŸã®ã§ã€ã¡ã‚‡ã£ã¨è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ WebGLã‚’åˆ©ç”¨ã—ã¦ã€è¡¨ç¤ºã—ã¦ã„ã‚‹ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚’3DåŒ–ã™ã‚‹ã€ŒTiltã€ã¯ã€è¤‡æ•°ã®Mozillaé–‹ç™ºè€…ã«ã‚ˆã‚‹ã€ŒDeveloper Tools projectã€ã‹ã‚‰ç”Ÿã¾ã‚ŒãŸå®Ÿé¨“çš„ãªã‚¢ãƒ‰ã‚ªãƒ³ã§ã™ã€‚ WebGLå¯¾å¿œPCã§Firefox 4ä»¥é™ã‚’åˆ©ç”¨ã—ã¦ã„ã‚‹ç’°å¢ƒã«ã“ã®ã‚¢ãƒ‰ã‚ªãƒ³ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã¨ã€ä»»æ„ã®ãƒšãƒ¼ã‚¸ã‚’3DåŒ–ã—ã€ãƒžã‚¦ã‚¹ã§ã‚°ãƒªã‚°ãƒªã¨å‹•ã‹ã™ã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ä½¿ã„æ–¹ã¯éžå¸¸ã«ç°¡å˜ã§ã™ã€‚ 3DåŒ–ã—ãŸã„ãƒšãƒ¼ã‚¸ã‚’é–‹ãã€Ctrl+Shift+Lï¼ˆMacã®å ´åˆCmd+Shift+Lï¼‰ã‚’å®Ÿè¡Œã™ã‚‹ã‹ã€ãƒ„ãƒ¼ãƒ«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‹ã‚‰[
nitoyon 2011/07/22
HTML éšŽå±¤ã‚’ WebGL ã§ 3D åŒ–ã€‚/ åŒã˜ã‚ˆã†ãªã“ã¨ã‚’ CSS Transform ã§ã‚„ã‚ã†ã¨ã—ãŸã‘ã©æ¿€é‡ã ã£ãŸã€‚

firefox

webgl

3d
ãƒªãƒ³ã‚¯
1