1. 準備

まずは購入し、インポートします。
インポートすると、Unityのバージョン別のパッケージが複数同梱されています。
以下は、Unity5系のフォルダ構造です。

マニュアルを元に整理しました。

5.2.0、5.2.1、5.2.4は、この表のどこにも当てはまりませんが、私の5.2.4の環境では、Vectrosity5-Unity5.2.2.unitypackageを特にエラーなく使うことができました。

5.2系の場合、5.2.2.unitypackageを使うのがよさそうです。

また、説明書には、展開するunitypackageは一つだけにしてほしい、との記載がありました。

その他、自分で試してわかった内容のメモです。

・使わないバージョンのフォルダは削除してかまわない
・スクリプトは全てUnityscript(C#ではない)で書かれている
・ただし、C#のAPIも用意されているのでC#でも使用可能
・VectrosicyDemos.unitypackageを展開し、_Scenesフォルダを開くと、多数のサンプルシーンがある。
・シーンには最低限のスクリプトだけが使われてる。Scriptsフォルダはシーン別にフォルダ分けされている。そのため、該当するシーンのスクリプトを見れば「どうやったらこの表現ができるのか」が理解しやすい
・UnityScriptの場合はimport Vectrosity、C#の場合はusing Vectrosity、をスクリプトの冒頭に付けるだけで使える

2. ワイヤーフレームの表現

最終的にこんな変化をさせます。

ちなみに、ここで使ったのはWizard Staff Packという杖モデルです。
何でもよかったのですが、cubeやsphereではつまらないし、あまり大きいのは準備が大変なのでこれにしてみました。

2-1. LineMakerによる、フレーム情報の生成

まず、前準備として、ワイヤーフレームを作るには、LineMakerというツールでワイヤーフレーム化したいオブジェクトを選択し、フレーム用のデータを生成する必要があります。

LineMakerはAssetsの中に追加されています。

Hierarchy Viewで対象のオブジェクトを選択してからLineMakerを開くと、このようなウインドウが表示されます。

番号①②③の順に選択します。

Pointer Size とLine Sizeはオブジェクトの大きさによって調整すればよいと思います。今回のStaff(杖)は小さかったので、どちらも最小サイズにしました。

③を選択すると、拡張子".bytes"形式のファイルが生成されます。これはオブジェクトの頂点座標をまとめたもののようです。

ワイヤーフレーム化したい処理で使います。

オブジェクトの頂点座標を取得する方法はもう一つあって、Generate Line(UnityScript)、Generate Line(C#)のどちらかをクリックしてもよいです。

クリックすると、new Vector3(a,b,c)の配列がクリップボードにコピーされます。

このように、scriptに貼付ければ、あとはここで処理を記述することで、ワイヤーフレームを生成できます。

(コピペしただけです。相当長いスクロールが続きます。実際は配列化などの記述を加えないとコンパイルエラーになります)

ただ、new Vector3(a,b,c)の数があまりに多いためか、私の使っているMono Developがしょっちゅう固まりました。

個人的には、特定の頂点座標を知りたい、などがなければ、bytes形式のファイルを使った方がやりやすいと思います。

2-2. スクリプトで、ワイヤーフレームを生成する処理を記述

たとえば、以下のようなスクリプトを作成し、Staffオブジェクトにアタッチします。

using UnityEngine;
using System.Collections;
using Vectrosity;

public class GenerateWireFrame : MonoBehaviour {

	public TextAsset frameData; /*(1)*/
	private VectorLine line;
	private Color color1 = Color.green;

	void Start () {
		var linePoints = VectorLine.BytesToVector3List (frameData.bytes); /*(2)*/
		line = new VectorLine(this.gameObject.name, linePoints, 2.0f);/*(3)*/
		line.SetColor(color1);/*(4)*/
		VectorManager.ObjectSetup (this.gameObject, line, Visibility.Dynamic, Brightness.None);/*(5)*/
	}
}

以下、補足です。

(1)
まず、TextAsset型で変数を宣言します。ここには、先ほどLineMakerで作った.bytes形式のデータを、Inspector上で指定します。

(2)
TextAsset型の変数を読み込み、描画すべき点を取得します。

(3)
VectorLineのインスタンスを生成します。ここの2.0fは太さです。

(4)
色指定です。記述は必須ではなく、記述ない場合、白線のワイヤーフレームになります。

(5)
線を描画します。

この状態でシーン実行すると、上で紹介したようにstaffがワイヤー状になります。

また、同様の手順でやれば、任意のモデルをこのような表現にできます。

ちなみに、もし下記のような結果になった場合、使うAPIが間違っている可能性があります。

私の場合、bytesファイルの読み込み時に、間違って"BytesToVector2List"を指定してました。。

** 3.光の線の描画表現

デモシーンの中に、Scribblecubeというシーンがあります。

[補足]
scribble :走り書きする

scribble(走り書き)とはいえ、光の線はきれいですよね。

ここでは、サンプルシーン実行時に出たエラー対処方法と、オブジェクトを光の線で描画する方法を解説します。

line = new VectorLine("Line", linePoints, lineTexture, lineWidth, LineType.Continuous);

line = new VectorLine(this.gameObject.name, linePoints, 2.0f);

public Texture lineTexture;

using UnityEngine;
using System.Collections;
using Vectrosity;
using System.Collections.Generic;

public class GenerateWireFrame : MonoBehaviour {

	public Texture lineTexture;
	public Material lineMaterial;

	public TextAsset frameData;

	private VectorLine line;
	private float lineWidth = 15.0f;

	private Color color1 = Color.blue;
　　 private Color color2 = new Color( 0,1.0f,1.0f,0.4f);

	void Start () {
		var linePoints = VectorLine.BytesToVector3List (frameData.bytes);
	 	line = new VectorLine("Line", linePoints, lineTexture, lineWidth, LineType.Continuous);
		//line.SetColor(color1);
                line.SetColor(color2);
		VectorManager.ObjectSetup (this.gameObject, line, Visibility.Dynamic, Brightness.None);
	}
}