Windows10+Steam版Blender使うことにしたので設定などやりなおす #BlenderPractice

Blender

うしほんみながら！

公式(?)には箱くま本と呼ばれているっぽい


無料ではじめるBlender CGイラストテクニック ~3DCGの考え方としくみがしっかりわかる

SteamからBlenderを入手

ダウンロードとインストールぽちぽち押しただけ

GPUのドライバ更新

NVIDIAっていうののドライバを更新しないとBlenderが激重！
ドライバのバージョンとBlenderのあたらしいバージョンが合ってないと発生するらしい。
Dev:Ref/Release Notes/2.78 - BlenderWiki

Added support for NVidia GTX 1060, 1070, 1080 GPUs.

この辺が関係あるのかなぁ。しらんけど。

GeForce Experience というアプリがマシンに入っているのでドライバを更新したよ。
f:id:EnnuimaZ:20170613163619p:plain
更新したことなくてなくて古すぎぃ！
サクサク動くようになりました。

Blenderの設定

ここからはうしほんをみて設定しました。
INTRODUCTION00 03 おすすめのユーザー設定 (p.17)

ユーザ設定

  1. [File]-[User Preferences]
    1. [Interface]
      1. View Manipulation: [Cursor Depth] OFF
      2. View Manipulation: [Rotate Around Selection] ON
    2. [Input]
      1. Mouse: [Emulate 3 Button Mouse] ON
      2. [Emulate Numpad] OFF (Windowsマシンにはテンキーがあるのでこのままでいい！すごい！)
    3. [File]
      1. [Save Versions] 0
    4. [Save User Setting] を押す

表示設定

  1. [5][1] 平行投影の正面にしとく 青と赤の十字が真ん中にある状態
  2. [Cycles Render] を選ぶ
  3. 右プロパティ
    1. [Scene]-Unitsで[Meters]を選択 (以前はボタンだったのがプルダウンになっているっぽい)
    2. [Material]
      1. [+New]
      2. [Surface]-[Diffuse BSDF] (Newした段階で追加されてた。最初のオブジェクト消して作り直したせい？)
  4. 右上から[Lamp]を選ぶ
    1. プロパティで[Point]になっているのを[Sun]に変更
  5. [File]-[Save Startup File]

おわり！

これでBlenderしまくれます。明日からほんきだす

【UE4 Tutorial: Blueprint 3rd Person Game】01-03 メモ

Unreal Engine

01 - Introduction

01 - Introduction | Unreal Engine
[説明] これからやることや完成した絵を教えてくれる。かなり弱そうなパンチマンがツボった。
UEのバージョン古かった（忘れた）

02 - Project Creation & FBX Download

02 - Project Creation & FBX Download | Unreal Engine

03 - FBX Importing & Using Skeletons

03 - FBX Importing & Using Skeletons | Unreal Engine

やったこと

  • コンテンツブラウザでコンテンツフォルダ配下にCharactorフォルダを作成
  • 02でダウンロードしてきたFBXの中の SK_Mannequin.FBX をコンテンツブラウザの右側にドラッグ&ドロップ
    • スケルタルメッシュというものらしい
    • Meshのオプションを全部表示して Normal Import Method を Import Normals にする
    • [インポート]
  • スケルタルメッシュのマテリアル(ピンクの線がついてるやつ)をダブルクリック
    • ペルソナエディタが開く
    • メッシュタブが開かれている (多分右上の スケルトン/メッシュ がタブ)
    • Alt、マウス左右のドラッグ を組み合わせるとグリグリしたり拡大縮小したりできるよ！
  • Charactorフォルダ配下にAnimationsフォルダを作成
  • インポート済みの SK_Mannequin.FBX 以外 のファイルを全部Animationsフォルダにドラッグ&ドロップ
    • Skeleton で先程インポート時に作成された SK_Mannequin_Skeleton を選択
    • [全てインポート]
      • (?) 動画ではここで警告がでているが手元では特に出なかった。
  • コンテンツブラウザで [すべて保存]
    • 選択したのを保存する
      • (?) ここに保存メニューあるの変な感じ…。これプロジェクトの保存は別にやらなきゃいけないのかな？

説明されたこと

スケルトン
  • スケルタルメッシュのインポートメニューにスケルトンというものがある
    • これを選択しないと自動でスケルトンが作られるっぽい！
  • Blenderでやったボーンとかアーマチュアみたいなのがでてきた。一緒かな？
  • アニメーションの共有のために使われるよ
  • スケルタルメッシュ間でスケルトンやアニメーションを共有することができる
  • UE4.5以降では異なるスケルトンにアニメーションをリタゲできるよ
    • 使ってるのは4.15だからもうできそう
    • めんどいから基本的に同じアニメーションするものは同じスケルトン使うようにするといい
  • Normal Import Method
    • Compute Normals: UE4が計算する。ハードエッジをMesh上につくる可能性がある
    • Import Normals: 読み込んだFBXのを使う

