情報処理学会 インタラクション 2018
IPSJ Interaction 2018

3B19
2018/3/5

ネオンサインデザインのための支援システム
内海一希†1 五十嵐悠紀†1
概要： 本稿では，ネオンサインを対象に初心者がデザインするための支援システムを提案する．ネオンサインは外壁の広告やイルミネーションなどに使われており，手軽に手に入るようになってきた．しかし，通常は職人がほぼ手作業でデザインをしており，何度もやり直しがきかない作業である．そこで初心者でも手軽にデザイン可能にするため，コンピュータ内でデザインを試行錯誤したあとで実際に配置を行うことのできる支援システムを提案する．実際の制作の際には，3 次元プリンタで出力したモデルを用いて支援することも行った．

1. はじめに3. 提案システム

ネオンサインとはネオン管などを使用した看板や広告提案システムは Processing-3.2.3 で実装した．一連のシであり，単にネオンと呼ばれることも多い．特に都市部のステム処理の流れを図 1 に示す．デザイン支援および制作

ビルや外壁に設置されているが，手軽に購入できることか支援にわけて説明する．

らもイルミネーションなどにも使われるようになってきた．しかし，ネオンサインは広告主の注文に応じてほぼ手3.1 デザイン支援作業による職人技でいろいろな形状に曲げられ作られてまず実行画面は図 1(a)のようになっている．ユーザはフいるのが現状である．ネオン管は試行錯誤にも向かず，手リーハンドで通常のペイントツールのように線を描いて軽になってきたとはいえ，初心者が扱うには難しい．

いくことができる．実際のネオンのように，線の真ん中はそこで本稿ではネオンサインを対象にコンピュータ内

白く，周りに色をつけており，画面右上のスライダーバーでデザインを試行錯誤できるような支援システムを提案

で色を設定してからペイントすることで，実際に作りたいする．提案システムでは初心者を対象にスケッチインタフ

ネオンの色での完成図が想像しやすくなる．描き直したい

ェースを用いてネオンサインをデザインできるようにな線の付近にカーソルを持っていき，右クリックをすることっており，線を描いたり，色を変更したり，マスキングので、ストロークを 1 本ずつ消すことができる．また，ALL箇所をデザインしたりといった試行錯誤ができるようにCLEAR ボタンを押せば最初からやり直すことができる．

なっている．使用するネオンはインターネットでも手軽に

これにより，色や形が納得のいくデザインができるまでシ手に入れることができる，電池で発光する安価なネオンチ

ステム上でデザインを行うことができる．また，マスキン

ューブを用いた．出来上がりは本物のネオン管に近いもの

グ部分を含めた実際のネオンの合計の長さが表示されるが完成する．実際の制作の際には，3 次元プリンタで出力ので，長さを調整しながらデザインできたりと，実際に制した基盤プレートを用いて，それに沿って曲げたり穴を通作する際にも目安をつけることができる．

したりするだけで，制作支援をすることも行った．

2. 関連研究

デザインが完成すると，EXPORT ボタンを押すことで，3 次元基盤プレートの作成をするための座標データ，テキストデータが出力される．データの作成の詳細を以下で述

近年，コンピュータを使って初心者がデザインをするこべる．まず，ユーザが入力したストローク(マウスの点座とを支援する研究が盛んになってきている．ポップアップ標列)をリサンプリングし，その連なる座標から法線を計カードの制作支援システム[1]や，紙飛行機のためのデザ算する．この法線を正規化したものを用いて，元のストロイン支援システム[2]，動くおもちゃのためのデザイン支ークから一定の距離だけ離れた座標のデータを出力する援システム[3]などが提案されている．試行錯誤をするのことで，ガイドとなる突起を生成した．また，ストロークが難しいデザインに関して，コンピュータを用いてあらかごとの端点の座標も出力し，その座標にはネオンを通すこじめデザインを行い試行錯誤をすることで，初心者でもデとのできる大きさの穴を開けることで，ネオンを裏に通すザインを可能にするような試みが盛んである．

ことができるようにした．これにより基板プレートの裏にまた，WrapIt [4]はワイヤーアートのネックレスのデザ回った部分のネオンのマスキングが不要になる．

インのための支援システムである．このシステムではデザ

