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

yhmt id:yhmt

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

${{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 5 ã® WebGL ã§å¤–éƒ¨ã‹ã‚‰ãƒ†ã‚¯ã‚¹ãƒãƒ£ã‚’ä¸Žãˆã‚‹æ–¹æ³•ã«ã¤ã„ã¦èª¿ã¹ã¦ã¿ãŸ - å‡¹ã¿Tips
ã¯ã˜ã‚ã« Unity 5 ã® WebGL å‡ºåŠ›ã§ã€å¤–éƒ¨ï¼ˆè‡ªåˆ†ã§æ›¸ã„ãŸ JavaScript ã®ã‚³ãƒ¼ãƒ‰ï¼‰ã‹ã‚‰ãƒ†ã‚¯ã‚¹ãƒãƒ£ã‚’ä¸ŽãˆãŸã„ã¨æ€ã„ã€è‰²ã€…èª¿ã¹ã¦ã¿ã¾ã—ãŸã®ã§æƒ…å ±ã‚’å…±æœ‰ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚é€šå¸¸ã®ç”»åƒã‚’ãƒ†ã‚¯ã‚¹ãƒãƒ£ã¨ã—ã¦æŒ‡å®šã™ã‚‹æ–¹æ³•ã¨ã€base64 ã‚¨ãƒ³ã‚³ãƒ¼ãƒ‰ã—ãŸç”»åƒã‚’ãƒ†ã‚¯ã‚¹ãƒãƒ£ã¨ã—ã¦æŒ‡å®šã™ã‚‹æ–¹æ³•ã®ï¼’ã¤ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Unity 5 ã® WebGL ã«ã¤ã„ã¦ã¯ä»¥å‰ã®è¨˜äº‹ã‚’ã”å‚ç…§ãã ã•ã„ã€‚ Unity 5 x WebGL ã«ã¤ã„ã¦è©³ã—ãèª¿ã¹ã¦ã¿ãŸ - å‡¹ã¿Tips ãƒ‡ãƒ¢ å¾Œè¿°ã®ã€Œbase64 ã‚¨ãƒ³ã‚³ãƒ¼ãƒ‰ã—ãŸç”»åƒã‚’ä¸Žãˆã‚‹ã€ã®å†…å®¹ã«ãªã‚Šã¾ã™ã€‚Canvas ã«æã„ãŸçµµã‚’ãƒ†ã‚¯ã‚¹ãƒãƒ£ã¨ã—ã¦ã‚²ãƒ¼ãƒ å†…ã§åˆ©ç”¨ã™ã‚‹äº‹ãŒã§ãã¾ã™ã€‚ 1. ç”»åƒã‚’ãƒ†ã‚¯ã‚¹ãƒãƒ£ã¨ã—ã¦åˆ©ç”¨ã™ã‚‹ è‡ªåˆ†ã®ã‚µãƒ¼ãƒã«ç½®ã„ã¦ã‚ã‚‹ãƒ†ã‚¯ã‚¹ãƒãƒ£ã‚’åæ˜ ä»¥ä¸‹ã®æ§˜ãªã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ãŸã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ Cube ã«ã‚¢ã‚¿ãƒƒãƒã—ã¾ã™ã€‚ using UnityEngine; us
yhmt 2014/12/27
unity

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
yhmt 2014/07/15
javascript

library

canvas

webgl

svg
ãƒªãƒ³ã‚¯
Apple Embraces WebGL | PlayCanvas Blog
In July 2011, Apple released Safari 5.1 bringing WebGL to OS X users. WebGL advocates the world over rejoiced - except there was a catch. WebGL was disabled by default, hiddenÂ behind a flag buried deep within Safari's preferences panel. The general expectation was that a switch to 'on by default' could not be far behind. Almost 3 years on, it seems this view was seriously misjudged. But now, it se
yhmt 2014/05/22
ios

mobilesafari

webgl
ãƒªãƒ³ã‚¯
http://clockmaker.jp/blog/2014/01/html5-webgl-away3d-typescript-samples/
yhmt 2014/01/02
typescript

javascript

webgl
ãƒªãƒ³ã‚¯
MMD on three.js | Yomotsu net
ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã¯ GraphicalWeb Advent Calendar 2013ã€25æ—¥ç›®ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã™ã€‚ è‡ªåˆ†ã§ã‚‚ã€MMD ã‚’ three.js ã§å‹•ã‹ã—ã¦ã¿ãŸã„ã¨æ€ã£ã¦ã„ãŸã®ã§ã‚„ã£ã¦ã¿ã¾ã—ãŸã€‚ demo (éŸ³ã‚’æœ‰åŠ¹ã«ã—ã¦ã¿ã¦ã) éŸ³ã‚’å‡ºã—ã¦ãŠæ¥½ã—ã¿ãã ã•ã„ã€‚Chrome, Firefox, IE11 ä¸Šã§ãªã‚‰å‹•ä½œã—ã¾ã™ã€‚ Akihiro Oyamada (a.k.a yomotsu) I'm a Web-Front-End-Engineer, as well as a Microsoft MVP for Internet Explorer since 2011 to 2017. Playing with CSS3, SVG, WebGL and others. If you have any feedback or comments, as well as speaker inv
yhmt 2013/12/26
mmd

threejs

webgl
ãƒªãƒ³ã‚¯
Loading...
yhmt 2013/06/06
webgl

video

javascript

library
ãƒªãƒ³ã‚¯
èƒ¸ç†±ã€‚Webãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã®MikuMikuDanceã€ŒMMD.jsã€|ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€ITãƒ‹ãƒ¥ãƒ¼ã‚¹ã‚’æ¯Žæ—¥ç´¹ä»‹ã™ã‚‹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å‘ã‘ãƒ–ãƒã‚°
MMD.jsã¯PMD/VMDã‚’èªã¿è¾¼ã‚“ã§WebGLã‚’ä½¿ã£ã¦æç”»ã™ã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ã€‚ å…ˆæ—¥mmd.jsã‚’ç´¹ä»‹ã—ã¾ã—ãŸãŒã€ã•ã‚‰ã«å®Œæˆåº¦ã®é«˜ã„MMDã‚’WebGLã‚’ä½¿ã£ã¦ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã™ã‚‹ã®ãŒMMD.jsã§ã™ã€‚ è¸Šã£ã¦ã„ã‚‹1ã‚·ãƒ¼ãƒ³ã€‚ã‹ãªã‚Šã‚¹ãƒ ãƒ¼ã‚ºã§ã™ã€‚ è¦‹ã¦ã„ã‚‹å‘ãã‚’å¤‰æ›´ã§ãã¾ã™ã€‚ä¸Šã‹ã‚‰ãŒã§ãã‚‹ã€ã¨ã„ã†ã“ã¨ã¯â€¦ã€‚ å¾Œã‚å‘ãã ã£ã¦ã‚‚ã¡ã‚ã‚“ã‚µãƒãƒ¼ãƒˆã€‚ MMD.jsã¯PMDã¨VMDã®èªã¿è¾¼ã¿ã€ãƒ‘ãƒ¼ã‚¹ã«å¯¾å¿œã—ã€WebGLã‚’ä½¿ã£ã¦å®Ÿéš›ã«ãƒ€ãƒ³ã‚¹ã‚’ã•ã›ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ã‚«ãƒ¡ãƒ©ã‚„ãƒ©ã‚¤ãƒˆã®ç§»å‹•ã«ã‚‚å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ä»Šã®ã¨ã“ã‚éŸ³æ¥½ã®å†ç”Ÿã‚„ãƒœãƒ¼ãƒ³ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¯å¯¾å¿œã—ã¦ã„ã¾ã›ã‚“ãŒã€ååˆ†æ¥½ã—ã„ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã«ãªã£ã¦ã„ã¾ã™ã€‚ MMD.jsã¯JavaScriptè£½ã€MIT Licenseã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ã€‚ MOONGIFTã¯ã“ã†è¦‹ã‚‹ ã“ã‚Œã¾ã§MMDã¨ã„ã†ã¨Windowsç”¨ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã‚ã‚‹VPVPã‚’
yhmt 2013/04/25
mmd

webgl

javascript

library
ãƒªãƒ³ã‚¯
CoffeePhysics
Download View on Github
yhmt 2013/02/23
coffeescript

canvas

webgl

library
ãƒªãƒ³ã‚¯
ã‚µã‚¤ãƒˆã¶ã£å£Šã™ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒ¬ãƒƒãƒˆä½œã‚Šã¾ã—ãŸã€‚
ã©ã‚‚ã€‚kaminalyã§ã™ã€‚ å…ˆæ—¥Unibaã•ã‚“ã¨åˆåŒã§WebGL(Three.js)/GLSLãªå‹‰å¼·ä¼šã‚’ã—ã¾ã—ãŸã€‚ ä¼šç¤¾ä»¥å¤–ã§å‰ã«ã§ã¦è©±ã™ã£ã¦ã®ã¯ã€ãªã‹ãªã‹æ©Ÿä¼šãŒãªã„ã®ã§è‰¯ã„åˆºæ¿€ã«ãªã£ãŸã€‚ ã‚ã¨ã€å‹‰å¼·ä¼šã«å‚åŠ ã—ã¦ãã‚ŒãŸæ–¹ã€…ã®åå¿œãŒè‰¯ã‹ã£ãŸã®ã§ã€ ã»ã£ã“ã‚Šã—ãŸæ„Ÿã˜ã§çµ‚ã‚ã‚‹äº‹ãŒå‡ºæ¥ãŸã€‚ ãƒãƒ³ãƒ‰ãƒžãƒ³ã ã£ãŸæ™‚ã®å¯’ã„MCã‚’æ€ã„å‡ºã™ã€‚ ã‚‚ã—ã€ã¿ã‚“ãªãŒç„¡åå¿œã ã£ãŸã‚‰ã€ã‚„ã‘é…’ã ã£ãŸã‚ã†ãã€‚é…’é£²ã‚ãªã„ã‘ã©ã€‚ ã¨ã€è©±ãŒãã‚Œã¾ã—ãŸãŒã€ ãã®å‹‰å¼·ä¼šã®æ™‚ã€Unibaã®ä»Šé‡Žã•ã‚“ï¼ˆ@nulltaskï¼‰ãŒ Three.jsã®DomRendererã¨ã„ã†ãƒ‹ãƒƒãƒãªãƒã‚¿ã§ã›ã‚ã¦ã„ã¦ã€ ãã®æ™‚ãµã¨ã€Three.jsã‚’ä½¿ã£ã¦ã‚µã‚¤ãƒˆã‚’ã¶ã£å£Šã™ãƒã‚¿ã‚’æ€ã„ã¤ãã¾ã—ãŸã€‚ ãã ã‚‰ãªã„ã§ã™ã€‚ãˆãˆã€ãã ã‚‰ãªã„ã—ã€å½¹ã«ã‚‚ç«‹ãŸãªã„ã§ã™ã€‚ â†“ã‚’ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ã¦ä½¿ã†ã¨ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒ¬ãƒƒãƒˆã¨ã—ã¦ä½¿ãˆã¾ã™ã€‚ explosion ãŸã æŠ¼ã™ã¨ã€ã“ã®ã‚µã‚¤ãƒˆãŒå¹ã£
yhmt 2013/02/17
javascript

treejs

webgl

bookmarklet
ãƒªãƒ³ã‚¯
Find Your Way to Oz | Disney's Oz The Great and Powerful | Google Chrome
A Chrome Experiment, inspired by Disney's Oz The Great and Powerful.
yhmt 2013/02/07
webgl

webrtc
ãƒªãƒ³ã‚¯
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
yhmt 2012/10/19
google

webgl

art

googlemap
ãƒªãƒ³ã‚¯
chrome-life.com
This domain may be for sale!
yhmt 2012/07/25
webgl
ãƒªãƒ³ã‚¯
iOS 4.2ä»¥é™ã§ã¯ã¡ã‚‡ã£ã¨ã—ãŸè£æŠ€ã‚’ä½¿ãˆã°WebGLãŒä½¿ãˆã‚‹ã¿ãŸã„ - å¼·ç«ã§é€²ã‚
ã“ã¡ã‚‰ã®ãƒ–ãƒã‚°å†…ã«å¼•ç”¨ã•ã‚Œã¦ã„ã‚‹ãƒ„ã‚¤ãƒ¼ãƒˆã«ã‚ˆã‚Œã°iAdã§ã‚ã‚Œã°iOS 4.2ã‹ã‚‰WebGLãŒä½¿ãˆã¦ã„ãŸã‚ˆã†ã§ã™ã€‚ Enabling & Using WebGL on iOS - Nathan de Vries http://atnan.com/blog/2011/11/03/enabling-and-using-webgl-on-ios/ ã¾ãŸã€iAdä»¥å¤–ã«ã‚‚UIWebViewã«ã¡ã‚‡ã£ã¨ã—ãŸè£æŠ€ã‚’ä½¿ãˆã°WebGLãŒä½¿ãˆã‚‹ã¿ãŸã„ã§ã™(Safariã‚¢ãƒ—ãƒªä¸Šã§å®Ÿè¡Œã™ã‚‹æ–¹æ³•ã¯ä»Šã®ã¨ã“ã‚ç„¡ã„ã¿ãŸã„ã§ã™)ã€‚ å…·ä½“çš„ã«ã¯ã“ã‚“ãªæ„Ÿã˜ã€ã¨ã£ã¦ã‚‚åˆ†ã‚Šæ˜“ã„ã§ã™ãw [webView setWebGLEnabled:YES]; å®Ÿéš›ã«ã“ã‚Œã‚’ä½¿ç”¨ã—ãŸã‚µãƒ³ãƒ—ãƒ«ãŒã“ã¡ã‚‰ã®GitHubã«ã¦å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ãƒ“ãƒ«ãƒ‰ã™ã‚Œã°å®Ÿéš›ã«3Dãƒ¢ãƒ‡ãƒ«ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ 373è¡Œè¾ºã‚Šã®ä»¥ä¸‹ã®è¨˜è¿°ã‚’ // Front fa
yhmt 2012/02/15
webgl

ios
ãƒªãƒ³ã‚¯
WebGL Filter
Load Save About
yhmt 2012/02/14
webgl

webservice
ãƒªãƒ³ã‚¯
WebGL Path Tracing
Path tracing is a realistic lighting algorithm that simulates light bouncing around a scene.Â This path tracer uses WebGL for realtime performance and supports diffuse, mirrored, and glossy surfaces.Â The path tracer is continually rendering, so the scene will start off grainy and become smoother over time.Â Here's how to interact with it: Add an object using the "Add Sphere" or "Add Cube" buttons
yhmt 2012/02/14
webgl

webkit
ãƒªãƒ³ã‚¯
WebGL demo roundup Â |Â Blog Â |Â Chrome for Developers
Build with Chrome Learn how Chrome works, participate in origin trials, and build with Chrome everywhere.
yhmt 2011/11/10
webgl

animation
ãƒªãƒ³ã‚¯
WebGL cars (dynamic cubemap reflections)
WebGL cars by AlteredQualia three.js dynamic cube reflection demo veyron by Troyano - gallardo by machman_3d
yhmt 2011/09/30
css3

javascript

webgl
ãƒªãƒ³ã‚¯
1