わからんこと

  • スケルタルメッシュとは…
  • メッシュとかノーマルとかペルソナとか大体わからないけどそのうちわかればよさそう。ポリゴンみたいなやつでしょ(適当)
    • ペルソナは04でわかりそう

困ったこと

  • 日本語表示やめたい
    • 全然設定がみつかんねーのな！
    • 日本語と英語が入り混じってるのがつらい

🎄🎅 動く！ 箱サンタビネコアニメーションを作った #b3d

Blender

Blender Advent Calendar 2016

www.adventar.org

遅刻したらもう翌日の記事が出てる!! すみません!!
前日: 基本的なところを考えてて - blugjpまとめサイト
翌日: Blender_Sketch番外編 拝啓Freestyle様Ver.20161221｜村川和宏｜note


夏に始めたBlenderでクリスマスのなんか作ってみました。

ボーンにチャレンジ

Blenderをはじめて最初にやりたいと思ったのが、タビネコの手足を自在に動かすことだった。
いままで編集モードでオブジェクトの中心点をずらして移動してたけど、オブジェクト選択しないとどこに中心があるかわからないし細々やらなきゃいけなくてめんどくさい！最近よく見るボーンっていうの楽しそうだからおぼえたい！ ということでボーンやります。

参考:
Doc:JA/2.6/Manual/Rigging/Armatures/Editing/Bones - BlenderWiki


