繊細ã§ç¾Žã—ãã€ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ç”»åƒã‚’切りæ›ãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—トを使ã£ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ 2016å¹´ã®ã‚¤ãƒ³ãƒ‘クトã®ã‚ã‚‹æˆæžœç‰©ãƒ™ã‚¹ãƒˆ10ã«ã¯é–“é•ã„ãªã入りã¾ã™ã。
![[JS]ãã®ç¾Žã—ã•ã€ä¸€åº¦è¦‹ãŸã‚‰çµ¶å¯¾å¿˜ã‚Œãªã„ï¼ã‚¹ã‚´æŠ€ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’使ã£ãŸç”»åƒåˆ‡ã‚Šæ›ãˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯](https://cdn-ak-scissors.b.st-hatena.com/image/square/2b80cbe84952c5181c714203d0bc43c4fa7b61af/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201602%2F2016052601.png)
[JS]ãã®ç¾Žã—ã•ã€ä¸€åº¦è¦‹ãŸã‚‰çµ¶å¯¾å¿˜ã‚Œãªã„ï¼ã‚¹ã‚´æŠ€ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’使ã£ãŸç”»åƒåˆ‡ã‚Šæ›ãˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
繊細ã§ç¾Žã—ãã€ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ç”»åƒã‚’切りæ›ãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—トを使ã£ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ 2016å¹´ã®ã‚¤ãƒ³ãƒ‘クトã®ã‚ã‚‹æˆæžœç‰©ãƒ™ã‚¹ãƒˆ10ã«ã¯é–“é•ã„ãªã入りã¾ã™ã。
TWGL.js, a tiny WebGL helper library
This library's sole purpose is to make using the WebGL API less verbose. TL;DR If you want to get stuff done use three.js. If you want to do stuff low-level with WebGL consider using TWGL. The tiniest example Not including the shaders (which is a simple quad shader) here's the entire code <canvas id="c"></canvas> <script src="../dist/6.x/twgl-full.min.js"></script> <script> const gl = document.get
超簡å˜ã«3DCGã§ãã‚‹JavaScriptライブラリ作ã£ãŸ - aike’s blog
ブラウザã§WebGLãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ã¦3DCGプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã¯ãšã„ã¶ã‚“身近ãªã‚‚ã®ã«ãªã‚Šã¾ã—ãŸã€‚ã¨æ›¸ã„ã¦ã‚‹ãã°ã‹ã‚‰é•å’Œæ„Ÿã‚’æ„Ÿã˜ã‚‹ãらã„生ã®WebGLã‚’JavaScriptã§æ›¸ãã®ã¯æ•·å±…ãŒé«˜ã‹ã£ãŸã‚Šã—ã¾ã™ã€‚ã§ããªãã¯ãªã„ã‘ã©å‰æã¨ãªã‚‹çŸ¥è˜ãŒã‹ãªã‚Šå¿…è¦ãªæ„Ÿã˜ã€‚ three.jsãŒç™»å ´ã—ãŸã¨ãã¯ã€ã“ã‚Œã§æ™®é€šã«3DCGãŒã§ãã‚‹ã¨ã„ã†ã“ã¨ã§ä¸€æ°—ã«ã²ã‚ã¾ã‚Šã¾ã—ãŸã€‚ã¨ã¯ã„ãˆã€ãã‚Œã§ã‚‚ã¾ã ã‚„ã‚‹ã“ã¨ã¯å¤šãã€ç”»é¢ã«å››è§’ã„箱を表示ã™ã‚‹å ´åˆä»¥ä¸‹ã®ã‚ˆã†ãªãƒ—ãƒã‚°ãƒ©ãƒ を書ãã“ã¨ã«ãªã‚Šã¾ã™ã€‚ ãƒ»ã‚·ãƒ¼ãƒ³ã‚’ä½œæˆ ãƒ»ãƒ©ã‚¤ãƒˆã‚’ä½œæˆã€ä½ç½®ã¨å‘ãã‚’è¨å®šã€ã‚·ãƒ¼ãƒ³ã«è¿½åŠ ・カメラを作æˆã€ä½ç½®ã¨å‘ãã‚’è¨å®šã€ã‚·ãƒ¼ãƒ³ã«è¿½åŠ ・マテリアルを作æˆã€è‰²ã‚’指定 ・BoxGeometryを作æˆã€ã‚µã‚¤ã‚ºã‚’指定 ・メッシュを作æˆã€ä½ç½®ã¨å‘ãã‚’è¨å®šã€ã‚·ãƒ¼ãƒ³ã«è¿½åŠ ãƒ»ãƒ¬ãƒ³ãƒ€ãƒ©ãƒ¼ã‚’ä½œæˆ ãƒ»ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãƒ«ãƒ¼ãƒ—å‡¦ç† ã“れらã®ã²ã¨ã¤ã§ã‚‚é–“é•ãˆãŸã‚Šãƒ‘ラメーターãŒé©åˆ‡ã§ãª
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}