読者です 読者をやめる 読者になる 読者になる

リアルとバーチャルの間

気まぐれに書いてます。

乗降客数と時代の流れ

乗降客数面白いね。広告を仕掛ける知識にめっちゃ使える。
やっぱり、めっちゃ変動しているのがここ10年で秋葉原が9位になってるところ。
2016年現在だともっと上なのかな。
それに武蔵小杉とかは交通機関などで渋谷へ出かけやすくなった為なのか
27位にランキングがアップしている。


ちなみに、ベスト5
2014年
https://41.media.tumblr.com/6f822928af7183deb4b4f5fee39696ed/tumblr_o3xldxj8vW1tvsz7po2_540.png

2016年
https://41.media.tumblr.com/6f822928af7183deb4b4f5fee39696ed/tumblr_o3xldxj8vW1tvsz7po2_540.png

乗降客数リンク
www.jreast.co.jp

30代半からの「ネクストレベル」

僕にとっての2015年がやっと終わった気がする。今思えば、ものすごくシームレスに2015年の終わりを迎え年末といわれる行事をほぼすべてスルーしていたので2016年であるとか、あまり実感を持てない気分ではあります。
元旦は、僕が一つ目標としていたクリエイティブの関わり方が形になりまして30半ばにして「ネクストレベル」へと進めたように思い感謝感激雨あられでございます。そんな素敵なプロジェクトに誘ってくれたアマナ異次元 篠田さん、滝沢さん、山崎さんには、本当サンキューって感じです。そして、妄キャリちゃんメジャーデビューおめでとうございます。

2015年は「光るスカート」が世界的に注目された事で物凄く加速的に状況が変化していき、沢山の人と仲良くなり沢山のものを作らせて頂きました。目を閉じると濃厚な一年で”界王拳3倍カメハメ波”直後に訪れるリバウンドを感じてしまっている位でちょっと仙豆持ってきてって感じです。

今年は、僕の大好きなクリエイティブに関わっている人たちにたくさん出会い。僕のクリエイティブを成形してくれた漫画やアニメの世界を作るという立場で関わる事ができるようになり、本当に諦めずにこの世界にいてよかったと想います。

2016年は、もっと素晴らしい年になるように全力を尽くしていこうとおもいます。
アニメのエンディングを作ること、紅白で演出をやること、オリンピックのクリエイティブになるべく上位レイヤーで関わることが当面の目標です。頑張ります。

amanokiyoyuki.tumblr.com

オーディオ・ケーブルの種類について

オーディオ・ケーブルには大きくわけて以下の3つがあります。

  1. RCAケーブル
  2. フォンケーブル(TRS、TS)
  3. キャノンケーブル(XLR)

1.RCAケーブルwww.soundhouse.co.jp

昔からある三色ケーブルです。一般的に赤=R、白=Lで使われています。
黄色がないオーディオだけのものなど色々種類があります。

2.フォーンケーブルwww.soundhouse.co.jp

シールドとも呼ばれる一般的なオーディオ・ケーブル
TSRとTSと2種類のタイプがあります。
写真に写っているのはTSRになります。
見分け方は、黒帯の本数になり1本ならTS、2本ならTSRになります。
TSRは、バランス方式、TSは、アンバランス方式で作られています。
バランス式はノイズに強い方式です。

3.キャノンケーブルwww.soundhouse.co.jp

グランド、ホット、コールドと呼ばれる3つのピンが特徴的なケーブルです。
バランス方式というノイズに強い方式でつくられています。
※グランド、ホット、コールドは3種類の信号の事。

Soundflower

Soundflower2.0b2をインストールすればMac OSX Yosemiteでも動きますので
証明書切れとかで使えなくなっていたらアンインストール後に改めてこちらをインストールすると良いとおもいます。
Mac OSOS X El Capitan」でもSoundflowerが認識されない報告も
上がっているようでこちらを使えば大丈夫です。

インストール先
Releases · mattingalls/Soundflower · GitHub

システム環境設定>サウンド
https://41.media.tumblr.com/f3b54819e988d1c6a566185f6f32f1e3/tumblr_nxfblyxD5X1tvsz7po1_1280.png

システム環境設定からsoundflowerを設定するとPCから音が出なくなります。
なのでそういう時はアプリケーションのSoundflowerbedを起動して
Built-in Outputを設定してあげれば良いです。
https://41.media.tumblr.com/9358614e469939c40628c797ed1e1a66/tumblr_nxfd20ZSkH1tvsz7po1_500.png