前につくった箱タビネコにボーンをつけていくよ
(→箱タビネコをつくった #b3d - ennui's blog)

ボーンする準備

タビネコループカット

前回作った箱タビネコは全部プリミティブオブジェクトで作られています。
このままだと尻尾曲げたときとかに直線でしかうごかない！しなやかに曲げたい！
ということで曲げたいとこを細かくしていきます。
ループカットはコップの回で勉強しました！
(→うしほん CHAPTER 02 01 コップづくり #BlenderPractice - ennui's blog)

  1. オブジェクト選択
  2. 編集モードで [Ctrl]+[R]
  3. ドラッグで分割数を指定

尻尾、胴体、脚をそれぞれ分割しました。

ミラーになっているところを実体化する

それぞれの脚に骨を組み込むため、虚像の脚を実体化します。

  1. オブジェクトモードで脚を選択
  2. 右のスパナのミラーモディファイアから[Apply]

ボーンで一体化して動かす部分を結合しておく

頭パーツはまるっと動かしたいので結合してしまいます。

  1. 耳、目、ω、頭を [Shift]+右クリック で追加選択していく
    • 頭はメインパーツなので最後に選択する
  2. [Ctrl]+[J] で結合！
    • 耳と目消えた!!!
      • 耳と目のパーツもミラーリングしてた、ApplyしてからJoinしましょう…

ボーンづくり

Root bone 置く

1本目のボーンを root bone といって、これを動かすと繋がってるボーンが全部一緒にうごきます！ 曲げるのには使わないボーンですね。なるほど。

  1. [Shift]+[S] -> Cursor to Center
  2. [3] 視点を真横にする
  3. [Shift]+[A] -> Armature -> Single Bone
    • ボーンきた！タビネコの腰のあたりにおいとく

ボーンがオブジェクトで隠れて見えないので常に見えるようにする

右側の人型タブを選び、Displayの中にあるX-Rayにチェックをいれておきます。

まずでっかい骨をつくる

  1. 編集モードでボーンの先端を選ぶ
  2. [E]で押し出し
    • 先端からボーンが新しく伸びる！

これで胴体、尻尾、頭までボーンを追加します。
胴体、首、頭、尻尾にそれぞれ1本ずつ追加しました。

しなやかに動かしたい部分の骨を細かくする

最初にタビネコループカットした胴体と尻尾の骨をこまかくします。

  1. 編集モードでボーンを選択
  2. [w] -> Subdivide
    • 分割！
  3. 画面左下で数を設定する

左右対象に肩〜脚の骨をつくる

肩〜脚の骨は正面から見て左右対称なので、同時につくっていきます。

  1. 画面左 Optionsタブ -> X-Axis Mirror にチェックをいれる
  2. [1] で視点を正面にする
  3. 背骨のボーンの先端を選ぶ
  4. [Shift]+[E] で左右対象に押し出し！ミラー！

背骨から脚の根本に骨を伸ばし、そこから前脚と後ろ脚をつくりました。
脚ボーンは尻尾/胴体と同様にSubdivideします。
箱脚はざっくり2分割くらいがかわいい。

動かさないボーンを消す

追加していった骨の中でうごかさないものを消します。
箱ネコは箱だから(?)カドを動かすことはないので、以下が不要な骨になります。

  • お尻と尻尾の間の骨
  • 背骨から脚の付け根につながる骨
  1. 編集モードでボーンを選択
  2. [x] -> Delete Bones
  • ボーンは消しても点線でつながっている
    • 親子関係があるので親ボーンを動かすとちゃんとついてくるよ！

これでボーンづくりは終了です！

ボーンの回転で箱タビネコが動くようにする

ポーズモード切り替え

  1. ボーンを選択
  2. 編集モードになっているところをポーズモードにする
    • Pose Mode ポーズつけるモード！

今の状態でボーンを回転させても、オブジェクトと紐付いていないためボーンしか回転されません。

オブジェクトと紐付ける

  1. オブジェクトモードでオブジェクト（胴体）選択
  2. ボーンを追加選択(Shift+右クリック)
    • 正確にはArmature(ボーンのいれもの?)を選択しているらしい
  3. [Ctrl]+[P] -> With Automatic Weights
    • ボーンとオブジェクトが紐付けられる
お試し！
  1. ボーン選んで Pose Mode にする
  2. 適当なボーンを選んでRで回転してみよう！
    • タビネコ胴体が馬のように!!!
    • f:id:EnnuimaZ:20161221005358p:plain:w300

うまく動いたので脚と尻尾も同じようにタビネコに紐付けていきます。

事件は頭の紐付けをしたときにおこりました……

  1. オブジェクトモードで頭を選択
  2. [Shift]+右クリックでボーンを追加選択
  3. [Ctrl]+[P] -> With Automatic Weights
  4. Pose Mode で頭ボーンを回す
    • タビネコォォォォォ!!
    • f:id:EnnuimaZ:20161221005835p:plain:w300

オブジェクトとボーンの動きを調整する (Weight Paint)

どうやら頭の骨を動かした時に頭の動きが鈍いようです…
頭の骨をうごかしたときに頭全体が一緒に動くように調整していきます。

  1. Object Mode で頭を選択
  2. Object Mode から Weight Paint に切り替える
  3. ボーンを選択して Pose Mode にする
    • なんとオブジェクトとボーンはそれぞれモードをもっているのだ！
    • ボーンは Pose Mode、オブジェクトは Weight Paint にしておかないとうまいこと操作できないぞ！
  4. 頭のボーンを選択する
    • オブジェクトに色がついてみえるよ

f:id:EnnuimaZ:20161221010437p:plain:left:w200　f:id:EnnuimaZ:20161221010445p:plain:w200

左は頭ボーン、右は首ボーンを選択している。
ボーンひとつひとつがオブジェクト頂点への影響力（Weight）をもっている。
青＜緑＜赤 でWeightのつよさがあらわされている。
左の画像をみると、頭ボーンから顔への影響力がめっちゃ強いことがわかる。

なんと影響力をペイントします!!

なるほどWeight Paint...ほんとにペイントするんだ…

  1. 画面左のToolsタブを選択
  2. Auto Normalize にチェックを入れる
    • ウェイトの合計値が必ず1におさまるようになる

※ Auto Normalize について
頂点への影響力の総合計が1を超えてしまうと、他の部位のウェイトの影響をうけて思ったとおりに動かなくなってしまう。必ずチェックをいれておくと良いっぽい！

  1. BrushのWeightの値を1にする(0:青〜1:赤)
    • Radius(半径)/Strength(濃さ) でブラシの設定もできる
  2. タビネコの頭を塗ります！真っ赤に！

f:id:EnnuimaZ:20161221012209p:plain:left:w200　f:id:EnnuimaZ:20161221012216p:plain:w200

よしこれでボーンを動かした時に頭が全部ついてくるぞ！
グイーン！

f:id:EnnuimaZ:20161221032815p:plain:w300

オゥ…裏もちゃんと塗らないといけません…
すごく回した状態で飛び出てる部分を全部塗ろう！

f:id:EnnuimaZ:20161221032851p:plain:w300

飛び出ている部分を均一にペイントすると元の形におさまってくれる。すごい！
頭をぐるぐる回してみて塗り残しがないかチェックします。

f:id:EnnuimaZ:20161221033014p:plain:w300

怖っ…
どうやら塗り残しはないようだ…

確認したら [Alt]+[R] で回転をリセットします。

他のところもWeight Paintでなおしていく

f:id:EnnuimaZ:20161221033339p:plain:w300

今度はこれを直したい！
胴体を選択してWeight Paintへ
尻尾の付け根のボーンを選ぶと胴体にウェイトがかかっているのがわかる

f:id:EnnuimaZ:20161221033414p:plain:w300

今回はボーンを動かしても動かないようにしたいので、Weightを0に設定して青く塗ります。
塗り終えたらお尻が曲がらなくなりました！

f:id:EnnuimaZ:20161221033528p:plain:w300

脚の影響もチェックしていきます。

f:id:EnnuimaZ:20161221033626p:plain

うーん 多少影響あっても可愛い気がする…でも箱動物だし不自然さの方がおおきいかなあ。波打たないようにしよう。
胴体が波打っている状態のままウェイトペイントして、脚ボーンから胴体にかかるウェイトをゼロにしました。

箱タビネコうごかすぞ！

適当にやったらできたアニメーション！

頭ボーンを動かして、下のTimelineのビューに記録していきます。

f:id:EnnuimaZ:20161221034037p:plain

  1. 右側の録画ボタンみたいな赤丸をクリック
  2. Timeline上の適当な位置でクリック、緑の棒が出る
    1. タビネコをあっちむける
      • 記録した部分に黄色い棒がつく
  3. Timeline上の適当な位置でクリック、緑の棒が出る
    1. タビネコをこっちむける
      • 記録した部分に黄色い棒がつく
  4. ↑この繰り返しでコマ撮りみたいなのしていく
  5. Endの数値を適当に設定
  6. 再生ボタンみたいなの押す
    • うごくぞ!!
  7. 録画ボタンを止める ※大事!!

便利で安全なショートカットでのキーフレーム登録

あとから知ったやつ。録画ボタン押すよりショートカットキーでやるほうが楽で安全な感じがします。

  1. タイムラインでフレーム選択
  2. タビネコにポーズをつける
  3. [i] -> LocRotScale
    • Location(場所) Rotation(回転) Scale(大きさ) がフレームに記録される

右下の鍵のマークからLocRotScaleを選んでおくと、[i]押すだけで記録できて便利！

f:id:EnnuimaZ:20161221034922p:plain

こまった

ライトをつけてアニメーションさせたら変な影ができる

録画ボタンをつけっぱなしにしていたせいで、ライトやカメラまでフレームに残ってしまっていた。
余計に記録されてしまったフレームを消すのにDope Sheetっていうのを使いました。

  1. 画面右上の＼を左にドラッグして画面出す
  2. Dope Sheet を表示して◇を選んで[x]からDeleteする

f:id:EnnuimaZ:20161221034514p:plain
ここから色々編集したりしました。あんまりおぼえてないので省略。

レンダリングする

まず静止画で出力

静止画カメラの要領でカメラをいい感じに設定する

  1. Sceneからカメラを選択
  2. 画面右のビデオっぽいタブを選択
  3. 解像度設定 Resolution で適当な大きさを指定
    • 今回は 320*200 にした
  4. Output > 出力フォルダを設定しておく
  5. Render > [Animation] をクリックする
    • 連番の静止画でレンダリングされる！

動画にする

参考: BlenderでアニメーションGIFを作る - blugjpまとめサイト
手元のGIMPが起動しないのでImageMagickで…
まさかこんな形でImageMagickを使うことになるとは!! 便利！

文中記載のコマンドだとdelayの設定が効かず、`-loop 0` をはずしたらうまくいきました。ImageMagickのバージョン違いとかかな…?

$ convert -layers optimize -delay 6 ????.png tabineko_animation.gif

完成したタビネコアニメーション

f:id:EnnuimaZ:20161221035921g:plain

かわいい！！

全身にボーンいれたけど頭しかつかってない。かわいいので許します。

クリスマスのなんか

夏に始めたBlenderでクリスマスのなんか作ってみる！

クリスマスのなんかね。やりました。

f:id:EnnuimaZ:20161221040019g:plain

かわいい！！！天才か！！

おわり

ボーンでちょっと操作するつもりがアニメーションまで作ってしまって最高だった。
Blenderの使いやすさがすごい。Blenderだいぶ楽しくなってきました。
今度はなにしようかな〜

うしほん CHAPTER 02 01 コップづくり #BlenderPractice

Blender

うしほん！


無料ではじめるBlender CGイラストテクニック ~3DCGの考え方としくみがしっかりわかる

まえおき

タビネコすすめないの？

今日は練習の日にします。ちょっと手をBlenderに慣れさせたいし、色々変形させるちからがひつよう！
毎回頂点ひっぱりながら変形するわけにもいくまい？（殺意の波動に目覚めたくまのケース）

ハッシュタグしらべた

b3dのハッシュタグってなにかしら作ったよってときにつけるのがいいっぽい。
Blender練習的なタグてきとうにつけよう。あとで自分のツイート探したい！

練習する範囲

プリミティブモデリングはだいたいできるようになった、多分！
CHAPTER1は読むだけにして、CHAPTER2 01 コップを作るとこまでやろうかな。
CHAPTER1最後のショートカットまとめにひととおり目を通してからはじめよう。
今日気づいたけどCHAPTERの最後にそれぞれまとめあるんだなー。便利！

CHAPTER02 01

見ながらコップつくります。

ざっくりコップの形をつくる

コップの元準備
  1. 円柱を置く
  2. [Alt]+[G] で位置を原点に
  3. [S] [2] で大きさ2倍に
  4. [Tab] で編集モードに
底をちいさくする
  1. [Ctrl]+[Tab] [F] で面選択モードに (CHAPTER02のショートカット一覧にあった！)
  2. 右クリックで円柱の底面を選択
  3. [S] でてきとうに小さくする
コップの上側をあける
  1. 右クリックで円柱の天面を選択
  2. [X] [N](Only Faces) で天面を削除
コップに厚みをつける

ショートカットを使いたくて、うしほんに載っているmodifireを使う方法と、編集モードでショートカットを使う方法の2通りをためした。

  • ショートカットを使う方法
    1. [A] でコップの面を全選択
    2. [Ctrl]+[F] [S](Solidify) で厚み付け
    3. 左下にでてきたThicknessを 0.07 くらいにする (ドラッグでもうごかせる)
    • こうなる

f:id:EnnuimaZ:20161103225947p:plain

  • modifireを使う方法
    1. 🔧 [Add Modifier] [Solidify] を選ぶ
    2. Thicknessを 0.07 くらいにする
    • こうなる

f:id:EnnuimaZ:20161103230236p:plain

どうやらショートカットを使うと新たな点辺面ができてしまうっぽい！
一部分の面を分厚くしたいとかそこからあらたに造形したいときに役立つぽいなー。
[Ctrl]+[F] のメニュー便利そうだから知りたい 英語をしらべよう…
参考: Blenderショートカットキー - socialakiba wiki

コップをあの形にする

コップに段差をつける (ループカット)
  1. 編集モードで [Ctrl]+[R]
  2. みっつ矢印のやつ(Manipulator)を動かして好きな高さにする
    • みっつ矢印のやつはManipulatorって言うらしい！
  3. [Alt]+右クリック でループ辺を選択
  4. [S] で大きさをいい感じにする
段差をやわらかいカーブにする (ベベル)
  1. [Alt]+右クリック でループ辺を選択
  2. [Ctrl]+[B] でベベった！ ループ辺に沿って新しい面ができた
  3. マウスホイールで分割数を変える…
    • トラックパッドだとできない!!
    • 確定したあとに左下のSegmentの値を変更した

ベベルは面取りというらしい。煮物のモデリングするときに人参に面取りしたりできる！

コップをガラスっぽくする

マテリアルを設定する
  1. 右のマテリアルアイコン🔵えらぶ
  2. Newする
  3. [Surfece] [Glass BSDF] をえらぶ
  4. [Shift]+[Z] でレンダービューに切り替える（便利！）
    • グラスっぽくなった！

本日ハマったところ

本の画像のガラスがなんかつるっとしてるんですけど!?

飲みくちをちょっと薄くさせてみる

さっきやった面メニューからのSolidify ([Ctrl]+[F] [S]) で厚み変更しよう！

  1. 編集モードで [Ctrl]+[Tab] [F]
  2. [Alt]+右クリックで面選択
    • 縦に選択されちゃう！！
      • 辺でループ選択されるのは変わらない。ループさせたい方向の面と面の間の辺を選択すると横選択できるぞ！
    • 左下に厚み付け設定でない！！
      • スクロールした上の方に出てた…(2回目)
  3. ループ辺を選んでベベル
    • なんか違う…
なめらかにできるのあった！
  • 左の [Tools] [Smooth] を選ぶ
    • つるっとした！
    • なんとp.36に書いてあった…気づけない!!

つるっとさせたら↑でハマった厚みを薄くするやつもいらなくなったので解除しました。

できあがり

f:id:EnnuimaZ:20161113011934p:plain

できた！ レンダリングがなんかザラザラしてるけどまた別の機会に勉強します。

おわり！

yarnでember-cliをインストールしてきた #embersapporo

https://www.facebook.com/groups/ember.sapporo/

Ember.js について語らう集まりです。特に前提知識は必要ありませんが、JavaScript フロントエンドに興味があるとより楽しめるかもしれません。

はい。
久しぶりに参加したので忘れないようにブログ書きます！

トピック

  • Kinesisの数週間かかるトレーニング冊子
  • Yarnはいいぞ
  • 予約大変
    • 勝手にカレンダーに予定が登録される予約ご提案システム
    • 寝過ごしたとき用すっぽかし専用ダイヤル

ember-cli を yarn でインストールした

以下作業ログ。

https://guides.emberjs.com/v2.9.0/getting-started/quick-start/
を見ながら、npmって書いてあるところをyarnにして実行してみよう！

$ yarn install -g ember-cli@2.9
→ global add を使えと言われる。親切！
$ yarn global add ember-cli@2.9

ember-cli インストールされた！

$ ember new .
(node:30281) fs: re-evaluating native module sources is not supported. If you are using the graceful-fs module, please update it to a more recent version.
WARNING: Node v6.9.1 has currently not been tested against Ember CLI and may result in unexpected behaviour.
version: 1.13.14
Could not find watchman, falling back to NodeWatcher for file system events.
Visit http://www.ember-cli.com/user-guide/#watchman for more info.
Trying to generate an application structure in this directory? Use `ember init` instead.

あっハイ

$ ember init
(node:30365) fs: re-evaluating native module sources is not supported. If you are using the graceful-fs module, please update it to a more recent version.
WARNING: Node v6.9.1 has currently not been tested against Ember CLI and may result in unexpected behaviour.
version: 1.13.14
Could not find watchman, falling back to NodeWatcher for file system events.
Visit http://www.ember-cli.com/user-guide/#watchman for more info.
(node:30365) fs: re-evaluating native module sources is not supported. If you are using the graceful-fs module, please update it to a more recent version.
We currently do not support a name of `20161025-getting-started`.

数字始まりのディレクトリがだめ？

$ cd ..
$ mv 20161025-getting-started ember-quickstart
$ cd ember-quickstart
$ ember init
$ vi bower.json

ember project できた！ と思ったらEmberが1.13.0...
npmで入れた方のemberを見ちゃってるからかな？ 消してみよう

$ npm uninstall ember-cli
$ ember init

ンンー ember-cli を npm install しろっていわれる！
あっ yarnのPATH追加してないな、そのせいか？

$ vi ~/.zshrc
`PATH="$PATH:$HOME/.yarn/bin` を追加
$ source ~/.zshrc
$ ember init
(node:32828) fs: re-evaluating native module sources is not supported. If you are using the graceful-fs module, please update it to a more recent version.
/usr/local/lib/node_modules/ember-cli/lib/models/project.js:634
      throw reason;
      ^

SyntaxError: /Users/imaz/src/local/ember-sapporo/ember-quickstart/package.json: Unexpected string in JSON at position 156
    at Object.parse (native)
    at Object.Module._extensions..json (module.js:587:27)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Function.Project.getProjectRoot (/usr/local/lib/node_modules/ember-cli/lib/models/project.js:620:15)
    at module.exports (/usr/local/lib/node_modules/ember-cli/lib/cli/index.js:50:22)
    at /usr/local/lib/node_modules/ember-cli/bin/ember:26:3

ンンンー!! あっ 消すときに-gつけわすれた！

$ npm uninstall -g ember-cli
$ which ember
ember not found

ンンンーーー
なんか記事みつけた
http://stackoverflow.com/documentation/ember-cli/7441/getting-started-with-ember-cli#t=201610251259544171138
このとおりにやっても「(@ursm) あっ いけた！」ええっ!?
「もうこれnpm消せるのでは〜？ あっ だめだyarnがいた」
あっもしかしてnpmでyarnを入れないと動かないとか…?

$ npm install -g yarn
$ yarn global add ember-cli@2.9
$ which ember
ember not found

そんなことなかった＼(^o^)／
ursmさんがyarnのpathを確認する方法をおしえてくれる。

$ npm global bin
/usr/local/Cellar/node/6.9.1/bin
$ echo PATH
→入ってなさそう

PATH追加した ~/.yarn/bin とは一体……
追加するとして、node/6.9.1 ってなってるけどこれnodeのバージョン変わるたびに変更するの…?

...( ﾟдﾟ)ﾊｯ!

$ vi ~/.zshrc
PATH="$PATH:`yarn global bin`"

これで毎回取得してPATH追加される！

$ ember init

ｷﾀ━━━━(ﾟ∀ﾟ)━━━━!!

yarn 所感

途中、npm uninstall -g ember-cli したとき、気持ちとしてはglobalのものをアンインストールしたいんだけどuninstallって書いたらもう書けた気になって -g を忘れるなあと思った。globalってオプションじゃなくてコンテキストだから変な感じするのかもなー。
その点、yarnだと yarn global ~~ っていうコマンドがあるから気持ちと合っていて良い感じがする！
rbenvもおなじだよね。rbenv global と rbenv local で違うものを指すのわかりやすくてとてもいい。

おわり

今回はインストールまで。
次回もこの調子で ember-quickstart すすめていきます！

箱タビネコをつくった #b3d

Blender

うしほん！

cg.hatenablog.jp

いま覚えていること

画面のこと

  • 右に集まってるのはプロパティ。オブジェクトが保持している情報はここから見る
  • 左に集まってるのはツール。押したら結合できるとかそういうやつ。
    • あっ Mirrorにするのもある！ 今度おしてみよう
  • Object Mode と Edit Mode はタブキーで入れ替えられる
  • Edit Mode で移動すると原点はそのままで移動できる
    • ミラーリングしたオブジェクトのときによく使う
  • [b] > 範囲選択 > 親を選択 > [p] > Object で親子設定できる
  • 3Dカーソル(浮き輪に十字が刺さったみたいなやつ): クリックで位置を変えられる

Object/Edit Mode で共通

[g]: grab!! ピッて掴んで移動できる (いま本みて思い出した)
[s]: 拡大縮小 s2 とかすると2倍になったりする
[r]: 回転
[x]: 削除
[b]: 範囲選択 便利！
[Shift]+ドラッグ: 画面全体のドラッグ
[Shift]+[d]: 複製

Object Mode

[v]: なんかオブジェクトに絵を描ける！(いま適当にさわってみつけた) Rendered View には反映されない?
[Shift]+[s]: 3Dカーソルの位置を色々できる（説明がむずかしいやつ）

Edit Mode

[a]: 点辺面全選択
[f]: 頂点選んでから押すと面を作れる

Blenderとわたし

Blenderとの出会い


の懇親会でイカナカマに出逢い
という理解を経て
に衝撃を受けて

単純！ とりあえずその場でダウンロードだけした。

はじめてのBlender

本もってたけどすぐには読まない



オブジェクトの置き方はわかった！おわり（はやい）

最初のBlenderチャレンジ

迷走しすぎてTwitterでたくさんアドバイスをいただいた
ｱﾘﾔｽ…ｱﾘﾔｽ…

この時点で知っていたこと

  • 基本的なショートカット([s][r][x])
  • SubdivisionSurface
  • Materialに色をつける方法
  • ObjectModeとEditModeの切り替え
  • Viewの切り替え(Renderedにする)
  • 重力 G！ アニメーションで 重力を かける… (もう忘れた)

たのしそうな様子

ビュンッ

ばらばら…


joinする前とか後とかわかんない！
編集モードで頂点しか選べなくてこまってた。
後日 [a] おすと全選択できることがわかった。
🔗

飛んでるトランプ(イメージ)は眉毛作ろうとしてミラーリングしたらなんか斜めになっちゃって もうっ!! って適当に飛ばしたらいい感じになったやつ。
耳とか脚の位置を変えたかったけど編集モードで頂点しか選べなくなって殺意の波動に目覚めました。

ちゃんと最初から読んで進めようと決意した

1回目の箱タビネコ

素直に本を見て1つずつ進めました。
本を読んだらカメラの設定も背景の設定もできるようになった！
明るさをいじるところを飛ばして読んでいたらしくよくわからず、元からあるランプと明るくできない太陽で良い感じの雰囲気になるようにがんばった。
カメラは「Lock Camera to View」メニューの位置がわからなかったのと、それを設定した上で[0]でカメラビューにしないと赤枠がみえないっていうのが把握できていなくて結構ハマった。

この箱タビネコは全部プリミティブオブジェクトの拡大縮小だけでできています！
むずかしい編集とかしてない。
詳細は以下右下

2回目の箱タビネコ

1回目はそれっぽく形ができてるんだけど、オブジェクトが妙な形で組まれている。これからオブジェクトを変形させて輪郭をやわらかくすることを考えると、シンプルな組み合わせで作ったほうがよかろう。ということでもっとシンプル箱タビネコをつくることにした。
できたのはこちら！

f:id:EnnuimaZ:20161023235647p:plain
f:id:EnnuimaZ:20161023235636p:plain

箱タビネコ未知との遭遇

ハマった１：目をつくるのに円おいたら枠しかない！

「編集モードで頂点を選択して[f]で新規面作成」をおぼえた！

参考にしたのはココ:
基本オブジェクトの使用方法について(円のナゾ) - 質問板 - フォーラム - Blender.jp

ハマった２：顔の回転の中心点を変えたい

顔パーツを、耳、目、ω 含めた顔のParentに設定してしまったため、Editモードでオブジェクトを移動して原点をずらすのはちょっとめんどくさい（顔パーツだけ動くので位置の調整とか親子解消とかなんらかする必要がありそう）
→ オブジェクトを動かさずに直接原点の位置を変えたい！
　3Dカーソルの位置に原点を移動する方法があるのでそれをやってみる

3Dカーソルがオブジェクトの表面にしか行かない…
  • File > User Preferences > Interface > Dursor Depth のチェックをはずす
    • 良い感じに真ん中の方を選択できた！
原点の設定メニューがみつからない…
  • Toolsタブの Set Origin から変えられる（回転の中心になるやつ）
    • [Origin to 3D Cursor] 選んだ。他にもいくつか設定方法がありそう

ハマった３：オブジェクト選んでマテリアルのとこ選んでもなにもない…

  • 他のオブジェクトでマテリアル設定したあと未設定のオブジェクト選んでマテリアル選ぶとなにも…ない…？
    • 上にスクロールしたら出てきた。このケースで時間とられるの結構多い気がする…

未解決：カーソル(3つ矢印がついたやつ)が Active Object を追わなくなった

ずっと3Dカーソルのところにあるのなんでだろう…? オブジェクト選択したらその中心点に移動してほしい。
なんとかなるけど回転するときとかカーソル位置設定し直さなきゃいけない。めんどい！

未解決：空とか草とかかけない

草ペイントしたけどレンダリングされない
なんかこれは紐付けみたいなのが…いるのかもね…
空に良い感じの雲をうつす方法は調べてない。ググる必要がありそう

つぎにやること

空をちゃんとしたいような
テクスチャをおぼえたいような
もうさわりたくないような…（つかれはてた）

まあまた・・・きがむいたらかんがえましょう！ オワリ！

夜フクロウが起動中にエラーになるので再インストールして設定を復元させて復活させた

こまった！タブをたくさん作ってるから再インストールせずなんとかそのまま使いたい！

解決方法

再インストールして設定ファイルを上書きしました。
  1. 夜フクロウを削除する
    • アプリケーションフォルダから夜フクロウを削除
    • 設定ファイルを退避
      • mv ~/Library/Containers/com.YoruFukurouProject.YoruFukurou/Data/Library/Preferences ~/Desktop
    • アプリケーションファイルを削除
      • rm -fr ~/Library/Containers/com.YoruFukurouProject.YoruFukurou
  2. App Store から夜フクロウを再インストールする
  3. 夜フクロウを起動して何もせず終了する
    • Twitterの認証画面もそっ閉じ
  4. 元の設定ファイルで新しい設定ファイルを上書きする
    • ※これだけでよかったかも (後半のサポートアカウントツイート参照)
      • cp -aRp ~/Desktop/Preferences/com.YoruFukurouProject.YoruFukurou.plist ~/Library/Containers/com.YoruFukurouProject.YoruFukurou/Data/Library/Preferences
    • 実際にやったやつ
      • rm -fr ~/Library/Containers/com.YoruFukurouProject.YoruFukurou/Data/Library/Preferences
      • cp -aRp ~/Desktop/Preferences ~/Library/Containers/com.YoruFukurouProject.YoruFukurou/Data/Library
  5. 夜フクロウを起動する
    • →なおった！
    • バックアップした設定ファイルを消す
      • rm -fr ~/Desktop/Preferences

やったこと備忘録

状況確認

  • YoruFukurouのアイコンをクリックする
    • エラー画面が出る
    • エラーコンソールに詳細を見るリンクがあったので開いておく。イカ一部抜粋
Exception Type:        EXC_BAD_INSTRUCTION (SIGILL)
Exception Codes:       0x0000000000000001, 0x0000000000000000

Application Specific Information:
Sandbox creation failed: Unable to get bundle identifier for container ID com.YoruFukurouProject.YoruFukurou: (null)

Application Specific Signatures:
Unable to get bundle identifier for container ID com.YoruFukurouProject.YoruFukurou: (null)
  • App Store のアップデート履歴をみる
    • バージョン2.84が本日付でインストール済みになっているのでこれが要因ぽい
  • App Store で夜フクロウの互換性をみる
    • 「OS X 10.7 以降」となっている。手元は OS X 10.9 なので動くぽい

解決方法探し

ググる❢

これだっ!!

ググった情報をもとに再インストールと設定ファイル上書きしてみました。
めでたしめでたし