MathBox²MathBox² Work in Progress / SIGGRAPH 2014 WebGL BOF Steven Wittens unconed http:// acko.net
ãªãœ WebGL ãŒã„ã„ã®? | Yomotsu net
ã“ã®è¨˜äº‹ã¯ 「Why you should use WebGLã€ã®è‘—者 Florian æ°ã«è»¢è¼‰è¨±å¯ã‚’ã„ãŸã ãã€CC-by-sa license ã®ã‚‚ã¨å…¬é–‹ã—ã¾ã™ã€‚ã¾ã 翻訳途ä¸ã§ã™ ( still translating… ) There is (among graphics enthusiasts) a lot of debate what API/version of something to use with a bunch of hotly contested alternatives. I would like to convince you to give WebGL a try, and this blog post explains why. It will also quickly summarize a few things people usually ask abo
Tinkercad - From mind to design in minutes
Tinkercad is a free, easy-to-use app for 3D design, electronics, and coding.
Three.js doc
top THREE.PerspectiveCamera File doc/three.js/src/cameras/PerspectiveCamera.js Instance Variables fov aspect near far fullWidth fullHeight x y width height projectionMatrix Superclass THREE.Camera Examples (122) doc/three.js/examples/canvas_geometry_birds.html (source) doc/three.js/examples/canvas_geometry_cube.html (source) doc/three.js/examples/canvas_geometry_earth.html (source) doc/three.js/ex
WebGL Inspector - Chrome Web Store
Debug, diagnose, and explore WebGL scenes.
WebGLã®èƒ½åŠ›ã‚’引ã出ã™ãƒ—ãƒã‚°ãƒ©ãƒžãƒ–ルシェーダー
WebGLã®èƒ½åŠ›ã‚’引ã出ã™ãƒ—ãƒã‚°ãƒ©ãƒžãƒ–ルシェーダー Webページ上ã§åˆ©ç”¨ã§ãるグラフィック技術を紹介ã™ã‚‹æœ¬é€£è¼‰ã‚‚ã€ã¤ã„ã«æœ€çµ‚回ã¨ãªã‚Šã¾ã—ãŸã€‚フィナーレを飾る題æã¯ã€WebGLã®æœ€ã‚‚強力ãªæ©Ÿèƒ½ã§ã‚る「プãƒã‚°ãƒ©ãƒžãƒ–ルシェーダーã€ã§ã™ã€‚å‰å›žï¼ˆå¤šå½©ãªè¡¨ç¾åŠ›ã®WebGLを扱ã„ã‚„ã™ãã™ã‚‹ã€ŒThree.jsã€ï¼‰ã¨åŒæ§˜ã«Three.jsã®ä½¿ç”¨ã‚’å‰æã¨ã—ã¦ã€ãƒ—ãƒã‚°ãƒ©ãƒžãƒ–ルシェーダーã®åŸºæœ¬çš„ãªæ›¸ãæ–¹ã¨ã€Three.jsã‚’å„機能ã«çµ„ã¿è¾¼ã‚€æ–¹æ³•ã‚’解説ã—ã¾ã™ã€‚ å‰å›žã¯Three.jsã®ä»£è¡¨çš„ãªæ©Ÿèƒ½ã‚’解説ã—ã€ã„ãšã‚Œã‚‚WebGLã§ãªã‘ã‚Œã°å®Ÿç¾ã®é›£ã—ã„ã‚‚ã®ã°ã‹ã‚Šã§ã—ãŸã€‚ã—ã‹ã—ã€å®Ÿã¯ãã‚Œã§ã‚‚WebGLã®èƒ½åŠ›ã®ã”ã一部を使ã£ã¦ã„ã‚‹ã«ã™ãŽã¾ã›ã‚“。独自ã®ãƒ—ãƒã‚°ãƒ©ãƒžãƒ–ルシェーダー（カスタムシェーダー）を書ãã“ã¨ãŒã§ãã‚Œã°ã€æ画処ç†ã®å¤§éƒ¨åˆ†ã‚’柔軟ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã€æœ›ã¿é€šã‚Šã®è¡¨ç¾ã‚’得られã¾ã™ã€‚Three.jsã®ä½¿ã„æ–¹ã«æ…£ã‚ŒãŸã‚‰ã€ãœã²
多彩ãªè¡¨ç¾åŠ›ã®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ã¯ã“ã‚Œã¾ã§è§£èª¬ã—
The Lessons - Hack The WebGL (WebGL勉強会)
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
Three.js対応。Webブラウザ上ã§3Dモデルを作æˆÂ·ThreeFab MOONGIFT
ThreeFabã¯Tree.jsã«å¯¾å¿œã—ãŸ3DモデルをWebブラウザ上ã§ä½œæˆã§ãるソフトウェアã§ã™ã€‚ Three.jsã¯JavaScriptã§é«˜åº¦ãª3Dモデルをæç”»ã™ã‚‹ã‚¨ãƒ³ã‚¸ãƒ³ã§ã™ãŒã€ãã®ãƒ¢ãƒ‡ãƒ«ä½œæˆã¯ã‚„ã¯ã‚Šå¤§å¤‰ãªä½œæ¥ã«ãªã‚Šã¾ã™ã€‚ãã“ã§ä½¿ã£ã¦ã¿ãŸã„ã®ãŒThreeFabã«ãªã‚Šã¾ã™ã€‚ 最åˆã®ç”»é¢ã§ã™ã€‚3DモデルãŒå¥‡éº—ã«æã‹ã‚Œã¦ã„ã¦æ ¼å¥½ã„ã„ã§ã™ã€‚ マウスã§è¦–点ã®å¤‰æ›´ã‚‚ã§ãã¾ã™ã€‚ ãƒ¢ãƒ‡ãƒ«ã‚’è¿½åŠ ã§ãã¾ã™ã€‚ 回転ã—ãŸã‚Šãƒ©ã‚¤ãƒˆã‚’変更ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ 最終的ã«ä½œæˆã•ã‚Œã‚‹ã‚³ãƒ¼ãƒ‰ã‚’使ã£ã¦Three.jsã§3Dモデルをæã‘ã¾ã™ã€‚ ã“ã‚“ãªæ„Ÿã˜ã«ãƒ¢ãƒ‡ãƒ«ã‚’è¿½åŠ ã—ã¦ã„ãã¾ã™ã€‚ ThreeFabを使ãˆã°Three.jsã§ä½¿ãˆã‚‹ãƒ¢ãƒ‡ãƒ«ã‚’Webブラウザ上ã§ä½œæˆã§ãã¾ã™ã€‚Sã€Dã€Xã€ã‚¹ãƒšãƒ¼ã‚¹ã‚ーãŒãã‚Œãžã‚Œã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚ーã¨ã—ã¦ä½¿ãˆã¾ã™ã€‚最åˆã€æ…£ã‚Œã‚‹ã¾ã§ã¯ãªã‹ãªã‹æ“作ãŒé›£ã—ã„ã‹ã‚‚知れã¾ã›ã‚“。ThreeFabã¯ã•ã‚‰ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·
æ±æ—¥æœ¬å¤§éœ‡ç½å¾©èˆˆæ”¯æ´ サービス終了ã®ãŠçŸ¥ã‚‰ã›
æ±æ—¥æœ¬å¤§éœ‡ç½å¾©èˆˆæ”¯æ´ サービス終了ã®ãŠçŸ¥ã‚‰ã› èª ã«å‹æ‰‹ãªãŒã‚‰ã€2017å¹´4月11日（ç«ï¼‰ã‚’ã‚‚ã¡ã¾ã—ã¦ã€æ±æ—¥æœ¬å¤§éœ‡ç½å¾©èˆˆæ”¯æ´ãƒšãƒ¼ã‚¸ã®é‹å–¶ã‚’終了ã„ãŸã—ã¾ã™ã€‚ 今後ã€ãƒ¤ãƒ•ãƒ¼ã®æ±æ—¥æœ¬å¤§éœ‡ç½å¾©èˆˆæ”¯æ´ã«é–¢ã™ã‚‹æƒ…å ±ã«ã¤ãã¾ã—ã¦ã¯ã€ãƒ¤ãƒ•ãƒ¼ã®CSRページãŠã‚ˆã³Facebookページã«ã¦ç™ºä¿¡ã—ã¦ã¾ã„ã‚Šã¾ã™ã€‚ ã“ã‚Œã¾ã§ã®ã”愛顧ã«ã€ã‚¹ã‚¿ãƒƒãƒ•ä¸€åŒã€å¿ƒã‹ã‚‰ãŠç¤¼ç”³ã—ã‚ã’ã¾ã™ã€‚ 引ã続ã Yahoo! JAPAN ã‚’ã”利用ãã ã•ã„ã¾ã™ã‚ˆã†ã€ä½•ã¨ãžã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚
HTML5ã«ã‚ˆã‚‹ç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ç’°å¢ƒã®æ§‹ç¯‰ ～WebGLライブラリThree.js 入門（１ï¼ï¼“）～
HTML5ã¨WebGL åˆã‚ã«HTML5ã®ä½ç½®ã¥ã‘ã«ã¤ã„ã¦ç°¡å˜ã«è§¦ã‚Œã¾ã™ã€‚HTML5ã¨ã¯ã“ã‚Œã¾ã§ã®Webページ作æˆè¨€èªžã§ä¸»æµã ã£ãŸHTML4ã‚„XHTMLã®å¾Œç¶™è¨€èªžã®ã“ã¨ã§ã€ 2008å¹´ã«è‰æ¡ˆãŒã¾ã¨ã‚られã€2014å¹´ã¾ã§ã«ã‚¦ã‚§ãƒ–ブラウザå„社ã¸ã®æ£å¼å‹§å‘Šã‚’目指ã—ã¦ç–定ãŒé€²ã‚られã¦ã„ã¾ã™ã€‚ HTML5㯠2012å¹´1月ã§ã‚‚ã¾ã 「è‰æ¡ˆã€æ®µéšŽã§ã€ä»•æ§˜ã‚‚æµå‹•çš„ãªæº–備段階ã§ã‚ã‚‹ãŒã€é–‹ç™ºå´ã‹ã‚‰ã‚‚ユーザå´ã‹ã‚‰ã‚‚éžå¸¸ã«æ³¨ç›®ãŒé›†ã‚られã¦ã„ã¾ã™ã€‚ ãã®å¤§ããªç†ç”±ã®ä¸€ã¤ã«æŒ™ã’られã¦ã„ã‚‹ã®ãŒã€iPhoneã‚„Androidãªã©ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®å°é ã«ã‚ˆã‚‹æƒ…å ±ç«¯æœ«ã®å¤šæ§˜åŒ–ã¸ã®å¯¾å¿œã®ãŸã‚ã§ã™ã€‚ã¤ã¾ã‚Šã€æ§˜ã€…ãªWEBコンテンツã®ã‚¯ãƒã‚¹ãƒ—ラットフォーム化ã¸ã®é‡è¦ãªè²¢çŒ®ãŒæœŸå¾…ã•ã‚Œã¦ã„ã‚‹ã‹ã‚‰ã§ã™ã€‚ ã¨ã„ã†ã®ã‚‚スマートフォンã®ç™»å ´ã¾ã§ã¯ã€Adobe社ãŒæä¾›ã™ã‚‹ FLASH ãŒå‹•ç”»ã‚„オーディオãªã©ãŒçµ„ã¿åˆã‚ã•ã‚ŒãŸãƒžãƒ«ãƒãƒ¡ãƒ‡ã‚£ã‚¢ã‚³ãƒ³ãƒ†ãƒ³ãƒ„
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
George & Jonathan - The Best Music
Cube
GitHub - pixijs/pixijs: The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
http://www.khronos.org/files/webgl/webgl-reference-card-1_0.pdf
WebGL city [three.js]
{{#tags}}- {{label}}
{{/tags}}