あれ?あれれ
soundflowerbedなんてアプリケーションフォルダ内にないよ?って人は
こちらもインストールしてみてください。
https://code.google.com/p/soundflower/downloads/detail?name=Soundflower-1.6.6b.dmg&can=2&q=

soundflowerの動作テストをprocessingでやってみました。
音のボリュームを単純に丸に合わせてるだけのもの。youtu.be


【捕捉】
Soundflowerについて
他のアプリケーションへオーディオを渡すことができるMac OSのシステム拡張です。

jitter to madmapperについて たまに更新

MACでjitterの動画をmadmapperで出力する場合のやり方。
まあ以下のURLに記載されている事をやれば表示されるのですが
Max/Msp/Jitter to MadMapper | MadMapper
ダウンロードしたSyphonフォルダをどこに入れればいいのかわからないって人が
いるかもしれないので、一応記事にしてみました。

こちらからjitter_to_madmapperのzipファイルをダウンロードしてください。
http://www.madmapper.com/download/Jitter_to_MadMapper.maxpat.zip
なかったら、こちらにも一応あげておきました。
amano-kiyoyuki.github.com/sample/Syphon.For.Jitter.3.zip

ダウンロードしたzipファイルを以下の中に入れてしまいます。
/Applications/Max.app/Contents/Resources/C74/patchers
https://40.media.tumblr.com/7e2a1805dd167607afb1ad7cc5578d79/tumblr_nxg10tPWiN1tvsz7po1_1280.png

shaderを書こう@サーフェイス・シェーダ

UnityのShaderLabを使ってシェーダを作ってみよう!

unityでかけるシェーダの種類は3つあります。
・Fixed Function Shaders(固定機能シェーダ)
Surface Shaders(サーフェイスシェーダ)
・Vertex and Fragment Shaders(頂点・フラグメントシェーダ)

以下、シェーダーの基本要素です。

Shader "Path/To/ShaderName" {
    Properties {
        //...
    }
    SubShader {
        //...
    }
    SubShader {
        //...
    }
    SubShader {
        //...
    }
    //以下、必要なだけ繰り返し

    FallBack "Diffuse”
}


Properties
Propertiesは、シェーダーで使う変数とUnityエディタとの関連付けを行います。

name ("display name", Range (min, max)) = number
float型のプロパティ定義
minからmaxまでのスライダーをインスペクターに表示

name ("display name", Color) = (number,number,number,number)
カラープロパティ定義

name ("display name", 2D) = "name" { options }
2Dテクスチャプロパティ定義

name ("display name", Rect) = "name" { options }
矩形プロパティ定義

name ("display name", Cube) = "name" { options }
キューブマップテクスチャのプロパティ定義

name ("display name", Float) = number
float型のプロパティの定義

name ("display name", Vector) = (number,number,number,number)
4成分のベクトルプロパティの定義

[MaterialToggle] name ("display name", Float) = 0 // 0 is false, 1 is true
boolean風のプロパティ定義

nameは、シェーダー内の変数名
display nameは、Unityのインスペクタに表示される名前。

SubShader

Shader "Custom/SampleShader" {
    Properties {
        _MainTex ("Base", 2D) = "white" {}
    }

    SubShader {
        Tags { "RenderType"="Transparent" }

        CGPROGRAM

        #pragma surface surf Lambert

        struct Input {
            float2 uv_MainTex;
            float4 vtxColor : COLOR;
        };

        void surf(Input IN, inout SurfaceOutput o) {
            half4 color = tex2D(_MainTex, IN.uv_MainTex);
            o.Albedo = color.rgb;
        }

        ENDCG
    }
}

#progma文
#pragmaの行は、サーフェイスシェーダーについての設定。
surfaceというキーワードではじまり、
次のsurfはシェーダのエントリ関数の名前を指定します。
Lambertは、ランバート反射の事でライティングの設定ができます。
さらにオプションを指定することもできます。


Input構造体

Shader "Custom/sample" {
    Properties {
        _MainColor("Color", Color) = (1, 1, 1)
        _MainTex("Texture", 2D) = "white" {}
    }
    SubShader {
        Tags { "RenderType"="Transparent" }

        CGPROGRAM

        float4 _MainColor;
        sampler2D _MainTex;

        #pragma surface surf Lambert alpha

        struct Input {
            float4 color : COLOR;
            float2 uv_MainTex;
        };

        void surf (Input IN, inout SurfaceOutput o) {
            o.Albedo = tex2D(_MainTex, IN.uv_MainTex).rgb * _MainColor.rgb * half3(1, 0.5, 0.5);
            o.Alpha = 0.5;
        }
        ENDCG
    } 
    FallBack "Diffuse"
}

