デジタル・フãƒãƒ³ãƒ†ã‚£ã‚¢-Digital Frontier | DF TALK
多彩ãªè¡¨ç¾åŠ›ã®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ã¯ã“ã‚Œã¾ã§è§£èª¬ã—
Away3D TypeScriptã§ã¯ã˜ã‚ã‚‹3æ¬¡å…ƒè¡¨ç¾ è¨˜äº‹ä¸€è¦§ | gihyo.jp
第11回Away3D TypeScriptãŒ2015å¹´3月13日付ã§ãƒ“ルドを改ã‚㟠野ä¸æ–‡é›„ 2015-04-20
HTML5ã®3D表ç¾ã‚’身ã«ã¤ã‘よã†ï¼ç°¡å˜ãªJSã§ã¯ã˜ã‚ã‚‹WebGL版Away3D入門 - ICS MEDIA
Away3D TypeScriptã¯HTMLã®3D技術「WebGLã€ã‚’扱ã„ã‚„ã™ãã—ãŸãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã™ã€‚個人ブãƒã‚°ï¼ˆHTML5ã§3Dを実ç¾ã™ã‚‹æœ¬æ ¼æ´¾WebGLフレームワークã€Away3D TypeScriptã®å…¬å¼ãƒ‡ãƒ¢)ã§ç´¹ä»‹ã—ãŸã‚ˆã†ã«Away3Dを使ãˆã°GPUã«ã‚ˆã‚‹æœ¬æ ¼çš„ãª3D表ç¾ã‚’プラグイン無ã—ã§ä½œæˆã§ãã¾ã™ã€‚ ãã“ã§ã€åˆç´šè€…ã«ã‚‚ã‚„ã•ã—ã„Away3D TypeScript(以下ã€Away3D)ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ã¯ã˜ã‚ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚å¿…è¦ã¨ãªã‚‹ã‚¹ã‚ルレベルã¯ã€JavaScriptã®å…¥é–€æ›¸ã‚’一冊èªã¿çµ‚ãˆãŸãらã„を想定ã—ã¦ã¾ã™ã€‚Away3Dã¯JavaScriptã‚„TypeScriptã®ã©ã¡ã‚‰ã§ã‚‚利用ã§ãã¾ã™ãŒã€æœ¬é€£è¼‰ã§ã¯JavaScriptã§è§£èª¬ã—ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã«ã¤ã„㦠AwayJSã¯æ´»ç™ºã«é–‹ç™ºã•ã‚Œã¦ã„ãªã„ãŸã‚ã€æœ¬ã‚µã‚¤ãƒˆã¨ã—ã¦ã¯åˆ©ç”¨ã¯æŽ¨å¥¨ã—ã¾ã›ã‚“。WebGLを活用ã—ãŸã„æ–¹ã¯ã€Three
「Autodesk 123D Designã€ãŒå¾…望ã®æ—¥æœ¬èªžå¯¾å¿œã¸
オートデスクã¯ã€æœŸé–“é™å®šã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€ŒAutodesk Gallery Pop-up Tokyoã€ã®ã‚ªãƒ¼ãƒ—ンイベントã«ãŠã„ã¦ã€ã€ŒAutodesk 123D Designã€ã®æ—¥æœ¬èªžç‰ˆã‚’è¿‘æ—¥ä¸ã«ãƒªãƒªãƒ¼ã‚¹ã™ã‚‹ã¨ç™ºè¡¨ã—ãŸã€‚ オートデスクã¯2015å¹´10月23æ—¥ã€ç„¡å„Ÿ3次元CAD「Autodesk 123D Designã€ã®æ—¥æœ¬èªžç‰ˆã‚’æä¾›ã™ã‚‹ã¨ç™ºè¡¨ã—ãŸã€‚詳細ãªæ—¥ç¨‹ã¯æœªå®šã ãŒã€åŒå¹´10月下旬～11月上旬ã”ã‚ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰å¯èƒ½ã«ãªã‚‹è¦‹è¾¼ã¿ã ã¨ã„ã†ã€‚ åŒç™ºè¡¨ã¯ã€ã‚ªãƒ¼ãƒˆãƒ‡ã‚¹ã‚¯ãŒé–‹è¨ã—ãŸæœŸé–“é™å®šã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€ŒAutodesk Gallery Pop-up Tokyoã€ã®ã‚ªãƒ¼ãƒ—ンイベントã«ç™»å£‡ã—ãŸã€åŒç¤¾ ブランド＆コミュニケーション担当副社長 グレッグ・エデンæ°ã®ãƒ—レゼンテーション内ã§æ˜Žã‹ã•ã‚ŒãŸï¼ˆé–¢é€£è¨˜äº‹ï¼šæœ€æ–°ãƒ¢ãƒŽã¥ãã‚Šã®â€œã‚¹ãƒˆãƒ¼ãƒªãƒ¼â€ã‚’体感ã§ãる「Autodesk Gallery Pop-up Tokyoã€ï¼‰ã€‚
#nav=-5.16,83.42,300,0,0,0,0&sel=p:;h:;s:1019;c:-0.6;o:-0.75&layers=0,0,9460,5676,0,0,10000,0,0,0,0
ZygoteBody™ & 3D data © 2012-2017 Zygote Media Group, Inc. Quick guide Navigation Click+drag with the mouse to rotate, scroll to zoom. Or use the buttons in the upper left. The Home button resets the view. Change from Capsule to Orbit mode in the upper right to enable full 3d rotation and hold Ctrl down to pan the view. (Premium users only) Slider Use the opacity slider on the left to reveal layer
Kotaku - The Gamer's Guide
Capital One’s Venture card has always been a bit of a hybrid between cash back and travel rewards cards. While you could earn a lot of points through Hotels.com, and erase travel purchases from your credit card statement by redeeming them, you couldn’t transfer them to any airline programs like you could points from …
人形ã®ãƒãƒ¼ã‚ºã‚’決ã‚ã¦3Dデータを動ã‹ã›ã‚‹äººåž‹å…¥åŠ›ãƒ‡ãƒã‚¤ã‚¹ã€ŒQUMARION（クーマリオン）ã€ãƒ•ã‚©ãƒˆãƒ¬ãƒ“ュー
å¯å‹•å¼ã®ãƒ•ã‚£ã‚®ãƒ¥ã‚¢ã¨PCを接続ã—ã¦å‹•ã‹ã™ã¨3Dデータをæ“作ã§ãる「QUMARION（クーマリオン）（税込ã¿6万7800円）ã€ã€‚付属ã®ã‚½ãƒ•ãƒˆã¨çµ„ã¿åˆã‚ã›ã¦ãƒžã‚¦ã‚¹ã‚„ã‚ーボードãªã©ã®ä¸€èˆ¬çš„ãªå…¥åŠ›ãƒ‡ãƒã‚¤ã‚¹ã§ã¯ç›´æ„Ÿçš„ãªæ“作ãŒé›£ã—ã‹ã£ãŸäººåž‹ã®CGを手ã®ä¸ã«ã‚る人形を動ã‹ã™ã“ã¨ã§ãƒãƒ¼ã‚¸ãƒ³ã‚°ã§ãã‚‹ã€ã¨ã„ã†ã“ã¨ãªã®ã§ã‚¬ãƒãƒ£ã‚¬ãƒãƒ£ã¨å‹•ã‹ã—ã¦ã©ã‚“ãªæ ¼å¥½ãŒã§ãã‚‹ã‹è©¦ã—ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ 外箱ã¯ã“ã‚“ãªæ„Ÿã˜ã€‚ 内箱ã®ãƒ•ã‚¿ã¯é€æ˜Žã§ã“ã®ã¾ã¾é£¾ã£ã¦ãŠã‘ãã†ã€‚ 本体ã®èº«é•·ã¯ç´„30.8センãƒã€‚ ç®±ã®ä¸‹æ®µã«ã¯ä»˜å±žå“一å¼ãŒå…¥ã£ã¦ã„ã¾ã™ã€‚ 内容物ã¯QUMARION本体ã®ä»–ã«ã€æ‰‹ã®äº¤æ›ãƒ‘ーツ2セットã€USBケーブルã€å°‚用コントãƒãƒ¼ãƒ©ãƒ¼ã€ã‚ªãƒ¼ãƒŠãƒ¼ã‚ºã‚«ãƒ¼ãƒ‰ã€å–り扱ã„説明書ãªã©ã€‚åˆå›žé™å®šå“ã«ã¯å°‚用スタンドやæã下ã‚ã—ãƒã‚¹ã‚¿ãƒ¼ãªã©ãŒå…¥ã£ã¦ã„ã¾ã™ã€‚ ã¾ãŸã€åˆå›žé™å®šãƒ‘ッケージã¯ä»¥ä¸‹ã®ã‚½ãƒ•ãƒˆã‚’åŒæ¢±ã€‚ ・イラスト制作ソフトウェア「CLIP STU
3Dプリンターã§ã“ã“ã¾ã§ã§ãã‚‹ã“ã¨ã‚’示ã™å¤©ä½¿ã®ç¿¼ã‚’æŒã¤åˆéŸ³ãƒŸã‚¯ã‚„クリスタルブãƒãƒƒã‚¯ãªã©3Dデータã‹ã‚‰å‡ºåŠ›ã—ãŸç«‹ä½“作å“ã„ã‚ã„ã‚
CADソフトã§ãƒ‡ã‚¶ã‚¤ãƒ³ã—ãŸãƒ•ã‚£ã‚®ãƒ¥ã‚¢ã‚’「3Dプリンターã€ã§å‡ºåŠ›ã™ã‚‹ã€ã¨ã„ã†æ‰‹æ³•ã§è£½ä½œã•ã‚ŒãŸä½œå“ãŒãƒ¯ãƒ³ãƒ€ãƒ¼ãƒ•ã‚§ã‚¹ãƒ†ã‚£ãƒãƒ«2012[å¤]ã«å±•ç¤ºã•ã‚Œã¦ã„ãŸã®ã§ã€ä¼šå ´ã§å†™çœŸã«åŽã‚ã¦ãã¾ã—ãŸã€‚ ブースをè¨ç½®ã—ã¦ã„ãŸã®ã¯ä¸€èˆ¬ç¤¾å›£æ³•äºº3Dデータを活用ã™ã‚‹ä¼šãƒ»3D-GANã§ã€ã“ã®åŒºç”»ã®ä¸ã§ã•ã¾ã–ã¾ãªå›£ä½“ã€ä¼æ¥ãŒãã‚Œãžã‚Œå±•ç¤ºã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ â—† Miku Hatsune XS（åˆéŸ³ãƒŸã‚¯XS） 天使ã®ã‚ˆã†ãªç¿¼ãŒç”ŸãˆãŸåˆéŸ³ãƒŸã‚¯ã€‚ mqdlã•ã‚“ãŒä½œæˆã—ãŸ3Dデータを元ã«ã—ã¦æ±äº¬ãƒªã‚¹ãƒžãƒãƒƒã‚¯ã®ç«‹ä½“é€ å½¢å‡ºåŠ›ã‚µãƒ¼ãƒ“ã‚¹ã‚’åˆ©ç”¨ã—ã¦è£½ä½œã•ã‚ŒãŸã‚‚ã®ã€‚ åŒç¤¾ã®å…¬å¼Twitterアカウントã§ã¯ã€å®Ÿéš›ã«3Dプリンターを使用ã—ã¦å‡ºåŠ›ã—ã¦ã„る様åãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ 3Dプリンターã§å‡ºåŠ›ã—ãŸãƒ‘ーツを整ãˆã¦ã‹ã‚‰çµ„ã¿ç«‹ã¦ã‚‹ã¨ã“ã†ãªã‚Šã¾ã™ã€‚ 翼ã®å…ˆç«¯ã®ä»•ä¸ŠãŒã‚Šã¯ã‹ãªã‚Šã‚·ãƒ£ãƒ¼ãƒ—。 å°ã®ä¸Šã«è…°æŽ›ã‘ãŸãƒãƒ¼ã‚ºã€‚ ãƒã‚¹ãƒˆã‚¢ãƒƒãƒ—。 ◆クリスタルブãƒãƒƒã‚¯
ニコニコ動画ユーザーãŒä½œã£ãŸåˆéŸ³ãƒŸã‚¯ã®3D・MMDモデル『Tdaå¼Appendミクã€ãŒç¾Žã—ã™ãŽã‚‹
ニコニコ動画ユーザーã®Tda（ティーダ）ã•ã‚“ãŒä½œã£ãŸåˆéŸ³ãƒŸã‚¯ã®MMDモデル『Tdaå¼Appendミクã€ï¼ˆ3DCGソフトウェア『MikuMikuDanceã€ã§å‹•ã‹ã›ã‚‹ãƒ¢ãƒ‡ãƒ«ï¼‰ãŒç¾Žã—ã™ãŽã¦æ„Ÿå‹•ã§ã™ã€‚ 紹介動画ã‹ã‚‰ã“ã®3DåˆéŸ³ãƒŸã‚¯ãŒãƒŒãƒ«ãƒŒãƒ«å‹•ã様åãŒè¦‹ã‚Œã¾ã™ãŒã€é«ªã®æ¯›ã‚„指先ãªã©ã®ç´°ã‹ã„å‹•ããŒåˆ†ã‹ã‚‹ã®ãŒç´ 晴らã—ã„ã§ã™ã€‚ [Tdaå¼ãƒŸã‚¯ãƒ»ã‚¢ãƒšãƒ³ãƒ‰]美ã—éŽãŽã¦ç”Ÿãã‚‹ã®ãŒã¤ã‚‰ã„ã§ã™[モデル紹介] †ニコニコ動画(原宿) ニコニコ動画ã®ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã‚’æŒã£ã¦ã„ãªã„人ã¯ä»¥ä¸‹ã®ç´¹ä»‹å‹•ç”»ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã‹ã‚‰ãŠæ¥½ã—ã¿ãã ã•ã„。 æ¥ãšã‹ã—ãã†ã«ã™ã‚‹ãƒŸã‚¯ã€‚ é ã®é£¾ã‚Šã‚‚作り込ã¾ã‚Œã¦ã„ã¾ã™ã€‚ ã‚‚ã¡ã‚ん衣装ã®ä½œã‚Šè¾¼ã¿ã‚‚ãƒãƒ³ãƒ‘ã˜ã‚ƒã‚ã‚Šã¾ã›ã‚“。 表情もゆãŸã‹ã«å¤‰åŒ–ã•ã›ã‚‰ã‚Œã¾ã™ã€‚ ãªã«ã‹å¤‰ãªé¡”ã‚‚å…¥ã£ã¦ã„ãŸæ°—ã‚‚ã—ã¾ã™ãŒã€æ°—ã®ã›ã„ã§ã™ã€‚ ã¾ãŸã€ã•ãã»ã©ã®3Dモデルã«ã•ã‚‰ã«ä¿®æ£ã‚’ãã‚ãˆã€è¸Šã‚‰ã›ã¦ã¿ãŸå‹•ç”»ã‚‚アップã•ã‚Œã¦ã„ã¾ã™ã€‚æŒã£ã¦ã„
ã€å®Œå…¨å›³è§£ã€‘超åˆå¿ƒè€…ã§ã‚‚大丈夫。話題ã®ã‚²ãƒ¼ãƒ エンジン「Unityã€ã§ã®3Dゲーム作æˆå…¥é–€
ã€å®Œå…¨å›³è§£ã€‘超åˆå¿ƒè€…ã§ã‚‚大丈夫。話題ã®ã‚²ãƒ¼ãƒ エンジン「Unityã€ã§ã®3Dゲーム作æˆå…¥é–€ ライター：Veki 12345→ â—Index ・UIã¨åŸºæœ¬æ“作（物ç†ã‚¨ãƒ³ã‚¸ãƒ³ï¼‰ ・物体を動ã‹ã—ã¦ã¿ã‚‹ï¼ˆã‚¹ã‚¯ãƒªãƒ—ト，入力処ç†ï¼‰ ・インスタンスを生æˆã™ã‚‹ï¼ˆãƒ—レファブ） ・当ãŸã‚Šåˆ¤å®šã¨çˆ†ç™ºå‡¦ç† ・敵ã®ç™ºç”Ÿã¨æ–‡å—表示 ç™»å ´ä»¥æ¥ï¼Œæ³¨ç›®åº¦ãŒä¸ŠãŒã‚Šç¶šã‘ã¦ã„るゲームエンジン「Unityã€ã€‚個人や(å‰å¹´åº¦ã®åŽç›ŠãŒä¸€å®šã®åŽå…¥ã«é”ã—ã¦ã„ãªã„)ä¼æ¥ã¯ãƒ•ãƒªãƒ¼ã§ä½¿ç”¨ã§ãã‚‹ã»ã‹ï¼Œã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„Webブラウザ上ã§é«˜å“質ãª3Dゲームを実ç¾ã§ãã‚‹ãªã©ï¼Œè©±é¡Œã®å¤šã„製å“ã§ã™ã€‚コミュニティ活動も盛んã§ï¼ŒãŸãã•ã‚“ã®ç´ æãŒæµé€šã—ã¦ã„ã‚‹ã»ã‹ï¼Œæœ€è¿‘ã§ã¯Unityã«é–¢ã™ã‚‹æ—¥æœ¬èªžã®æƒ…å ±ã‚‚æ¬¡ç¬¬ã«å¢—ãˆã¦ãã¾ã—ãŸã€‚ Unityã¯ï¼Œæ‰‹è»½ã«ä½¿ãˆã‚‹æœ¬æ ¼çš„ãªã‚²ãƒ¼ãƒ エンジンã§ã‚ã‚‹ã®ã¯ç¢ºã‹ã§ã™ãŒï¼Œã¾ã£ãŸãã®åˆå¿ƒè€…ã«ã¯ã¾ã ã¾ã 分ã‹ã‚Šã«ãã„部分ãŒå¤šã„ã®ã‚‚事実ã§ã—ょã†ã€‚ã¡
ï¼»SIGGRAPHï¼½ã¤ã„ã«DirectX 11を凌駕ã—ãŸ!? Khronosã«èžã「OpenGL 4.2ã€ã®æ£ä½“
ï¼»SIGGRAPHï¼½ã¤ã„ã«DirectX 11を凌駕ã—ãŸ!? Khronosã«èžã「OpenGL 4.2ã€ã®æ£ä½“ ライター：西å·å–„å¸ Khronosã«å±žã™ã‚‹ãƒ¡ãƒ³ãƒãƒ¼ä¼æ¥ã‚’示ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ KhronosãŒè¦æ ¼ç–定ã«æºã‚ã£ã¦ã„るオープンスタンダードAPI群ãŒã“ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã«ç¤ºã•ã‚Œã¦ã„ã‚‹ Khronos Group（クãƒãƒŽã‚¹ã‚°ãƒ«ãƒ¼ãƒ—，以下Khronos）ã¯ï¼Œçµ„ã¿è¾¼ã¿æ©Ÿå™¨å‘ã‘ã®ã‚ªãƒ¼ãƒ—ンスタンダードAPIワーã‚ンググループã¨ã—ã¦2000å¹´ã«ç™ºè¶³ã—ãŸå›£ä½“ã§ã‚る。活動åˆæœŸã«ãŠã„ã¦ã¯ï¼Œçµ„ã¿è¾¼ã¿æ©Ÿå™¨å‘ã‘ã®OpenGL ESã®è¦æ ¼ç–定ã«æ³¨åŠ›ã—ã¦ã„ãŸãŒï¼Œ2006å¹´ã«æœ¬å®¶OpenGLã®è¦æ ¼ç–定を行ã£ã¦ã„ãŸOpenGL ARB（Architecture Review Board）ã¨çµ±åˆã™ã‚‹ã“ã¨ã«ãªã£ãŸã€‚ãã®çµæžœï¼ŒKhronosã¯ï¼Œã‚¯ãƒã‚¹ãƒ—ラットフォーム対応ã®ã‚ªãƒ¼ãƒ—ンスタンダードAPIã®è¦æ ¼åŒ–団体ã¨ã—ã¦ï¼Œæœ€ã‚‚大ããªã‚‚ã®
[JS]奥行ãを生ã¿å‡ºã™ã€Žãƒ‘ララックスã€ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãるスクリプト -Smart3D
複数ã®ç”»åƒã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã‚’ãšã‚‰ã—ã¦è¡¨ç¤ºã™ã‚‹ãƒ‘ララックスを簡å˜ã«å®Ÿè£…ã§ãã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ jQuery.Smart3D デモページ [ad#ad-2] パララックスã¯ãã‚Œãžã‚Œã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã‚’ãšã‚‰ã—ã¦è¦–差効果を生ã¿å‡ºã—ã€å¥¥è¡Œã感を出ã™ã‚‚ã®ã§ã™ã€‚ 上記デモã§ã¯èƒŒæ™¯ã¨äººç‰©ã®ç”»åƒ2æžšã‚’ãã‚Œãžã‚Œãƒžã‚¦ã‚¹ã«åˆã‚ã›ã¦ãšã‚‰ã—ã¦è¡¨ç¤ºã—ã¦ã„ã¾ã™ã€‚ ä½¿ç”¨ç”»åƒ 5æžšã®ç”»åƒã‚’使用ã—ãŸãƒ‘ララックス Smart3Dã®å®Ÿè£… 一番最åˆã«ç´¹ä»‹ã—ãŸãƒ‡ãƒ¢ã®å®Ÿè£…方法ã§ã™ã€‚ HTML å„ç”»åƒã‚’リストè¦ç´ ã§é…ç½®ã—ã¾ã™ã€‚ <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS スタイルシートã§ã‚µã‚¤ã‚ºã‚’è¨å®šã—ã€å¥½ã¿ã§borderãªã©ã®ãƒ‡ã‚¶ã‚¤ãƒ³
[JS]HTMLã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’3Dã«å›žè»¢ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -rotate3Di
rotate3Di - Flip HTML content in 3D デモ [ad#ad-2] rotate3Diã®å¯¾å¿œãƒ–ラウザ Firefox 3.5+ Chrome Safari IE 9(pre7+) 多分ã€Operaも大丈夫ã¨ã®ã“ã¨ã§ã™ã€‚ ※Opera 10ã§å‹•ä½œã—ã¾ã—ãŸã€‚ rotate3Diã®å®Ÿè£… rotate3Diã¯jQueryã®ãƒ—ラグインã®ãŸã‚ã€å®Ÿè£…ã«ã¯jquery.jsãŒå¿…è¦ã§ã™ã€‚ 外部ファイル JSファイルを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script type="text/javascript" src="jquery-1.4.4.min.js"></script> <script type="text/javascript" src="rotate3Di/jquery-css-transform/jquery-css-transform.js"></script>
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
JAXAã€30mメッシュã®å…¨ä¸–界標高データを無償公開ã€ã€Œã ã„ã¡ã€è¦³æ¸¬ç”»åƒã‹ã‚‰æ•´å‚™ã€€
Live2Dã€è¤‡æ•°ã®2D原画ã‹ã‚‰å…¨æ–¹ä½3Dã‚ャラクターを生æˆã™ã‚‹ã€ŒLive2D Euclidã€é–‹ç™ºã€€
POSEMANIACS - Royalty free 3d pose reference for all artists
chrome-life.com
{{#tags}}- {{label}}
{{/tags}}