二次元イラストãŒã¬ã‚‹ã¬ã‚‹å‹•ãï¼ Live2Dã§WebGLアドベンãƒãƒ£ãƒ¼ã‚²ãƒ¼ãƒ を作ã‚ã†
CodeZine編集部ã§ã¯ã€ç¾å ´ã§æ´»èºã™ã‚‹ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーをスターã«ã™ã‚‹ãŸã‚ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ŒDevelopers Summitã€ã‚„ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ç”Ÿãã–ã¾ã‚’ブーストã™ã‚‹ãŸã‚ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒDevelopers Boostã€ãªã©ã€ã•ã¾ã–ã¾ãªã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ä¼ç”»ãƒ»é‹å–¶ã—ã¦ã„ã¾ã™ã€‚
ゲーム開発者以外も最低é™çŸ¥ã£ã¦ãŠããŸã„Unityã®åŸºç¤ŽçŸ¥è˜ï¼†ç„¡æ–™ç‰ˆUnityã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¨ç”»é¢æ§‹æˆ
Unityã¯ç„¡æ–™ã®Personal版ã¨æœ‰æ–™ã®Plus版ã¨Pro版ã€Enterprise版ãŒã‚る。詳細ã«ã¤ã„ã¦ã¯ä¸‹è¨˜ã®URLã‚’å‚ç…§ã—ã¦ã»ã—ã„。 https://store.unity.com/ja ãªãŠæœ¬é€£è¼‰ã§ã¯ã€ç„¡æ–™ã®Personal版を使用ã™ã‚‹ãŒã€Unity 4ã§ã¯ã€Professional版ã§ã—ã‹ä½¿ãˆãªã‹ã£ãŸæ©Ÿèƒ½ãŒã€5.4ã§ã¯ç„¡æ–™ã®Personal版ã§å…¨ã¦ä½¿ç”¨å¯èƒ½ã¨ãªã£ã¦ã„る。 アセットストアã§ç´ æを入手 アセットストアを展開ã—ã¦ãŠã‚Šã€ã‚ャラクターモデルã€ãƒ—ãƒãƒƒãƒ—ã€ãƒžãƒ†ãƒªã‚¢ãƒ«ã€ãƒ†ã‚¯ã‚¹ãƒãƒ£ã€èƒŒæ™¯ãƒšã‚¤ãƒ³ãƒˆãƒ„ールã€ã‚²ãƒ¼ãƒ 制作ツールã€ã‚ªãƒ¼ãƒ‡ã‚£ã‚ªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã€éŸ³æ¥½ã€ãƒ“ジュアルプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚½ãƒªãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³ã€ã‚¹ã‚¯ãƒªãƒ—トã€ã‚¨ãƒ‡ã‚£ã‚¿æ©Ÿèƒ½æ‹¡å¼µãªã©ã‚’入手・購入ã§ãる。ã¾ãŸã€ãã“ã«ä¸‹è¨˜ã®ã‚ˆã†ãªã‚¢ã‚»ãƒƒãƒˆã‚’販売ã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã 。 コミュニティーやエコシステムを形æˆã€‚ゲーム以外ã®åˆ†é‡Žã«ã‚‚進出 日本をå«ã‚€ä¸–ç•Œä¸ã§é–‹ç™ºè€…
Blender tutorial: How to Create a City, Covered with Fog
http://creativeshrimp.com Come and watch How to Create a City, Covered with Fog in Blender. Fog part is for Silent Hill enthusiasts. City part is for everybody else. Feel free to share! Open Street Map add-on (thanks for reminding me, folks): http://bit.ly/1vfwh6e Realistic Lighting in Blender video course: http://www.creativeshrimp.com/realistic-lighting-in-blender.html Facebook: https://www.
CSS3ã§ä½œã‚‹ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãª3Dè¡¨ç¾ (1/2)
ダイナミックã«åˆ‡ã‚Šæ›¿ã‚るページナビゲーション 一見ã™ã‚‹ã¨ã‚·ãƒ³ãƒ—ルãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚µã‚¤ãƒˆã€ŒHUMAANã€ã€‚ãã®é…力ã¯ã€ç´°éƒ¨ã¾ã§ä½œã‚Šè¾¼ã¾ã‚ŒãŸã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã«ã‚る。ä¸ã§ã‚‚目を引ãã®ãŒã€ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã§å±•é–‹ã•ã‚Œã‚‹ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãªå¤‰å½¢ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã 。何気ãªã下部ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’クリックã™ã‚‹ã¨ã€ãƒšãƒ¼ã‚¸å…¨ä½“ãŒå¤§ãã回転ã—ãªãŒã‚‰åˆ‡ã‚Šæ›¿ã‚る。ãã®å‹•ããŒéžå¸¸ã«æ°—æŒã¡ã‚ˆãã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã†ã¾ãé…ã›ã‚‹ç´ 敵ãªä»•æŽ›ã‘ã 。 ã“ã®3D回転ã¯ã€é€£è¼‰ç¬¬1回「CSS Transitionsを使ã£ãŸ3Dãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã®ã‚¢ã‚¤ãƒ‡ã‚¢ã€ã§ç´¹ä»‹ã—ãŸ3D変形ã¨åŒã˜ä»•çµ„ã¿ã§å®Ÿè£…ã•ã‚Œã¦ã„る。今回ã¯ã€3D回転ã«ã‚ˆã‚‹ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„切り替ãˆã«ã¤ã„ã¦ã€ç¬¬1回ã®è¨˜äº‹ã‚’ヒントã«å†ç¾ã—ã¦ã¿ã‚ˆã†ã€‚ STEP 1：3Dã®æ§‹é€ を考ãˆã‚‹ 最åˆã«ã€ãƒšãƒ¼ã‚¸å…¨ä½“を回転ã•ã›ã‚‹ãŸã‚ã€ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã¨åŒã˜å¤§ãã•ã®2ã¤ã®é¢ï¼ˆdivè¦ç´ ）を用æ„ã—ã€transformプãƒãƒ‘ティã§å¤‰å½¢ã•
åˆå¿ƒè€…ã§ã‚‚絶対ã‚ã‹ã‚‹ã€WebGLプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ï¼œthree.js最åˆã®ä¸€æ©ï¼ž
åˆå¿ƒè€…ã§ã‚‚絶対ã‚ã‹ã‚‹ã€WebGLプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ï¼œthree.js最åˆã®ä¸€æ©ï¼ž å°å±±ç”° æ™ƒæµ©ï¼ˆæ ªå¼ä¼šç¤¾ ピクセルグリッド） WebGLã¯ã¨ã¦ã‚‚高度ãªæŠ€è¡“ã§ã‚る一方ã€APIã¯ä½Žãƒ¬ãƒ™ãƒ«ã§ã‚ã‚‹ãŸã‚ãã®ã¾ã¾ä½¿ã†ã«ã¯ã©ã†ã—ã¦ã‚‚冗長ãªæº–備を行ã†å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚一方ã§ã€JavaScriptライブラリーを通ã—ã¦é«˜ãƒ¬ãƒ™ãƒ«ãªAPIã¨ã—ã¦WebGLを利用ã™ã‚‹æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ã“ã†ã—ãŸJavaScriptライブラリーã¨ã—ã¦ã¯three.jsã€Away3D.jsã€Babylon.jsãªã©ãŒæœ‰åã§ã™ã€‚ãã®ä¸ã§ã‚‚特ã«äººæ°—ãŒã‚ã‚‹three.jsを通ã—ã¦ã€WebGLを利用ã™ã‚‹æ–¹æ³•ã‚’解説ã—ã¾ã™ã€‚(three.jsã®ãƒªãƒ“ジョンã¯åŸ·ç†ç¾åœ¨ã®æœ€æ–°ã§ã‚ã‚‹r65を利用ã—ã¾ã™) three.jsを手ã«å…¥ã‚Œã‚‹ three.jsã¯http://threejs.org/ã‹ã‚‰æ‰‹ã«å…¥ã‚Œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚downloadã‹ã‚‰ã€zipファイルを手ã«å…¥ã‚Œã¾
ウェブåˆå¿ƒè€…も安心ã—ã¦ä½œæˆã§ãã‚‹ã€ç„¡æ–™HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ24個ã¾ã¨ã‚ - PhotoshopVIP
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
Unity3Dã®ã‚²ãƒ¼ãƒ ã®ä½œã‚Šæ–¹è¬›åº§
当サイトã¯Unityã¨ã„ã†ç„¡æ–™ã§ã‚²ãƒ¼ãƒ ã‚’ç°¡å˜ã«ä½œã‚Œã¦ã—ã¾ã†ã‚½ãƒ•ãƒˆã®ä½¿ã„方を解説ã—ãŸã‚µã‚¤ãƒˆã§ã™ã€‚ ã—ã‹ã‚‚Unityãªã‚‰3Dゲームも2Dゲームもスマートフォンゲームもブラウザゲームも簡å˜ã«ä½œã‚Œã¦ã—ã¾ã„ã¾ã™ï¼ ãœã²å½“サイトã§Unityã®ä½¿ã„方をマスターã—ã¦ãã ã•ã„!! ã‚ã‹ã‚‰ãªã„ã“ã¨ã‚„知りãŸã„ã“ã¨ãŒã‚ã‚Œã°ã‚³ãƒ¡ãƒ³ãƒˆãªã©ã§ãŠçŸ¥ã‚‰ã›ãã ã•ã„。 １．基本æ“作 Unity3Dã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« - Unityã£ã¦ä½•ï¼Ÿ プãƒã‚¸ã‚§ã‚¯ãƒˆã®ä½œæˆæ–¹æ³• ゲームオブジェクトã®ä½œæˆ ゲームオブジェクトをãƒã‚¦ãƒ³ãƒ‰ã•ã›ã‚‹ã€‚ スクリプトã®è¿½åŠ ã€ã‚ャラクターã®ç§»å‹• オブジェクトã®è¤‡è£½æ–¹æ³• プレãƒãƒ–ã«ã¤ã„㦠ゲームをビルドã—公開ã™ã‚‹ ２．ä¸ç´šç·¨ UnityAssetStoreを利用ã™ã‚‹ パーティクルシステムã§ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’作æˆã™ã‚‹ï¼‘ パーティクルシステムã§ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’作æˆã™ã‚‹ï¼’(応用編) OnGUI関数ã§GUI(ボタンã¨ã‹ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã¨ã‹
Photoshopã®ãƒ‰ãƒãƒƒãƒ—シャドウã®ä½¿ã„方をマスターã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ドãƒãƒƒãƒ—シャドウã¯ã‚¦ã‚§ãƒ–デザインã§éžå¸¸ã«äººæ°—ã®ã‚るエフェクトã§ã™ã€‚ ã“ã®ãƒ‰ãƒãƒƒãƒ—シャドウã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’使ã„ã“ãªã™ãŸã‚ã«ã€Photoshopã®ãƒ‰ãƒãƒƒãƒ—シャドウã®å„種è¨å®šã®ä½¿ã„方を紹介ã—ã¾ã™ã€‚ How to Use Drop Shadows in Photoshop [ad#ad-2] 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ドãƒãƒƒãƒ—シャドウã¨ã¯ レイヤースタイルã®ãƒ‰ãƒãƒƒãƒ—シャドウ æ画モード ä¸é€æ˜Žåº¦ 角度 è·é›¢ スプレッド サイズ è¼ªéƒ ãƒŽã‚¤ã‚º ノックアウト è¨å®šã®ä¿å˜ã¨åˆæœŸåŒ– ドãƒãƒƒãƒ—シャドウã®ã‚µãƒ³ãƒ—ルファイル ドãƒãƒƒãƒ—シャドウã¨ã¯ ドãƒãƒƒãƒ—シャドウã®ä¸»ãªç”¨é€”ã¯ã€2Dã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã§3Dã®å¥¥è¡Œãをシミュレートã™ã‚‹ã“ã¨ã§ã™ã€‚ã“ã‚Œã¯ã‚ªãƒ–ジェクトãŒ3Dã®ç©ºé–“ã§èƒŒæ™¯ã®ä¸Šã«æµ®ã„ã¦ã„ã‚‹ã“ã¨ã‚’表ã™ãŸã‚ã«ã€ã‚ªãƒ–ジェクトã®å¾Œã‚ã«ã‚ªãƒ•ã‚»ãƒƒãƒˆã®ã‚·ãƒ£ãƒ‰ã‚¦ã‚’ã¤ã‘ã¾ã™ã€‚ 下記ã®ä¾‹ã¯ãƒ‰ãƒãƒƒãƒ—シャドウを変ãˆã‚‹ã“ã¨ã§ã€å…‰æºã®å¤§
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}