中央付近にInput構造体が定義されています。
上記のサンプルでは、Unityのインスペクタからカラーとテクスチャをそれっぞれ受け取るようになっています。
インスペクタから受け取ったテクスチャ情報は、Input構造体で定義され
uv_MainTexメンバに引数として渡してきます。

この内容は、edo_m18さんの記事をそのまま写経したものです。
監督ありがとうございます。

Unity5 uGUIについて

uGUIのテキストに文字を可変させたい場合
目的のテキストエリアを指定して文字列を代入します。

aという文字列を代入しているのですが
その場合のソースの書き方は以下のようになります。
https://36.media.tumblr.com/56a04f36a126992e2143a9986af95551/tumblr_np3lguBe5I1tvsz7po1_1280.png

using UnityEngine;
using UnityEngine.UI;
using System.Collections;

public class uguiTest1 : MonoBehaviour {

	// Use this for initialization
	void Start () {
		Debug.Log (GameObject.Find ("Canvas"));
		Debug.Log (GameObject.Find ("Canvas/Text"));
		GameObject.Find ("Canvas/Text").GetComponent<Text>().text = "a";

	}
	
	// Update is called once per frame
	void Update () {

	}
}

こんな感じでFindでオブジェクトを指定して代入しています。


以下、ゲームオブジェクトの探し方。

画面上からgameobjectを取得するには「Find」です。
GameObject target = GameObject.Find("ゲームオブジェクト名");
※GameObject.Find("****/******/****")っと/で階層指定する事も可能です。

他にも以下のように探す事ができます。

自分の子から探す事ができるのは、「FindChild」です。
GameObject target = gameobject.transform.FindChild("子の名前").gameObject;

MacでXBeeを使う方法

シリアル通信で接続出来る短距離無線通信規格XBeeについて

今回は以下のUSBドングルを使って通信してみました。

https://40.media.tumblr.com/ac1e7badea6e070b076e0219d0ee09a3/tumblr_nolfi1VTmi1thbn5ko1_1280.jpg

XBeeエクスプローラUSBドングル - スイッチサイエンス

XBee ZB / U.FLコネクタ型 - スイッチサイエンス

XBeeへの接続は、XCTU(XBee設定ソフト)を使いました。
New XCTU for Mac & Windows « Rob Faludi