上記の情報を CSG(Constructive Solid Geometry)表現で表イン支援をした後，3 次元プリンタで出力した基板プレーし，図 1(b)のように OpenJSCAD[5]を用いて 3 次元メッシトにワイヤーを巻き付けていくことで制作過程も支援しュを作成した後，STL ファイルにして保存し，3 次元プリている．我々はこのシステムを参考に，ネオンデザインのンタ用アプリケーション FlashPrint を用いて，3 次元プリ実際の制作支援として 3 次元プリンタで出力した基板プンタで基盤プレートを出力した．

レートを使用することとした．

†1 明治大学
Meiji University© 2018 Information Processing Society of Japan936

情報処理学会 インタラクション 2018
IPSJ Interaction 2018

3B19
2018/3/5

図 1 提案システムの概要
3.2 制作支援能を実装した．また，ペイントするのは楽しいとの感想が3 次元プリンタで出力した基盤プレートを元に，まず書あったため，ペイントデザインに関する機能が他にもあれき始めとなる点の穴に裏からネオンを通す．そのまま突起ば，さらにアプリとして面白いものになるのではないかとに沿ってネオンを這わし，ストロークの終わりでまた穴に考えられる．一方で，あまり複雑なデザインになると、実通し，裏側へと這わす．これをストロークごとに繰り返す

際のネオンでの再現が難しくなるのでもう少しデザインことにより，描いた通りのストロークの部分のみが発光すの制限があった方がいいかもしれないという問題点もあるネオンデザインが出来上がる．ストロークが途切れていったので今後改善したい．

るところは，基盤の裏を通るので表から見えることはない．
実際のネオンも全てが 1 本の管になっており，発光させた

5. まとめと今後の課題

くない部分はマスキングにより発光しないようにして，文

本稿では初心者がネオンデザインをするための支援シ

字などを表現することが多い．今回は，基盤の裏を通すこステムを提案した．ネオンサインは自分で作るものだと考とによりそれを表現した．そのまま基盤ごと飾ることがでえる人は少なかったが，本支援システムをきっかけに手軽きるのも便利である．にネオンサインを扱えることを知ってもらうきっかけと4. 結果と議論することができた．
今後の課題としてはデザイン支援において，ネオン管提案システムを用いてユーザスタディを行った．ユーザで表現できるようなカーブしか描けないなど，ネオンデザ

4 人がデザインしたネオンの例を図 2 に示す．また，デザインに特化した図形を描きやすくする工夫をシステムにインにかかった時間（試行錯誤含む）はおよそ 5 分程度，組み込むことでよりデザインしやすくなると考えている．

3 次元プリンタでの基盤の印刷にかかった時間は約 3 時間

また，ネオンサインのサイズも限られており，3 次元プリであった．

ンタで出力可能なサイズも限られているため，つなぎ合わせる機構を提案して，もっと大きなネオンサインをデザインできるように検討したい．

参考文献
[1]

Li et al. A geometric study of v-style pop-ups:
Theories and algorithms. ACM Transactions onGraphics (Proc. Of SIGGRAPH) 30, 4, 98:1-98:10,
2011.

[2]

Umetani et al. Pteromys: Interactive design andoptimization of free-formed free-flight model

図 2 ユーザがデザインしたネオンの例
やはり，複雑なデザインをしようとすると失敗した時に，ユーザスタディを行なった時点のシステムでは最初からやり直しにすることしかできなかったので，時間がかかる．
一方，単純なデザインだと短時間で手軽にデザイン，製作までできるので良い点でもあると思った．当時のシステム
では削除機能が ALL CLEAR しかなかったが，デザインの段階で，「消しゴムツールがあればさらにデザインがしや

airplanes. ACM Transactions on Graphics (Proc. ofSIGGRAPH) 33, 4, 65:1-65:10, 2014.
[3] Coros, et al. Computational design of mechanicalcharacters. ACM Transactions on Graphics (Proc.
of SIGGRAPH) 32, 4, 83:1-83:12, 2013.
[4] Iarussi, et al. WrapIt: Computer-Assisted Craftingof Wire Wrapped Jewelry. ACM Transactions onGraphics (Proc. of SIGGRAPH Asia), 34, 6, 221:1221:8, 2015

すい」と述べていたため，ストロークごとに削除できる機© 2018 Information Processing Society of Japan

937