Famo.us·WebGL/Canvasを使ã£ã¦é«˜åº¦ãªè¡¨ç¾ã‚’å¯èƒ½ã«ã™ã‚‹JavaScriptフレームワーク MOONGIFT
スマートフォンã«ãŠã„ã¦Webã‹ãƒã‚¤ãƒ†ã‚£ãƒ–ã‹ã¨è¨€ã£ãŸè°è«–ã¯å¸¸ã«ã•ã‚Œã¦ã„ã¾ã™ã€‚ãƒã‚¤ãƒ†ã‚£ãƒ–アプリã¯é«˜åº¦ãªUI/UXã‚’æä¾›ã™ã‚‹ä¸€æ–¹ã€ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã®æ‰‹é–“ãŒå¦ã‚ã¾ã›ã‚“。Webã¯é€Ÿåº¦ã‚„UXã«ãŠã„ã¦è¦‹åŠ£ã‚ŠãŒã—ã¾ã™ã€‚ ã—ã‹ã—Web（HTML5）ã®é€²åŒ–ã¯æ¢ã¾ã‚Šã¾ã›ã‚“。ã¤ã„ã«ã“ã“ã¾ã§ï¼ã¨ã„ã†ãƒ•ãƒ¬ãƒ¼ãƒ ワークãŒFamo.usã§ã™ã€‚3Dã‚’å‚™ãˆãŸãƒ¬ãƒ³ãƒ€ãƒ¼ã‚’è¡Œã†JavaScriptフレームワークã«ãªã‚Šã¾ã™ã€‚ Famo.usã®ä½¿ã„æ–¹ ãŸãã•ã‚“ã®ãƒ‡ãƒ¢ãŒç™»éŒ²ã•ã‚Œã¦ã„ã¾ã™ã®ã§è¦‹ã¦ã„ãã¾ã—ょã†ã€‚ 写真ã¨ç”»åƒã®çµ„ã¿åˆã‚ã›ã€‚å·¦å³ã‹ã‚‰è¡¨ç¤ºã•ã‚Œã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚ã‚ã‚Šã¾ã™ã€‚ スクãƒãƒ¼ãƒ«ãƒ‘ララックスエフェクトã®ãƒ‡ãƒ¢ã€‚ アニメーションã®ãƒ‡ãƒ¢ã€‚ カレンダーã®æ—¥ä»˜ã‚’é¸æŠžã™ã‚‹ã¨ã‚¹ã‚±ã‚¸ãƒ¥ãƒ¼ãƒ«ãŒé–‹ãã¾ã™ã€‚アニメーションãŒã‚¹ãƒ ーズã§ã™ã€‚ スライドã—ã¦è¡¨ç¤ºã•ã‚Œã‚‹å†™çœŸã®ãƒ‡ãƒ¢ã§ã™ã€‚ ページé€ã‚Šã®ãƒ‡ãƒ¢ã€‚ 天気アプリデモ。ベクター調ã®è¡¨ç¤ºãŒã„ã„ã§ã™ã。 タスク管ç†ã€‚
JavaScriptã¨WebGLを使ã£ã¦3Dモデルをæç”»ã§ãる「csg.jsã€:phpspot開発日誌
csg.js: Constructive Solid Geometry 3d Modeling in JavaScript and WebGL - Badass JavaScript JavaScriptã¨WebGLを使ã£ã¦3Dモデルをæç”»ã§ãる「csg.js〠簡å˜ãªã‚³ãƒ¼ãƒ‰ã§ç«‹ä½“çš„ãªã‚ªãƒ–ジェクトをæç”»ã§ãã¾ã™ 次ã®ã‚ˆã†ãªç°¡å˜ãªã‚³ãƒ¼ãƒ‰ã§å›³å½¢ã‚’æç”»ã§ãã‚‹ã¿ãŸã„ã§ã™ï¼ˆãƒ–ラウザãŒå¯¾å¿œã—ã¦ã„ã‚‹å¿…è¦ã‚り） var cube = CSG.cube(); var sphere = CSG.sphere({ radius: 1.3 }); var polygons = cube.subtract(sphere).toPolygons(); ä»–ã«ã‚‚以下ã®ã‚ˆã†ã«å›³å½¢ãŒæã‘ã¾ã™ １ï¼å¹´å¾Œã®WEBã¯ã©ã†ãªã£ã¦ã„ã‚‹ã‚“ã§ã—ょã†ã‹ã€‚。 関連エントリ ã¾ã‚‹ã§é”法ã®ã‚ˆã†ã 。２Dã®å›³å½¢ã‚’è¼ã３Dç”»åƒã«ã—ã¦ãれるPhotosh
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
NPR Sketch shader
Cross-hatching GLSL shader
{{#tags}}- {{label}}
{{/tags}}