接続は、1対1の接続以外に、スター型の1対多や、メッシュ型のネットワークも組めます。
ネットワークの構築や制御を行うCoordinator(コーディネイタ)
中継地点にも端末にもなるRouter(ルーター
末端に接続されるEnd Device(エンドデバイス)

と設定を分ける事ができます。
Cordinatorは、かならず一つなければなりません。
今回は、CordinatorとRouterで設定致します。

XCTUの設定にある
PAN IDとDH-Destination Address High/Lowの値を設定する事で
接続する事ができます。

PAN IDは、4桁の数字にあることで設定出来ます。
DH-Destination Addressは接続したい相手のXBeeの裏面にある値を入れれば
1対1の通信になります。

以下の要にHighは、おそらく同じ値になり、LowはXBeeによって変わります。
13A200/XXXXXXXX

また、ブロードキャストに設定するには
DH-Destination Addressを以下にするとできます。
00000000/FFFFFFFF

さて、XCTUの設定ですが
以下の赤丸の部分を押してください。

https://40.media.tumblr.com/d094de8332000a2c7512b15ca83a8cd0/tumblr_nonb26zQZR1thbn5ko1_540.png

以下にXBeeを接続しているUSBを選択して接続して下さい。

https://41.media.tumblr.com/6d04bc53e6d772d1f82e3e0f45d98e12/tumblr_nonb26zQZR1thbn5ko2_1280.png

接続後、XBeeが出てくるので先ほど伝えた
PAN ID と DH-Destination Address High/Low を入力します。

接続が終ったら、ターミナルで確認してみましょう。
ターミナルを二つ立ちがげて
以下を入力すると通信する事ができます。
Screen /dev/tty.usbserial-XXXXXXXX
https://41.media.tumblr.com/0e8a529bb1d308cf5243f0e472ff1f9b/tumblr_nonb26zQZR1thbn5ko3_r2_540.png


片方のターミナルから1をたくさん入力
もう片方のターミナルからはbをたくさん入力して
疎通テストをしました。

https://36.media.tumblr.com/002187257d5aba8a44bdd050641c7f66/tumblr_nonb26zQZR1thbn5ko4_r1_540.png

ターミナルscreenの終了は以下でyを押せば終ります。
ctrl + a ctrl + ¥

このようにかなり簡単に接続ができます!
XBeeすごい!

XBeeエクスプローラ USBドングル が認識されるようにする

Mac OS MavericksでXBeeエクスプローラーUSBドングルが認識できなかったのですが
FTDIのドライバを入れてロードしたら解決しました。

ターミナルで以下を叩いた時に認識されていなかったら試してみて下さい。
ls /usb/tty.*

ちなみに、以下をたたいて何の反応もなければFTDIは、入ってないです。
kextstat|grep FTDI


FTDIとは、
FTDI 社は USBとシリアルインタフェースの変換に使われるチップを作っている会社
製品の総称をFTDIと呼んでいるようです。

ドライバのインストールは以下から出来ます。
Virtual COM Port Drivers

ターミナルから実行可能にしてドライバをロードします。
cd /System/Library/Extensions
sudo chmod -R 755 FTDIUSBSerialDriver.kext
sudo kextload FTDIUSBSerialDriver.kext

再度、ターミナルからこちらをたたいて確認する。
kextstat | grep FTDI


こんなメッセージが出なかったらFTDIを認識した事になります!
com.FTDI.driver.FTDIUSBSerialDriver (2.3)

【眼帯拡張計画】邪気眼帯つくりました。

眼帯越しにモニターを見ると見えないものが見える邪気眼の体験ができる
拡張デバイスになります。

youtu.be


「曖昧美少女アート展」の展示でこちらの体験ができます。
展示は、光るスカートの写真がメインとしていますが
光るスカートを使った動画などが【邪気眼帯】越しに見る事ができます。

【展示空間のイメージ】
https://41.media.tumblr.com/4c5c88f1400966fc6c3c931b7bc8c6a7/tumblr_nnar7uArqT1thbn5ko2_r1_1280.png

動画の内容はお楽しみに!

【展示される写真】
http://41.media.tumblr.com/43779bb54472b282c87ab85cb33d361b/tumblr_ni71lnby951u8s4uso1_1280.jpg

http://41.media.tumblr.com/ae56bf53037de2a67866cdc39f9b3fd4/tumblr_ni71jrTfnv1u8s4uso1_1280.jpg

http://40.media.tumblr.com/34d90750286f0259b3c5b3bf08358980/tumblr_nm7rrdnaXx1u8s4uso1_1280.jpg

http://40.media.tumblr.com/6725767c6b5379391847591219959b33/tumblr_nm7rudxOeG1u8s4uso1_1280.jpg


絶対領域拡張計画「光るスカート」】hikaruskirt.tumblr.com

【曖昧美少女アート展】
曖昧☆美少女アート展 / Fuzzy ☆ Pretty Girls Exhibition


【モデル:あちなみ】ameblo.jp

【モデル:胡桃沢まひる】ameblo.jp

【妄想キャリブレーションmosoclbr.com


天野清之(面白法人カヤックwww.kayac.com

【メモ】Unityでwebsocketsする

凹みさんの記事を参考にしました。
色々な技術を記事にしてくれていて本当にすごいなあ。

tips.hecomi.com

こちらからpackageを落とせます。
Unity5 Beta : WebGL + Unity WebSockets plug-in | Unity Community
リンク切れしていたらこちらからダウンロードしてみてください。

パッケージを入れたら、以下を記入します。

using UnityEngine;
using System.Collections;
using System;

public class EchoTest : MonoBehaviour {

	// Use this for initialization
	IEnumerator Start () {
		WebSocket w = new WebSocket(new Uri("ws://127.0.0.1:3000"));
		yield return StartCoroutine(w.Connect());
		w.SendString("Hi there");
		int i=0;
		while (true)
		{
			string reply = w.RecvString();
			if (reply != null)
			{
				Debug.Log ("Received: "+reply);
				w.SendString("Hi there"+i++);
			}
			if (w.Error != null)
			{
				//Debug.LogError ("Error: "+w.Error);
				break;
			}
			yield return 0;
		}
		w.Close();
	}
}

ターミナルでwsのモジュールを入れます。
(nodeを入れているのが前提条件です)

npm install ws

server.jsを作り。

var ws = require('ws').Server;

var server = new ws({ port: 3000 });
server.on('connection', function(ws) {
    console.log('connected!');
    ws.on('message', function(message) {
        console.log(message.toString());
    });
    ws.on('close', function() {
        console.log('disconnected...');
    });
    setInterval(function() {
        ws.send("Hi!");
    }, 1000);
});

ターミナルからcdで指定のディレクトリへ移動した後。
node server.jsを実行すればよい。

server.jsでやっている事は簡単に言うと以下のような感じ。
ws.on Unityから送られてきたデータを受け取っている。
ws.send Unityへデータを送る。

curaインストールから出力まで

さて、3Dプリンターの出力までの説明を致します。
今回は、Simple makers kitで出力致します。

こちらが3Dプリンタ
https://41.media.tumblr.com/629b935ef4664a27d827282f8051e501/tumblr_nm64db5H901tvsz7po1_1280.png

こちらから、Macインストーラーをダウンロードしました。
https://software.ultimaker.com/

printer botは、simple makers kitを選択しています。

次に日本語化します。
以下から、en.zipをダウンロードします。www.thingiverse.com

こちらです。
https://41.media.tumblr.com/a587f864b771a5c179e0765c5f2b76ad/tumblr_nm64y9Cxt11tvsz7po1_540.png

回答したデータを以下に入れます。
/Applications/Cura/Cura.app/Contents/Resources/locale

すでにenというフォルダがあるので別名にしておきまして
回答ファイルを入れます。

https://41.media.tumblr.com/0f452bd610ca6b2c00fdca6aad03433f/tumblr_nm654rBPWu1tvsz7po1_1280.png

起動すると、こんな感じになっています。
https://41.media.tumblr.com/9bdab797612f2898816b1e042028cd80/tumblr_nm64y9Cxt11tvsz7po2_540.png

とりあえず、出力するものがないので
適当にMAYAでプロペラ作りました。(10分で作ったから適当ですw)
https://40.media.tumblr.com/b67ef1128b307743b330b29ab0380e36/tumblr_nm65xrSgXU1tvsz7po1_1280.png

モーターブッ差す用の穴です。
https://40.media.tumblr.com/b07125427e6f8660cb27ecf663d3182c/tumblr_nm65xrSgXU1tvsz7po2_r1_540.png

こちらにstlを展開したので欲しかったらどうぞ。
amano-kiyoyuki.github.com/sample/propeller.stl

Rhinocerosで縮小しました。
Rhinocerosはmac版が無料なのでお得です。
https://41.media.tumblr.com/fe1c5650284df5fb3ba5b0a6bdfda2b5/tumblr_nm66prddRQ1tvsz7po1_1280.png


Curaにインポートします。というかドラック&ドロップでできます。
https://41.media.tumblr.com/aae793edee18bd8c306c6b8f38c289f0/tumblr_nm66nwj3df1tvsz7po1_1280.png


ファイルの環境設定から以下のコントロールウィンドウを設定。
basecからPronterface UIに変更。

https://40.media.tumblr.com/e84a36dbd9edb648e3c8f8a726fee383/tumblr_nm6e2aquvM1tvsz7po1_540.png


台座の調整などします!
https://40.media.tumblr.com/542a1f817a2e36053551ebf186f41ea2/tumblr_nm677kAlPX1tvsz7po1_1280.png

左下のボタンを押してホームへ移動します。
https://40.media.tumblr.com/63ba9218c1b8f4e2467612713ac6904b/tumblr_nm67bp2lNQ1tvsz7po1_1280.png

設定はこちらで行いました。
https://40.media.tumblr.com/f7a338a92dc57e8bca8a1fe67b862c29/tumblr_nm7sboZP051tvsz7po1_1280.png


プリントボタンを押して開始します!

絶対領域拡張計画「光るスカート」の考え方

絶対領域拡張計画とは>
ミニスカートの下(スカートの内側)からニーソックスの上部分にある「絶対領域
に対して光を照らす事で太ももに光があたり「絶対領域」から「こもれび領域」
へ進化する新感覚のスカートになります。

という考え方ではじめたプロジェクトですが

α版、β版、シンクロ版と3つのバージョンアップしていく過程で
自分なりの解釈が出来あがりました。

スカートの内部が光る(発光する)事で、スカートから”こもれでる光”が
絶対領域を照らして、領域が強調されるので、すげーKAWAIIって事なんですが
そもそも、スカートの”内部が強く光る”こと自体が
神秘的で宇宙空間のように絶対的なものだなーっと思いました。

なので、スカートの内部を”超絶対領域”みたいに考えてもいいのかなっと考えています。

https://41.media.tumblr.com/ac552a0a486b4eebe11413678b648a39/tumblr_nleynbcZ761thbn5ko1_400.png
※こんな感じのイメージです。<関連リンク>

絶対領域拡張計画「光るスカート」 シンクロ版
magic-juice.mosoclbr.com

絶対領域拡張計画「光るスカート」 β版
hikaruskirt.tumblr.com

絶対領域拡張計画「光るスカート」 α版
https://40.media.tumblr.com/4333892dc7cada7e8828c40c7c82caa4/tumblr_nexa77v6qN1thbn5ko7_1280.jpg