Help
RSS
API
Feed
Maltego
Contact
Domain > befool-inc.github.io
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2015-12-01
199.27.76.133
(
ClassC
)
2024-07-12
185.199.109.153
(
ClassC
)
Port 80
HTTP/1.1 200 OKConnection: keep-aliveContent-Length: 53470Server: GitHub.comContent-Type: text/html; charsetutf-8permissions-policy: interest-cohort()Last-Modified: Sun, 06 Oct 2013 17:10:24 GMTAccess-Control-Allow-Origin: *ETag: 52519980-d0deexpires: Fri, 12 Jul 2024 02:11:18 GMTCache-Control: max-age600x-hosts-log-append: pages_hosts_ips:x-proxy-cache: MISSX-GitHub-Request-Id: 72AD:91FC2:394339B:3AF87E9:66908E6EAccept-Ranges: bytesAge: 0Date: Fri, 12 Jul 2024 02:01:18 GMTVia: 1.1 varnishX-Served-By: cache-bfi-kbfi7400023-BFIX-Cache: MISSX-Cache-Hits: 0X-Timer: S1720749678.147824,VS0,VE83Vary: Accept-EncodingX-Fastly-Request-ID: 2a19daf4216ecea5dcc423872e9e080edb4e28f2 !DOCTYPE html>!--if IEMobile 7 >html classno-js iem7>!endif-->!--if lt IE 9>html classno-js lte-ie8>!endif-->!--if (gt IE 8)|(gt IEMobile 7)|!(IEMobile)|!(IE)>!-->html classno-js langja>!--!endif-->head> meta charsetutf-8> title>BEFOOL blog/title> meta nameauthor content8823-scholar> meta namedescription content森です。第1回にて2つの記事に分けて記述しますといいましたが…まとめきれず3つ目の記事になってしまいました。 今回は Homebrew を用いて git . subversion , rbenv などなど自分の開発環境セットアップ方法をまとめます。 このまとめを書いている自分のMacは …> !-- http://t.co/dKP3o1e --> meta nameHandheldFriendly contentTrue> meta nameMobileOptimized content320> meta nameviewport contentwidthdevice-width, initial-scale1> link relcanonical hrefhttp://befool-inc.github.io> link href/favicon.png relicon> link href/stylesheets/screen.css mediascreen, projection relstylesheet typetext/css> link href/stylesheets/data-table.css mediascreen, projection relstylesheet typetext/css /> link href/atom.xml relalternate titleBEFOOL blog typeapplication/atom+xml> script src/javascripts/modernizr-2.0.js>/script> script src//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js>/script> script>!window.jQuery && document.write(unescape(%3Cscript src./javascripts/lib/jquery.min.js%3E%3C/script%3E))/script> script src/javascripts/octopress.js typetext/javascript>/script> !--Fonts from Googles Web font directory at http://google.com/webfonts -->link hrefhttp://fonts.googleapis.com/css?familyPT+Serif:regular,italic,bold,bolditalic relstylesheet typetext/css>link hrefhttp://fonts.googleapis.com/css?familyPT+Sans:regular,italic,bold,bolditalic relstylesheet typetext/css> script typetext/javascript> var _gaq _gaq || ; _gaq.push(_setAccount, UA-40545969-1); _gaq.push(_trackPageview); (function() { var ga document.createElement(script); ga.type text/javascript; ga.async true; ga.src (https: document.location.protocol ? https://ssl : http://www) + .google-analytics.com/ga.js; var s document.getElementsByTagName(script)0; s.parentNode.insertBefore(ga, s); })(); /script>/head>body > header rolebanner>hgroup> h1>a href/>BEFOOL blog/a>/h1> h2>今日もいい天気/h2> /hgroup>/header> nav rolenavigation>ul classsubscription data-subscriptionrss> li>a href/atom.xml relsubscribe-rss titlesubscribe via RSS>RSS/a>/li> /ul> form actionhttp://google.com/search methodget> fieldset rolesearch> input typehidden nameq valuesite:befool-inc.github.io /> input classsearch typetext nameq results0 placeholderSearch/> /fieldset>/form> ul classmain-navigation> li>a href/>Blog/a>/li> li>a href/blog/archives/>Archives/a>/li> li>a href/blog/categories/>Categories/a>/li> li>a href/blog/authors/>Authors/a>/li>/ul>/nav> div idmain> div idcontent> div classblog-index> article> header> h1 classentry-title>a href/blog/2013/10/07/set-up-os-x-part-3/>自分用のOS X設定 その3/a>/h1> p classmeta> time datetime2013-10-07T02:00:00+09:00 pubdate data-updatedtrue>Oct 7span>th/span>, 2013/time> | a href/blog/2013/10/07/set-up-os-x-part-3/#disqus_thread>Comments/a> /p> /header> div classentry-content>p>森です。第1回にてa href/blog/2013/08/12/set-up-os-x-part-1/>2つの記事に分けて記述します/a>といいましたが…まとめきれず3つ目の記事になってしまいました。/p>p>今回は strong>Homebrew/strong> を用いて strong>git/strong> . strong>subversion/strong> , strong>rbenv/strong> などなど自分の開発環境セットアップ方法をまとめます。/p>p>このまとめを書いている自分のMacは strong>MacBook Air 11-inch Mid 2011/strong> 、 strong>OS X 10.8.4/strong> です。そのため他の機種、OSのバージョンではこのとおりの設定はできないかもしれませんのでご了承ください。/p>p>img src/images/posts/2013-08-12-set-up-os-x-part-1/my_os_x.png altmy OS X />/p>/div> footer> a relfull-article href/blog/2013/10/07/set-up-os-x-part-3/>Read on →/a> /footer> /article> article> header> h1 classentry-title>a href/blog/2013/10/05/unity-study-10-prefab/>Unity勉強 第10回 「Prefabを試してみる」/a>/h1> p classmeta> time datetime2013-10-05T16:41:00+09:00 pubdate data-updatedtrue>Oct 5span>th/span>, 2013/time> | a href/blog/2013/10/05/unity-study-10-prefab/#disqus_thread>Comments/a> /p> /header> div classentry-content>h2>前回のおさらい&今回の目標/h2>p>最近夜になるとめまいで立ってられない智史之介です。おはようございます。br/>いい加減まずいな、と思い病院に行ったのですが、3分ほどの診療でMRIも撮らせてくれず、早々にあしらわれてしまいました…。br/>ファ○ク!!br/>他の病院探そう…。/p>p>今日の課題は「prefab」です。br/>Unityを触るにあたって避けては通れない要素のようですので、このあたりでまずは第一回挑戦をしておくべきかなと。br/>「Prefabとは?」というそんな段階から迫ってみたいと思います。/p>h2>Prefabとは?/h2>p>a hrefhttp://ws.cis.sojo-u.ac.jp/~izumi/Unity_Documentation_jp/Documentation/Manual/Prefabs.html>Unity - プレハブ/a>/p>blockquote>p>プレハブはAseetの種類の1つです。 再利用可能なゲームオブジェクトでプロジェクトビューに保存されます。プレハブは複数のシーンにも、また、1つのシーンに複数追加する事も出来ます。 プレハブをシーンに追加する時はインスタンス(instance)が生成されます。プレハブのインスタンスは、全てオリジナルのプレハブにリンクしているため、意味的にはクローンとなります。プロジェクトに存在するインスタンスの数に限らず、プレハブに変更を加えると、インスタンスにも反映されます。/p>/blockquote>p>うーん。これだけでは正直よく分からないっす。Flashで例えると、ムービークリップとそのインスタンスのようなものなのかな…?/p>h2>漢なら、やってやれ、だ!/h2>p>とりあえず、直感的に感じた方法で試してみる事にします。/p>h3>prefabの作成/h3>p>prefabの作成に関しては、/p>ul>li>最初にprefabを作成して、その中にobjectを配置する方法/li>li>既存のobjectをprefab化する方法/li>/ul>p>があるらしいです。今回は後者の方法で試してみます。/p>h4>適当なobjectを配置する/h4>p>img src/images/posts/2013-10-05-unity-study-10-prefab/create-cube.png altcubeの作成 />/p>p>えいっ。/p>h4>ドラッグ&ドロップでprefab化/h4>p>HierarchyタブからProjectタブにDrag&Dropで移動することでPrefab化できるようです。/p>p>img src/images/posts/2013-10-05-unity-study-10-prefab/create-prefab.png altprefabの作成 />/p>h4>prefabをステージ上に配置する/h4>p>img src/images/posts/2013-10-05-unity-study-10-prefab/prefab-put-on-stage.png altprefabの配置 />/p>p>Projectタブ内のprefabをDrag&Dropでステージに配置します。br/>これは「prefabのインスタンス化」と呼びます。(たぶん)/p>p>それにしてもUnityのこのカメラ周りの操作に未だになれません…。自分が持って行きたいアングルになかなか調整できないのです…orz/p>h2>インスタンス同士はリンクしている?/h2>blockquote>p>プレハブのインスタンスは、全てオリジナルのプレハブにリンクしている/p>/blockquote>p>という事なので、元のPrefabをいじった場合、全てのインスタンスにその影響があるはずです。青色を適用するMaterialを作成し、それを先ほどPrefab化したCubeにDrag&Dropします。/p>p>img src/images/posts/2013-10-05-unity-study-10-prefab/attach-material-to-prefab.png altprefabに色を適用する />/p>p>おお!一斉に変わった!/p>p>ここまでであれば、一番最初に受けた印象である「Flashで例えると、ムービークリップとそのインスタンスのようなもの」という認識が正しいように思えますね…!/p>h2>せっかくなので/h2>p>色々試して見ようということで、cube prefabに「Rigidbody」というコンポーネントを当ててみました。br/>それがこれである。/p>p>a href/resources/posts/2013-10-05-unity-study-10-prefab/build.web/build.web.html>Unity WEBプレイヤー - Prefabテスト/a>/p>p>やはり全てのインスタンスに同じ物理法則が割り当てられたようだ。イイデスネ!/p>h2>その他の用途/h2>p>a hrefhttp://unity-study.net/archives/366>Resources.Loadでシーンをまたぐ変数 - Unity勉強記/a>/p>p>こちらのサイトで紹介されている手法は、どうもprefab本来の使い方とは違うように見える(もしかしたら変数名として使用しているだけかもしれない)。ただ、僕自身まだUnity初心者の域を出ないため、なんとも言えないところですが。。br/>もうちょっと経験を積んだら見えてくるものがあるかしら!/p>h2>次回に向けて/h2>p>今回は「prefab」に関してさくっとだけ触ってみました。Flashに慣れ親しんでいたせいもあるかもしれませんが、Flashの要素に置き換えて理解できると非常に個人的に分かりが良くて楽ですね。ただし…!次回は「3Dモデルを操作する」事に挑戦してみようかなと思っています…!/p>p>Flashはご存じの通り2D指向のオーサリングツールです。(3D的なものを扱う事も可能ですが、やはり主戦場は2Dです)Flashに置き換えて理解するのが難しい領域である3Dは、個人的にハードルの高い分野です。/p>p>頑張ります。では!/p>div classoctopress-authorbox> div classauthor-pic stylefloat:left;> img srchttp://www.gravatar.com/avatar/c158f3ca39ffcd3e3f1a56e5d14ccc0c alt木内智史之介 /> /div> div classauthor-about stylefloat:left;> h3>木内智史之介/h3> p>シャッチョー。br />ミンカさんけっこんしてくださいおねがいします(ズザーbr />SEGAさん、DIVAの筐体ください(ズザーbr />/p> ul classauthor-links> li> a hrefhttp://twitter.com/grateful_dead>@grateful_dead/a> /li> li> a hrefhttp://d.hatena.ne.jp/grateful_dead/>生まれる時代をまちがえた/a> /li> /ul> /div>/div>/div> /article> article> header> h1 classentry-title>a href/blog/2013/09/30/fix-homebrew-subversion17-unicode-patch/>HomebrewでSubversion17をインストールする際のunicode-pathオプションでのエラー対処/a>/h1> p classmeta> time datetime2013-09-30T15:49:00+09:00 pubdate data-updatedtrue>Sep 30span>th/span>, 2013/time> | a href/blog/2013/09/30/fix-homebrew-subversion17-unicode-patch/#disqus_thread>Comments/a> /p> /header> div classentry-content>p>森です。アクセルハンマー派生だけで村クエクリアするべく奮闘中です。/p>p>仕事の都合上 strong>subversion/strong> を使うことが多いのですが、 strong>Homebrew/strong> でインストールする際にstrong>–unicode-path/strong> オプション指定時にエラーが出てしまい困っていたので暫定対処をしたのでその経緯をまとめました。/p>h2>お断り/h2>p>この記事を書いている間に修正が入りました。ですのでこの記事の内容は過去の遺物であり現在は問題なく動作します。/p>p>以降は備忘録として閲覧ください…。/p>/div> footer> a relfull-article href/blog/2013/09/30/fix-homebrew-subversion17-unicode-patch/>Read on →/a> /footer> /article> article> header> h1 classentry-title>a href/blog/2013/09/08/unity-study-09-save-variables-to-local-strage/>Unity勉強 第9回 「永続データストレージを試してみる(ローカル編)」/a>/h1> p classmeta> time datetime2013-09-08T16:56:00+09:00 pubdate data-updatedtrue>Sep 8span>th/span>, 2013/time> | a href/blog/2013/09/08/unity-study-09-save-variables-to-local-strage/#disqus_thread>Comments/a> /p> /header> div classentry-content>h2>前回のおさらい&今回の目標/h2>p>最近FXを始めました。智史之介です。br/>前回から結構時間が開いてしまいましたね…。反省です。できれば週一と言わないまでも、隔週くらいでは勉強する時間を確保していきたいものです。/p>p>さて、前回のUnityの勉強ですが「a href/blog/2013/06/15/unity-study-08-scene-change/>シーンの切り替え/a>」というような内容でした。その関係で「シーンを跨いだ変数の保持」というような内容を試してみたくはあるのですが、ちょっと後回しにして…、今日は「永続データストレージ」に挑戦です。/p>h3>永続データストレージとは?/h3>p>ここで言うところの「永続データストレージ」とは、つまり、「 strong>ゲームを落としても次回起動後に保存したデータを参照可能な領域/strong> 」というような意味合いです。(なにっ、わかりづらいですと!すみません。)/p>h2>まずは箱形を用意/h2>p>img src/images/posts/2013-09-08-unity-study-09-save-variables-to-local-strage/create_project.png alt箱形 />/p>p>本当に簡単な内容になりますが、GUI Textオブジェクトをさくっと画面上に配置してみました。ここに、ゲームを起ち上げてからの秒数を記録してみることにします。/p>figure classcode>figcaption>span>/span>/figcaption>div classhighlight>table>tr>td classgutter>pre classline-numbers>span classline-number>1/span>span classline-number>2/span>span classline-number>3/span>span classline-number>4/span>span classline-number>5/span>span classline-number>6/span>span classline-number>7/span>span classline-number>8/span>span classline-number>9/span>span classline-number>10/span>span classline-number>11/span>span classline-number>12/span>/pre>/td>td classcode>pre>code classjavascript>span classline>span classerr>#/span>span classnx>pragma/span> span classnx>strict/span>/span>span classline>/span>span classline>span classkd>var/span> span classnx>timer/span> span classo>:/span> span classkr>int/span> span classo>/span> span classmi>0/span>span classp>;/span>/span>span classline>/span>span classline>span classkd>function/span> span classnx>Start/span> span classp>()/span> span classp>{/span>/span>span classline> span classnx>guiText/span>span classp>./span>span classnx>text/span> span classo>/span> span classnx>timer/span>span classp>./span>span classnx>ToString/span>span classp>();/span>/span>span classline>span classp>}/span>/span>span classline>/span>span classline>span classkd>function/span> span classnx>Update/span> span classp>()/span> span classp>{/span>/span>span classline> span classkd>var/span> span classnx>time/span> span classo>:/span> span classkr>int/span> span classo>/span> span classnx>timer/span> span classo>+/span> span classnx>Time/span>span classp>./span>span classnx>time/span>span classp>;/span>/span>span classline> span classnx>guiText/span>span classp>./span>span classnx>text/span> span classo>/span> span classnx>time/span>span classp>./span>span classnx>ToString/span>span classp>();/span>/span>span classline>span classp>}/span>/span>/code>/pre>/td>/tr>/table>/div>/figure>p> !-- ` -->/p>p>スクリプトとしてはこんな感じ。これをGUI Textにドラッグ&ドロップでアタッチすることで、ゲームを起ち上げてからの秒数が画面上に表示されます。/p>p>ただし!これはゲームを一度落とすと再度「0」から始まってしまいます。これを、前回の秒数を記録しておき、次回起ち上げ時には前回落とす前の数字から始まるように調整してみることにします。/p>h2>ローカルストレージにデータを保存する/h2>p>PlayerPrefsなるものを使用するようです。/p>ul>li>a hrefhttp://d.hatena.ne.jp/nakamura001/20110712/1310441315>強火で進め: ゲームのスコア情報などを簡単に保存出来るPlayerPrefsクラス/a>/li>li>a hrefhttp://docs.unity3d.com/Documentation/ScriptReference/PlayerPrefs.html>Unity Script Reference: PlayerPrefs/a>/li>/ul>p>上記のサイトを参考にしつつ、スクリプトをこんな感じに改修。/p>figure classcode>figcaption>span>/span>/figcaption>div classhighlight>table>tr>td classgutter>pre classline-numbers>span classline-number>1/span>span classline-number>2/span>span classline-number>3/span>span classline-number>4/span>span classline-number>5/span>span classline-number>6/span>span classline-number>7/span>span classline-number>8/span>/pre>/td>td classcode>pre>code classjavascript>span classline>span classkd>function/span> span classnx>Update/span>span classp>()/span> span classp>{/span>/span>span classline> span classkd>var/span> span classnx>time/span> span classo>:/span> span classkr>int/span> span classo>/span> span classnx>timer/span> span classo>+/span> span classnx>Time/span>span classp>./span>span classnx>time/span>span classp>;/span>/span>span classline>/span>span classline> span classc1>// Save to PlayerPrefs/span>/span>span classline> span classnx>PlayerPrefs/span>span classp>./span>span classnx>SetInt/span>span classp>(/span>span classs1>'timer'/span>span classp>,/span> span classnx>time/span>span classp>);/span>/span>span classline>/span>span classline> span classnx>guiText/span>span classp>./span>span classnx>text/span> span classo>/span> span classnx>time/span>span classp>./span>span classnx>ToString/span>span classp>();/span>/span>span classline>span classp>}/span>/span>/code>/pre>/td>/tr>/table>/div>/figure>p> !-- ` -->/p>p>どうやら、code>PlayerPrefs.SetString/code>とかcode>PlayerPrefs.SetFloat/code>とか、型を指定して保存するらしい。br/>これはめんどくさいかもしれぬ…。/p>h2>ローカルストレージからデータを読み込んでみる/h2>p>上の修正だけではただデータを保存しているだけなので、起動時にPlayerPrefsから秒数を読み込む改修も加えてみることにします。/p>figure classcode>figcaption>span>/span>/figcaption>div classhighlight>table>tr>td classgutter>pre classline-numbers>span classline-number>1/span>span classline-number>2/span>span classline-number>3/span>span classline-number>4/span>span classline-number>5/span>span classline-number>6/span>span classline-number>7/span>span classline-number>8/span>/pre>/td>td classcode>pre>code classjavascript>span classline>span classkd>function/span> span classnx>Start/span> span classp>()/span> span classp>{/span>/span>span classline> span classc1>// Has in PlayerPrefs ?/span>/span>span classline> span classk>if/span> span classp>(/span>span classnx>PlayerPrefs/span>span classp>./span>span classnx>HasKey/span>span classp>(/span>span classs1>'timer'/span>span classp>))/span> span classp>{/span>/span>span classline> span classnx>timer/span> span classo>/span> span classnx>PlayerPrefs/span>span classp>./span>span classnx>GetInt/span>span classp>(/span>span classs1>'timer'/span>span classp>);/span>/span>span classline> span classp>}/span>/span>span classline>/span>span classline> span classnx>guiText/span>span classp>./span>span classnx>text/span> span classo>/span> span classnx>timer/span>span classp>./span>span classnx>ToString/span>span classp>();/span>/span>span classline>span classp>}/span>/span>/code>/pre>/td>/tr>/table>/div>/figure>p> !-- ` -->/p>p>これで、ゲームを落としても次回起動時は秒数が途中からカウントされるようになりました!ウホホーイ。/p>p>img src/images/posts/2013-09-08-unity-study-09-save-variables-to-local-strage/countup_timer.png altカウントアップ成功 />/p>h2>PlayerPrefsの注意点/h2>p>PlayerPrefsは、そのデータをローカルの端末自身に保存されます(Windowsに至ってはどうもレジストリに書き込まれる模様?!)。データ改ざんが容易である可能性が高いので、重要なデータなどはやはりネットワークを通じた外部に保存するのがよいのではないかなと思われます。。/p>p>ただ、プレイヤーの設定情報など、簡単なデータに関しては十分活用の余地はあると思いますので、適材適所で使って行けたらと思います。/p>h2>次回に向けて/h2>p>次回は、ついにというかなんというか、今まで見て見ぬ振りをしてきた「Prefab」なるものに手を出してみようかなと…。/p>p>Unityの事を調べる度にその名前が登場するほど、Unityでは当たり前の存在らしい、「Prefab」とは一体なにものなのか?!br/>まずはそこから調べてみようかと思います。/p>p>ではでは!/p>div classoctopress-authorbox> div classauthor-pic stylefloat:left;> img srchttp://www.gravatar.com/avatar/c158f3ca39ffcd3e3f1a56e5d14ccc0c alt木内智史之介 /> /div> div classauthor-about stylefloat:left;> h3>木内智史之介/h3> p>シャッチョー。br />ミンカさんけっこんしてくださいおねがいします(ズザーbr />SEGAさん、DIVAの筐体ください(ズザーbr />/p> ul classauthor-links> li> a hrefhttp://twitter.com/grateful_dead>@grateful_dead/a> /li> li> a hrefhttp://d.hatena.ne.jp/grateful_dead/>生まれる時代をまちがえた/a> /li> /ul> /div>/div>/div> /article> article> header> h1 classentry-title>a href/blog/2013/08/31/set-up-os-x-part-2/>自分用のOS X設定 その2/a>/h1> p classmeta> time datetime2013-08-31T10:00:00+09:00 pubdate data-updatedtrue>Aug 31span>st/span>, 2013/time> | a href/blog/2013/08/31/set-up-os-x-part-2/#disqus_thread>Comments/a> /p> /header> div classentry-content>p>森です。前回にmacの設定をまとめましたが今回は自分が使っているソフトウェアを紹介します。/p>p>このまとめを書いている自分のMacは strong>MacBook Air 11-inch Mid 2011/strong> 、 strong>OS X 10.8.4/strong> です。そのため他の機種、OSのバージョンではこのとおりの設定はできないかもしれませんのでご了承ください。/p>p>img src/images/posts/2013-08-12-set-up-os-x-part-1/my_os_x.png altmy OS X />/p>/div> footer> a relfull-article href/blog/2013/08/31/set-up-os-x-part-2/>Read on →/a> /footer> /article> article> header> h1 classentry-title>a href/blog/2013/08/12/set-up-os-x-part-1/>自分用のOS X設定 その1/a>/h1> p classmeta> time datetime2013-08-12T20:30:00+09:00 pubdate data-updatedtrue>Aug 12span>th/span>, 2013/time> | a href/blog/2013/08/12/set-up-os-x-part-1/#disqus_thread>Comments/a> /p> /header> div classentry-content>p>森です。さいきん気がつくと社内でmac使ってる人が増えてきたので、共有のためと自分用の備忘、2つを兼ねてOS Xの設定とインストールしているソフトウェアを2つの記事に分けて記述します。/p>p>自分が想定している主な使い方は strong>PHPを用いたWEBアプリケーションの開発/strong> に使うための設定です。/p>p>このまとめを書いている自分のMacは strong>MacBook Air 11-inch Mid 2011/strong> 、 strong>OS X 10.8.4/strong> です。そのため他の機種、OSのバージョンではこのとおりの設定はできないかもしれませんのでご了承ください。/p>p>img src/images/posts/2013-08-12-set-up-os-x-part-1/my_os_x.png altmy OS X />/p>/div> footer> a relfull-article href/blog/2013/08/12/set-up-os-x-part-1/>Read on →/a> /footer> /article> article> header> h1 classentry-title>a href/blog/2013/07/14/use-vagrant/>Vagrantで開発環境構築を自動化する/a>/h1> p classmeta> time datetime2013-07-14T15:53:00+09:00 pubdate data-updatedtrue>Jul 14span>th/span>, 2013/time> | a href/blog/2013/07/14/use-vagrant/#disqus_thread>Comments/a> /p> /header> div classentry-content>p>img src/images/posts/2013-07-14-use-vagrant/vagrant-logo.png altVagrant logo />/p>p>森です。先日開催された a hrefhttp://chef-meetup.doorkeeper.jp/events/4624>Vagrant meetup/a> に参加しまして開発者のHashimotoさんからVagrantのお話を聞くことができすごくホクホクしております。/p>p>熱が抜けないうちにVagrantを用いての開発環境作成のおさらいをこの場にまとめます/p>h2>Vagrant とは/h2>p>そもそもVagrantとは何か、乱暴にいうと strong>開発環境を簡単に作成する/strong> ためのツールです。Virtual Boxなどの仮想化ソフトウェアなどを用いて各人のマシンに本番環境にほぼ等しい環境を誤りなくセットアップしてくれます。/p>p>開発者の Hashimoto さんの a hrefhttp://mitchellh.com/the-tao-of-vagrant>The Tao of Vagrant/a> から引用すると/p>blockquote>p>In a world with Vagrant, developers can check out any repository from version control, run vagrant up, and have a fully running development environment without any human interaction.Developers continue to work on their own machine, in the comfort of their own editors, browsers, and other tools./p>/blockquote>p>Vagrantを使用することで em>完全に動作する開発環境を人間の作業なしで作成でき、開発者は自分のマシンで好みのエディタ、ブラウザ、デバッグツールなどを使うことができます。/em>/p>p>さっそくVagrantをインストールして仮想環境を起動してみましょう。/p>p>余談ですが手動でVirtual Boxを起動してVMを設定して必要ソフトウェアをセットアップして…という作業は最初の一回だけやるぶんにはいいのですがem>他メンバーに同じ環境を用意する/em> 場合に大変です。自分が使っているVMをコピーして渡してもいいのですがセットアップ後にインストールした不要ツールを取り除いたり逆に後から追加したライブラリ設定を戻したり…こんなことをしているうちに元のVMが何が何だかわからなくなってしまった…という経験はありませんでしょうか?自分はかなり多いです。/p>h2>お断り/h2>p>先に断っておきますと、この記事に書いてある内容は a hrefhttp://www.vagrantup.com/>Vagrant 公式サイト/a> の a hrefhttp://docs.vagrantup.com/v2/getting-started/index.html>GETTING STARTED/a> を自分なりに噛み砕いたものです。より正確にVagrantについての理解を深めたい場合は公式サイトを一読することがオススメです。/p>/div> footer> a relfull-article href/blog/2013/07/14/use-vagrant/>Read on →/a> /footer> /article> article> header> h1 classentry-title>a href/blog/2013/07/05/efficient-way-of-drawing-of-a-character-illustration/>商業用キャライラストを一ヶ月にたくさん描く時の効率的な描き方/a>/h1> p classmeta> time datetime2013-07-05T21:47:00+09:00 pubdate data-updatedtrue>Jul 5span>th/span>, 2013/time> | a href/blog/2013/07/05/efficient-way-of-drawing-of-a-character-illustration/#disqus_thread>Comments/a> /p> /header> div classentry-content>p>初めまして、デザイン部はらだです。BEFOOLでは珍しくプログラムが打てない人間です。絵とかデザインとか、絵素材に関するお仕事をしています。/p>p>目新しくもないですが、今回はお絵かき講座的なものを書いていきたいと思います。/p>p>題してstrong>【商業用キャライラストを一ヶ月にたくさん描く時の効率的な描き方ーはらだの場合ー】/strong>/p>p>…というタイトルで期待させたら申し訳ありませんが、絵を瞬間的に描く裏ワザみたいなものではありません。ひたすら愚直に描いていく際の、ちょっとした工夫の紹介などが主になります。/p>p>使用アプリケーションは主に em>Photoshop/em> 。バージョンは em>CS5.1/em> ですが、私の描き方ではどのバージョンでも大差ないと思います。/p>h2>ラフを描く/h2>p>まずはラフを描きます。これがないと始まりません。昨今はラフからパソ上で描く凄い人もいますが、私はラフはアナログで描く派ですー。/p>p>img src/images/posts/2013-07-05-efficient-way-of-drawing-of-a-character-illustration/1.png alt1 />/p>p>最終的にはパソコンで描くわけですから、頭身が意図通りにいかなかったり、「頭の位置、ちょっとおかしいかな…?」と思ったりしても とりあえず描ききってしまいましょう。パソコン上でどうにでも調節出来ます。/p>p>お仕事で絵を描くにはスピードも重要です。わざわざ描き直すのは時間も紙もモッタイナイです。/p>/div> footer> a relfull-article href/blog/2013/07/05/efficient-way-of-drawing-of-a-character-illustration/>Read on →/a> /footer> /article> article> header> h1 classentry-title>a href/blog/2013/06/22/how-to-edit-html-in-adobe-edge-animate/>【AdobeEdgeAnimate】AdobeEdgeAnimateのHTMLはどうやって書くのか/a>/h1> p classmeta> time datetime2013-06-22T16:30:00+09:00 pubdate data-updatedtrue>Jun 22span>nd/span>, 2013/time> | a href/blog/2013/06/22/how-to-edit-html-in-adobe-edge-animate/#disqus_thread>Comments/a> /p> /header> div classentry-content>p>今回はAdobeEdgeAnimateのHTMLを書いてみようです!/p>p>外部スクリプトをAdobeEdgeAnimateに読み込みしたい場合/p>p>(例)/p>figure classcode>figcaption>span>/span>/figcaption>div classhighlight>table>tr>td classgutter>pre classline-numbers>span classline-number>1/span>span classline-number>2/span>span classline-number>3/span>/pre>/td>td classcode>pre>code classjavascript>span classline>span classo></span>span classnx>script/span> span classnx>type/span>span classo>/span>span classs2>"text/javascript"/span>span classo>>/span>/span>span classline>span classc1>//ココにコードを記述する /span>/span>span classline>span classo></span>span classerr>/script>/span>/span>/code>/pre>/td>/tr>/table>/div>/figure>p>上記をHTMLに記述しなければなりません。/p>p>しかし、/p>p>img src/images/posts/2013-06-22-how-to-edit-html-in-adobe-edge-animate/image1.png alt画像1 />/p>p>JavaScriptコードを書く場所はAdobeEdgeAnimate内でありますが、HTMLを書く場所はありません。/p>p>そこで今回はどうやってHTMLを書くのかを調査してみました。/p>p>テキストエディットでデータから吐き出されたhtmlファイルを開いてみるとロックされていて次の瞬間、あれ?データ壊れた?ほわーい?/p>p>・・・・・・・・・・・・・/p>p>どうやらhtmlデータが壊れるとAdobeEdgeAnimate内のデータも壊れるみたいで作ったエレメントなどが消えてしまいます!また同じフォルダにhtmlデータがなくなるとAdobeEdgeAnimateデータがエラーで開けなくなるので必ず一緒にあることを確認しましょう。/p>p>気を取り直してデータを作ってやり直し!/p>p>img src/images/posts/2013-06-22-how-to-edit-html-in-adobe-edge-animate/image2.png alt画像2 />/p>p>赤、青、緑をtrue/falseで表示させるよう作ってみました。これをhtmlに外部スクリプトとして打ち込んでみました。まずはテキストエディットにhtmlをドラッグ・・・/p>p>あー・・・macってテキストエディットにhtmlファイルをドラッグしてもurlしか出てこないんですねーwinよりふべn⬅さ、環境設定をし直して表示させました。/p>p>img src/images/posts/2013-06-22-how-to-edit-html-in-adobe-edge-animate/image3.png alt画像3 />/p>p>ここに赤、青、緑のtrue/falseを入れていきます。/p>p>img src/images/posts/2013-06-22-how-to-edit-html-in-adobe-edge-animate/image4.png alt画像4 />/p>p>こんな感じ!web上で確認出来るか確認して見てみると/p>p>img src/images/posts/2013-06-22-how-to-edit-html-in-adobe-edge-animate/image5.png alt画像5 />/p>p>ちゃんと青だけ表示されてますね!このようにテキストエディットでhtmlを直接書き込むことが出来ました。AdobeEdgeAnimate内で書き込めれば一番便利なのですけどねぇ…。/p>p>テキストエディットがロックされて編集できなかった際にテキストエディット以外のツールを試してみました。/p>p>Adobe Edge Code Preview 3br/>img src/images/posts/2013-06-22-how-to-edit-html-in-adobe-edge-animate/icon.png alt画像アイコン />/p>p>img src/images/posts/2013-06-22-how-to-edit-html-in-adobe-edge-animate/image6.png alt画像6 />/p>p>おーっときましたよ、日本語対応なしwとりあえず使ってみましょう。htmlをドラッグして…ん?無反応??何も表示されない…ファイルを開くから選ばないと開かないらしいです。不便ですn⬅/p>p>img src/images/posts/2013-06-22-how-to-edit-html-in-adobe-edge-animate/image7.png alt画像7 />/p>p>このAdobe Edge Code Preview 3ツール実はCSS、HTML、JavaScript対応しているようで一気に3つのソースを見ながら打ち込むことが出来る便利ツールのようです!!一個の窓で全部が見れるのはいいですね!!webでHTMLとCSSをいじる人にはとっても便利です。このツールでもAdobeEdgeAnimateのhtmlをいじることも出来ます。/p>p>これでどれでもHTMLいじれるね!安心だね!と思いきやここでAdobeEdgeAnimateの落とし穴があります。/p>p>先ほど書き込んだhtmlデータを保存したあと、AdobeEdgeAnimateのデータをいじる(検証では再生停止のsym.stop();をはずしてみた)となんとHTMLに書き込んだ外部スクリプトが消えています!ひゃー!どうやらAdobeEdgeAnimatesw更新をする度にhtmlファイルは書き換えられるようです。その度に消えると地獄が待っています。どうにか消えないようにしてみたのですがダメでした…。/p>p>今の時点ではAdobeEdgeAnimateでアニメーションの動きを作った後でJavaScriptいれ最終的にHTMLに外部スクリプトを入れ更新するという作業になりそうです。/p>p>中々にAdobeEdgeAnimateは手強いようです。/p>p>今回の反省点データが消えるとは思ってなかった。もっと簡単に消えないようHTML打てたら…。/p>div classoctopress-authorbox> div classauthor-pic stylefloat:left;> img srchttp://www.gravatar.com/avatar/6608e3ddb3ef5feb5890a678970bd449 alt小亀珠美 /> /div> div classauthor-about stylefloat:left;> h3>小亀珠美/h3> p>2.5次元の住人br />Edge Animate勉強中。jsなにそれオイシイn⬅br />/p> ul classauthor-links> /ul> /div>/div>/div> /article> article> header> h1 classentry-title>a href/blog/2013/06/15/unity-study-08-scene-change/>Unity勉強 第8回 「シーンの切り替え」/a>/h1> p classmeta> time datetime2013-06-15T23:21:00+09:00 pubdate data-updatedtrue>Jun 15span>th/span>, 2013/time> | a href/blog/2013/06/15/unity-study-08-scene-change/#disqus_thread>Comments/a> /p> /header> div classentry-content>h2>前回のおさらい&今回の目標/h2>p>おはようございます。深キョンが好きなのか、はたまたミンカが好きなのか…どちらかを決めきれない罪な漢(おとこ)、智史之介です。br/>今日も元気にUnityに関する勉強を行おうと思います。/p>p>前回は「a href/blog/2013/05/29/unity-study-07-build-for-android/>Android向けのビルド/a>」を試してみました。迂闊なAndroidSDKのバージョンアップで痛い目を見たのはいい思い出です。br/>(どうやらUnityのa hrefhttp://japan.unity3d.com/unity/whats-new/unity-4.1.4>アップデート(ver4.1.4)/a>が入り、この問題は解消されたみたいですね!)/p>p>今日は「シーンの切り替え」に関してちょっと試してみようかななんて思っています。/p>h2>シーンの切り替えとは?/h2>p>例えば、そうですね、ドラクエで言えば「街から出てフィールドに入る」とか「フィールドで敵に遭遇する」とかでしょうか?br/>画面が、バーッってまったく別の描画系統で表示されるやつです。/p>p>img src/images/posts/2013-06-10-unity-study-08-scene-change/dq_field-to-battle.png altフィールドから戦闘画面へ />/p>p>そうそう。こんな感じの切り替えに関してです。こういったシーンの切り替えに関して、そもそもの必須要件がいくつかあるかと思います。/p>ul>li>独立した描画スペース/li>li>独立した変数領域/li>li>独立したプログラム領域/li>/ul>p>などがシーン使い分けの必須条件ではないかなと思われます。br/>Flashで言うところのムービークリップにあたるものでしょうか?/p>p>Unityにおいて、それに該当するものがないか探したいと思います。/p>h2>ずばり、それって「Scene」でしょ?/h2>p>そんな決めつけで作業開始です。/p>p>さくっと「scene1」と「scene2」を用意します。sceneの作成は「Cmd+n」で可能です。/p>p>img src/images/posts/2013-06-10-unity-study-08-scene-change/make-scene.png altscene作成 />/p>p>あと、以前から不思議だったのですがstrong>「cmd+s」でsceneの保存/strong>になります。/p>p>あれ?けど、これってつまりstrong>「Unityではsceneこそもっとも重要で、最も保存を行う対象」/strong>ということですよね?/p>p>不思議だったんですよ、これ。br/>自分にとってFlashとの対比としては、/p>ul>li>scene ムービークリップ/li>li>プロジェクト flaファイル/li>/ul>p>というとらえ方をしていました。br/>これが間違っている可能性があるということなんですよね。。br/>どうしよう。不安になってきてしまいました。/p>p>「プロジェクトさえ保存しておけばsceneも保存されるんでしょ?」というぬるい考えでいたことを反省しなくてはならないかもしれません。/p>p>なにはともあれ、作成した二つのsceneに異なる別々の画像を貼り付けておきます。br/>わかりやすく背景の色でも変えておくとよいかもしれません。br/>(背景の色は、hierarchy配下のmain cameraのインスペクターから変更可能です。)/p>p>この二つのシーンを利用して、/p>p>strong>「scene1の画像をタップすると、scene2に切り替わる」/strong>/p>p>という動作を試してみることにします。/p>h2>プログラムをさくっと書いてみる/h2>p>さて、シーンの切り替えのためのスクリプトを記述する必要があります。br/>「SceneSwicher.js」というファイルを用意して、scene1の画像にアタッチします。/p>figure classcode>figcaption>span>/span>/figcaption>div classhighlight>table>tr>td classgutter>pre classline-numbers>span classline-number>1/span>span classline-number>2/span>span classline-number>3/span>span classline-number>4/span>/pre>/td>td classcode>pre>code classjavascript>span classline>span classkd>function/span> span classnx>OnMouseUpAsButton/span>span classp>()/span> span classp>{/span>/span>span classline> span classnx>Debug/span>span classp>./span>span classnx>Log/span>span classp>(/span>span classs1>'Now scene is '/span> span classo>+/span> span classnx>Application/span>span classp>./span>span classnx>loadedLevelName/span>span classp>);/span>/span>span classline> span classnx>Application/span>span classp>./span>span classnx>LoadLevel/span>span classp>(/span>span classs1>'scene2'/span>span classp>);/span>/span>span classline>span classp>}/span>/span>/code>/pre>/td>/tr>/table>/div>/figure>p>これでいけるんじゃないか?なんていう甘い考えで実行してみると…/p>blockquote>p>Level ‘scene2’ (-1) couldn’t be loaded because it has not been added to the build settings.To add a level to the build settings use the menu File->Build Settings…/p>/blockquote>p>というお叱りをいただきました。ハイ。br/>言われた通りに、build settingsにシーンを追加します。/p>p>img src/images/posts/2013-06-10-unity-study-08-scene-change/add-build-setting.png altbuild settingsに追加 />/p>p>これで、正常にシーンの切り替えができるようになりました。/p>p>img src/images/posts/2013-06-10-unity-study-08-scene-change/scene-change1.gif altbuild settingsに追加 />/p>p>けれども、、、、うーん。これではなんだかスイッチを切り替えるように切り替わってしまうので、イマイチ想像と違うのは否めないですね…。br/>本当は、もっと、こう、例えば、strong>「上から次のシーンが落ちてくる」/strong>、というような感じの切り替えをやりたいのです。/p>h2>はたしてそんな事が可能なのか?/h2>p>ずいぶん長い間ググってみたのですが、どうにも難しそうですね…。br/>シーンをまたいだ変数の保持すら、ちょっとしたトリッキーな手法が必要そうなので、シーンの上にシーンをかぶせる(二つのシーンを同時に描画する)なんてもってのほか、という感じですかね…。br/>致し方無しです!今回はそれは諦めることにします。/p>p>自分がもし、こういった制限(1シーンの描画しかできない)内で、今思い描いている手法を実現するなら、うーん、そうですね…。br/>たとえば、こんな感じではできないでしょうか?/p>p>「strong>スクリーンショット的なものを撮り内部領域に保存する。次のシーンは内部領域に保存されたスクリーンショットをまず最初に描画し、その上にシーンの突入演出を表示する/strong>」/p>p>難しいかな…?/p>h2>次回に向けて/h2>p>今回は、シーンの切り替えに関して試してみました。Unityはどうもこの「シーン」というものにすごく苦労しそうな印象ですね…。br/>エンジニアとしては多少苦労する方が楽しくていいんですけどね!/p>p>次回は、「永続データストレージ領域に保存/読み込み」というものを試して見たいと思います。br/>(そういう機能があるかどうかも分からないんですが…!)/p>p>シーンをまたいだ変数とかではなく、たとえばゲームを落とすなどしても次回起ち上げ時に読み出し可能なデータ、とかそういうものですね。br/>次回も楽しみですね〜。/p>div classoctopress-authorbox> div classauthor-pic stylefloat:left;> img srchttp://www.gravatar.com/avatar/c158f3ca39ffcd3e3f1a56e5d14ccc0c alt木内智史之介 /> /div> div classauthor-about stylefloat:left;> h3>木内智史之介/h3> p>シャッチョー。br />ミンカさんけっこんしてくださいおねがいします(ズザーbr />SEGAさん、DIVAの筐体ください(ズザーbr />/p> ul classauthor-links> li> a hrefhttp://twitter.com/grateful_dead>@grateful_dead/a> /li> li> a hrefhttp://d.hatena.ne.jp/grateful_dead/>生まれる時代をまちがえた/a> /li> /ul> /div>/div>/div> /article> div classpagination> a classprev href/blog/page/2/>← Older/a> a href/blog/archives>Blog Archives/a> /div>/div>aside classsidebar> section> h1>Recent Posts/h1> ul idrecent_posts> li classpost> a href/blog/2013/10/07/set-up-os-x-part-3/>自分用のOS X設定 その3/a> /li> li classpost> a href/blog/2013/10/05/unity-study-10-prefab/>Unity勉強 第10回 「Prefabを試してみる」/a> /li> li classpost> a href/blog/2013/09/30/fix-homebrew-subversion17-unicode-patch/>HomebrewでSubversion17をインストールする際のunicode-pathオプションでのエラー対処/a> /li> li classpost> a href/blog/2013/09/08/unity-study-09-save-variables-to-local-strage/>Unity勉強 第9回 「永続データストレージを試してみる(ローカル編)」/a> /li> li classpost> a href/blog/2013/08/31/set-up-os-x-part-2/>自分用のOS X設定 その2/a> /li> /ul>/section>section> h1>Top Categories/h1> ul idtop-category-list>li>a href/blog/categories/unity>unity (11)/a>/li>li>a href/blog/categories/%E5%8B%89%E5%BC%B7>勉強 (5)/a>/li>li>a href/blog/categories/Mac>Mac (4)/a>/li>li>a href/blog/categories/%E5%8B%89%E5%BC%B7%E4%BC%9A>勉強会 (3)/a>/li>li>a href/blog/categories/study>study (3)/a>/li>li>a href/blog/categories/Homebrew>Homebrew (2)/a>/li>li>a href/blog/categories/octopress>octopress (2)/a>/li>li>a href/blog/categories/AdobeEdgeAnimate>AdobeEdgeAnimate (2)/a>/li>li>a href/blog/categories/%E5%85%A5%E9%96%80>入門 (1)/a>/li>li>a href/blog/categories/virtualbox>virtualbox (1)/a>/li>li>a href/blog/categories/flash>flash (1)/a>/li>li>a href/blog/categories/debian>debian (1)/a>/li>li>a href/blog/categories/%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88>イラスト (1)/a>/li>li>a href/blog/categories/gh-pages>gh-pages (1)/a>/li>li>a href/blog/categories/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3>デザイン (1)/a>/li>/ul> a href/blog/categories>All Categories/a>/section>section> h1>Authors/h1> ul idauthor-list>li>a href/blog/authors/8823-scholar/>木内智史之介 (12)/a>/li>li>a href/blog/authors/jiska/>森裕介 (7)/a>/li>li>a href/blog/authors/aizawa/>はらだ (1)/a>/li>li>a href/blog/authors/jun-nakada/>中田潤 (1)/a>/li>li>a href/blog/authors/raharu/>raharu(仮名) (1)/a>/li>li>a href/blog/authors/kametama/>小亀珠美 (1)/a>/li>/ul>/section> /aside> /div> /div> footer rolecontentinfo>p> Copyright © 2013 - 8823-scholar - span classcredit>Powered by a hrefhttp://octopress.org>Octopress/a>/span>/p>/footer> script typetext/javascript> var disqus_shortname befoolblog; var disqus_script count.js; (function () { var dsq document.createElement(script); dsq.type text/javascript; dsq.async true; dsq.src http:// + disqus_shortname + .disqus.com/ + disqus_script; (document.getElementsByTagName(head)0 || document.getElementsByTagName(body)0).appendChild(dsq); }());/script>div idfb-root>/div>script>(function(d, s, id) { var js, fjs d.getElementsByTagName(s)0; if (d.getElementById(id)) {return;} js d.createElement(s); js.id id; js.async true; js.src //connect.facebook.net/en_US/all.js#appId212934732101925&xfbml1; fjs.parentNode.insertBefore(js, fjs);}(document, script, facebook-jssdk));/script> script typetext/javascript> (function(){ var twitterWidgets document.createElement(script); twitterWidgets.type text/javascript; twitterWidgets.async true; twitterWidgets.src http://platform.twitter.com/widgets.js; document.getElementsByTagName(head)0.appendChild(twitterWidgets); })(); /script>/body>/html>
Port 443
HTTP/1.1 200 OKConnection: keep-aliveContent-Length: 53470Server: GitHub.comContent-Type: text/html; charsetutf-8permissions-policy: interest-cohort()Last-Modified: Sun, 06 Oct 2013 17:10:24 GMTAccess-Control-Allow-Origin: *ETag: 52519980-d0deexpires: Fri, 12 Jul 2024 02:11:18 GMTCache-Control: max-age600x-hosts-log-append: pages_hosts_ips:x-proxy-cache: MISSX-GitHub-Request-Id: FA78:1615C6:820B0C:84D969:66908E6EAccept-Ranges: bytesAge: 0Date: Fri, 12 Jul 2024 02:01:18 GMTVia: 1.1 varnishX-Served-By: cache-bfi-kbfi7400021-BFIX-Cache: MISSX-Cache-Hits: 0X-Timer: S1720749678.295125,VS0,VE85Vary: Accept-EncodingX-Fastly-Request-ID: 7da965c2d17dcceac104c41d17cf823cd123c76c !DOCTYPE html>!--if IEMobile 7 >html classno-js iem7>!endif-->!--if lt IE 9>html classno-js lte-ie8>!endif-->!--if (gt IE 8)|(gt IEMobile 7)|!(IEMobile)|!(IE)>!-->html classno-js langja>!--!endif-->head> meta charsetutf-8> title>BEFOOL blog/title> meta nameauthor content8823-scholar> meta namedescription content森です。第1回にて2つの記事に分けて記述しますといいましたが…まとめきれず3つ目の記事になってしまいました。 今回は Homebrew を用いて git . subversion , rbenv などなど自分の開発環境セットアップ方法をまとめます。 このまとめを書いている自分のMacは …> !-- http://t.co/dKP3o1e --> meta nameHandheldFriendly contentTrue> meta nameMobileOptimized content320> meta nameviewport contentwidthdevice-width, initial-scale1> link relcanonical hrefhttp://befool-inc.github.io> link href/favicon.png relicon> link href/stylesheets/screen.css mediascreen, projection relstylesheet typetext/css> link href/stylesheets/data-table.css mediascreen, projection relstylesheet typetext/css /> link href/atom.xml relalternate titleBEFOOL blog typeapplication/atom+xml> script src/javascripts/modernizr-2.0.js>/script> script src//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js>/script> script>!window.jQuery && document.write(unescape(%3Cscript src./javascripts/lib/jquery.min.js%3E%3C/script%3E))/script> script src/javascripts/octopress.js typetext/javascript>/script> !--Fonts from Googles Web font directory at http://google.com/webfonts -->link hrefhttp://fonts.googleapis.com/css?familyPT+Serif:regular,italic,bold,bolditalic relstylesheet typetext/css>link hrefhttp://fonts.googleapis.com/css?familyPT+Sans:regular,italic,bold,bolditalic relstylesheet typetext/css> script typetext/javascript> var _gaq _gaq || ; _gaq.push(_setAccount, UA-40545969-1); _gaq.push(_trackPageview); (function() { var ga document.createElement(script); ga.type text/javascript; ga.async true; ga.src (https: document.location.protocol ? https://ssl : http://www) + .google-analytics.com/ga.js; var s document.getElementsByTagName(script)0; s.parentNode.insertBefore(ga, s); })(); /script>/head>body > header rolebanner>hgroup> h1>a href/>BEFOOL blog/a>/h1> h2>今日もいい天気/h2> /hgroup>/header> nav rolenavigation>ul classsubscription data-subscriptionrss> li>a href/atom.xml relsubscribe-rss titlesubscribe via RSS>RSS/a>/li> /ul> form actionhttp://google.com/search methodget> fieldset rolesearch> input typehidden nameq valuesite:befool-inc.github.io /> input classsearch typetext nameq results0 placeholderSearch/> /fieldset>/form> ul classmain-navigation> li>a href/>Blog/a>/li> li>a href/blog/archives/>Archives/a>/li> li>a href/blog/categories/>Categories/a>/li> li>a href/blog/authors/>Authors/a>/li>/ul>/nav> div idmain> div idcontent> div classblog-index> article> header> h1 classentry-title>a href/blog/2013/10/07/set-up-os-x-part-3/>自分用のOS X設定 その3/a>/h1> p classmeta> time datetime2013-10-07T02:00:00+09:00 pubdate data-updatedtrue>Oct 7span>th/span>, 2013/time> | a href/blog/2013/10/07/set-up-os-x-part-3/#disqus_thread>Comments/a> /p> /header> div classentry-content>p>森です。第1回にてa href/blog/2013/08/12/set-up-os-x-part-1/>2つの記事に分けて記述します/a>といいましたが…まとめきれず3つ目の記事になってしまいました。/p>p>今回は strong>Homebrew/strong> を用いて strong>git/strong> . strong>subversion/strong> , strong>rbenv/strong> などなど自分の開発環境セットアップ方法をまとめます。/p>p>このまとめを書いている自分のMacは strong>MacBook Air 11-inch Mid 2011/strong> 、 strong>OS X 10.8.4/strong> です。そのため他の機種、OSのバージョンではこのとおりの設定はできないかもしれませんのでご了承ください。/p>p>img src/images/posts/2013-08-12-set-up-os-x-part-1/my_os_x.png altmy OS X />/p>/div> footer> a relfull-article href/blog/2013/10/07/set-up-os-x-part-3/>Read on →/a> /footer> /article> article> header> h1 classentry-title>a href/blog/2013/10/05/unity-study-10-prefab/>Unity勉強 第10回 「Prefabを試してみる」/a>/h1> p classmeta> time datetime2013-10-05T16:41:00+09:00 pubdate data-updatedtrue>Oct 5span>th/span>, 2013/time> | a href/blog/2013/10/05/unity-study-10-prefab/#disqus_thread>Comments/a> /p> /header> div classentry-content>h2>前回のおさらい&今回の目標/h2>p>最近夜になるとめまいで立ってられない智史之介です。おはようございます。br/>いい加減まずいな、と思い病院に行ったのですが、3分ほどの診療でMRIも撮らせてくれず、早々にあしらわれてしまいました…。br/>ファ○ク!!br/>他の病院探そう…。/p>p>今日の課題は「prefab」です。br/>Unityを触るにあたって避けては通れない要素のようですので、このあたりでまずは第一回挑戦をしておくべきかなと。br/>「Prefabとは?」というそんな段階から迫ってみたいと思います。/p>h2>Prefabとは?/h2>p>a hrefhttp://ws.cis.sojo-u.ac.jp/~izumi/Unity_Documentation_jp/Documentation/Manual/Prefabs.html>Unity - プレハブ/a>/p>blockquote>p>プレハブはAseetの種類の1つです。 再利用可能なゲームオブジェクトでプロジェクトビューに保存されます。プレハブは複数のシーンにも、また、1つのシーンに複数追加する事も出来ます。 プレハブをシーンに追加する時はインスタンス(instance)が生成されます。プレハブのインスタンスは、全てオリジナルのプレハブにリンクしているため、意味的にはクローンとなります。プロジェクトに存在するインスタンスの数に限らず、プレハブに変更を加えると、インスタンスにも反映されます。/p>/blockquote>p>うーん。これだけでは正直よく分からないっす。Flashで例えると、ムービークリップとそのインスタンスのようなものなのかな…?/p>h2>漢なら、やってやれ、だ!/h2>p>とりあえず、直感的に感じた方法で試してみる事にします。/p>h3>prefabの作成/h3>p>prefabの作成に関しては、/p>ul>li>最初にprefabを作成して、その中にobjectを配置する方法/li>li>既存のobjectをprefab化する方法/li>/ul>p>があるらしいです。今回は後者の方法で試してみます。/p>h4>適当なobjectを配置する/h4>p>img src/images/posts/2013-10-05-unity-study-10-prefab/create-cube.png altcubeの作成 />/p>p>えいっ。/p>h4>ドラッグ&ドロップでprefab化/h4>p>HierarchyタブからProjectタブにDrag&Dropで移動することでPrefab化できるようです。/p>p>img src/images/posts/2013-10-05-unity-study-10-prefab/create-prefab.png altprefabの作成 />/p>h4>prefabをステージ上に配置する/h4>p>img src/images/posts/2013-10-05-unity-study-10-prefab/prefab-put-on-stage.png altprefabの配置 />/p>p>Projectタブ内のprefabをDrag&Dropでステージに配置します。br/>これは「prefabのインスタンス化」と呼びます。(たぶん)/p>p>それにしてもUnityのこのカメラ周りの操作に未だになれません…。自分が持って行きたいアングルになかなか調整できないのです…orz/p>h2>インスタンス同士はリンクしている?/h2>blockquote>p>プレハブのインスタンスは、全てオリジナルのプレハブにリンクしている/p>/blockquote>p>という事なので、元のPrefabをいじった場合、全てのインスタンスにその影響があるはずです。青色を適用するMaterialを作成し、それを先ほどPrefab化したCubeにDrag&Dropします。/p>p>img src/images/posts/2013-10-05-unity-study-10-prefab/attach-material-to-prefab.png altprefabに色を適用する />/p>p>おお!一斉に変わった!/p>p>ここまでであれば、一番最初に受けた印象である「Flashで例えると、ムービークリップとそのインスタンスのようなもの」という認識が正しいように思えますね…!/p>h2>せっかくなので/h2>p>色々試して見ようということで、cube prefabに「Rigidbody」というコンポーネントを当ててみました。br/>それがこれである。/p>p>a href/resources/posts/2013-10-05-unity-study-10-prefab/build.web/build.web.html>Unity WEBプレイヤー - Prefabテスト/a>/p>p>やはり全てのインスタンスに同じ物理法則が割り当てられたようだ。イイデスネ!/p>h2>その他の用途/h2>p>a hrefhttp://unity-study.net/archives/366>Resources.Loadでシーンをまたぐ変数 - Unity勉強記/a>/p>p>こちらのサイトで紹介されている手法は、どうもprefab本来の使い方とは違うように見える(もしかしたら変数名として使用しているだけかもしれない)。ただ、僕自身まだUnity初心者の域を出ないため、なんとも言えないところですが。。br/>もうちょっと経験を積んだら見えてくるものがあるかしら!/p>h2>次回に向けて/h2>p>今回は「prefab」に関してさくっとだけ触ってみました。Flashに慣れ親しんでいたせいもあるかもしれませんが、Flashの要素に置き換えて理解できると非常に個人的に分かりが良くて楽ですね。ただし…!次回は「3Dモデルを操作する」事に挑戦してみようかなと思っています…!/p>p>Flashはご存じの通り2D指向のオーサリングツールです。(3D的なものを扱う事も可能ですが、やはり主戦場は2Dです)Flashに置き換えて理解するのが難しい領域である3Dは、個人的にハードルの高い分野です。/p>p>頑張ります。では!/p>div classoctopress-authorbox> div classauthor-pic stylefloat:left;> img srchttp://www.gravatar.com/avatar/c158f3ca39ffcd3e3f1a56e5d14ccc0c alt木内智史之介 /> /div> div classauthor-about stylefloat:left;> h3>木内智史之介/h3> p>シャッチョー。br />ミンカさんけっこんしてくださいおねがいします(ズザーbr />SEGAさん、DIVAの筐体ください(ズザーbr />/p> ul classauthor-links> li> a hrefhttp://twitter.com/grateful_dead>@grateful_dead/a> /li> li> a hrefhttp://d.hatena.ne.jp/grateful_dead/>生まれる時代をまちがえた/a> /li> /ul> /div>/div>/div> /article> article> header> h1 classentry-title>a href/blog/2013/09/30/fix-homebrew-subversion17-unicode-patch/>HomebrewでSubversion17をインストールする際のunicode-pathオプションでのエラー対処/a>/h1> p classmeta> time datetime2013-09-30T15:49:00+09:00 pubdate data-updatedtrue>Sep 30span>th/span>, 2013/time> | a href/blog/2013/09/30/fix-homebrew-subversion17-unicode-patch/#disqus_thread>Comments/a> /p> /header> div classentry-content>p>森です。アクセルハンマー派生だけで村クエクリアするべく奮闘中です。/p>p>仕事の都合上 strong>subversion/strong> を使うことが多いのですが、 strong>Homebrew/strong> でインストールする際にstrong>–unicode-path/strong> オプション指定時にエラーが出てしまい困っていたので暫定対処をしたのでその経緯をまとめました。/p>h2>お断り/h2>p>この記事を書いている間に修正が入りました。ですのでこの記事の内容は過去の遺物であり現在は問題なく動作します。/p>p>以降は備忘録として閲覧ください…。/p>/div> footer> a relfull-article href/blog/2013/09/30/fix-homebrew-subversion17-unicode-patch/>Read on →/a> /footer> /article> article> header> h1 classentry-title>a href/blog/2013/09/08/unity-study-09-save-variables-to-local-strage/>Unity勉強 第9回 「永続データストレージを試してみる(ローカル編)」/a>/h1> p classmeta> time datetime2013-09-08T16:56:00+09:00 pubdate data-updatedtrue>Sep 8span>th/span>, 2013/time> | a href/blog/2013/09/08/unity-study-09-save-variables-to-local-strage/#disqus_thread>Comments/a> /p> /header> div classentry-content>h2>前回のおさらい&今回の目標/h2>p>最近FXを始めました。智史之介です。br/>前回から結構時間が開いてしまいましたね…。反省です。できれば週一と言わないまでも、隔週くらいでは勉強する時間を確保していきたいものです。/p>p>さて、前回のUnityの勉強ですが「a href/blog/2013/06/15/unity-study-08-scene-change/>シーンの切り替え/a>」というような内容でした。その関係で「シーンを跨いだ変数の保持」というような内容を試してみたくはあるのですが、ちょっと後回しにして…、今日は「永続データストレージ」に挑戦です。/p>h3>永続データストレージとは?/h3>p>ここで言うところの「永続データストレージ」とは、つまり、「 strong>ゲームを落としても次回起動後に保存したデータを参照可能な領域/strong> 」というような意味合いです。(なにっ、わかりづらいですと!すみません。)/p>h2>まずは箱形を用意/h2>p>img src/images/posts/2013-09-08-unity-study-09-save-variables-to-local-strage/create_project.png alt箱形 />/p>p>本当に簡単な内容になりますが、GUI Textオブジェクトをさくっと画面上に配置してみました。ここに、ゲームを起ち上げてからの秒数を記録してみることにします。/p>figure classcode>figcaption>span>/span>/figcaption>div classhighlight>table>tr>td classgutter>pre classline-numbers>span classline-number>1/span>span classline-number>2/span>span classline-number>3/span>span classline-number>4/span>span classline-number>5/span>span classline-number>6/span>span classline-number>7/span>span classline-number>8/span>span classline-number>9/span>span classline-number>10/span>span classline-number>11/span>span classline-number>12/span>/pre>/td>td classcode>pre>code classjavascript>span classline>span classerr>#/span>span classnx>pragma/span> span classnx>strict/span>/span>span classline>/span>span classline>span classkd>var/span> span classnx>timer/span> span classo>:/span> span classkr>int/span> span classo>/span> span classmi>0/span>span classp>;/span>/span>span classline>/span>span classline>span classkd>function/span> span classnx>Start/span> span classp>()/span> span classp>{/span>/span>span classline> span classnx>guiText/span>span classp>./span>span classnx>text/span> span classo>/span> span classnx>timer/span>span classp>./span>span classnx>ToString/span>span classp>();/span>/span>span classline>span classp>}/span>/span>span classline>/span>span classline>span classkd>function/span> span classnx>Update/span> span classp>()/span> span classp>{/span>/span>span classline> span classkd>var/span> span classnx>time/span> span classo>:/span> span classkr>int/span> span classo>/span> span classnx>timer/span> span classo>+/span> span classnx>Time/span>span classp>./span>span classnx>time/span>span classp>;/span>/span>span classline> span classnx>guiText/span>span classp>./span>span classnx>text/span> span classo>/span> span classnx>time/span>span classp>./span>span classnx>ToString/span>span classp>();/span>/span>span classline>span classp>}/span>/span>/code>/pre>/td>/tr>/table>/div>/figure>p> !-- ` -->/p>p>スクリプトとしてはこんな感じ。これをGUI Textにドラッグ&ドロップでアタッチすることで、ゲームを起ち上げてからの秒数が画面上に表示されます。/p>p>ただし!これはゲームを一度落とすと再度「0」から始まってしまいます。これを、前回の秒数を記録しておき、次回起ち上げ時には前回落とす前の数字から始まるように調整してみることにします。/p>h2>ローカルストレージにデータを保存する/h2>p>PlayerPrefsなるものを使用するようです。/p>ul>li>a hrefhttp://d.hatena.ne.jp/nakamura001/20110712/1310441315>強火で進め: ゲームのスコア情報などを簡単に保存出来るPlayerPrefsクラス/a>/li>li>a hrefhttp://docs.unity3d.com/Documentation/ScriptReference/PlayerPrefs.html>Unity Script Reference: PlayerPrefs/a>/li>/ul>p>上記のサイトを参考にしつつ、スクリプトをこんな感じに改修。/p>figure classcode>figcaption>span>/span>/figcaption>div classhighlight>table>tr>td classgutter>pre classline-numbers>span classline-number>1/span>span classline-number>2/span>span classline-number>3/span>span classline-number>4/span>span classline-number>5/span>span classline-number>6/span>span classline-number>7/span>span classline-number>8/span>/pre>/td>td classcode>pre>code classjavascript>span classline>span classkd>function/span> span classnx>Update/span>span classp>()/span> span classp>{/span>/span>span classline> span classkd>var/span> span classnx>time/span> span classo>:/span> span classkr>int/span> span classo>/span> span classnx>timer/span> span classo>+/span> span classnx>Time/span>span classp>./span>span classnx>time/span>span classp>;/span>/span>span classline>/span>span classline> span classc1>// Save to PlayerPrefs/span>/span>span classline> span classnx>PlayerPrefs/span>span classp>./span>span classnx>SetInt/span>span classp>(/span>span classs1>'timer'/span>span classp>,/span> span classnx>time/span>span classp>);/span>/span>span classline>/span>span classline> span classnx>guiText/span>span classp>./span>span classnx>text/span> span classo>/span> span classnx>time/span>span classp>./span>span classnx>ToString/span>span classp>();/span>/span>span classline>span classp>}/span>/span>/code>/pre>/td>/tr>/table>/div>/figure>p> !-- ` -->/p>p>どうやら、code>PlayerPrefs.SetString/code>とかcode>PlayerPrefs.SetFloat/code>とか、型を指定して保存するらしい。br/>これはめんどくさいかもしれぬ…。/p>h2>ローカルストレージからデータを読み込んでみる/h2>p>上の修正だけではただデータを保存しているだけなので、起動時にPlayerPrefsから秒数を読み込む改修も加えてみることにします。/p>figure classcode>figcaption>span>/span>/figcaption>div classhighlight>table>tr>td classgutter>pre classline-numbers>span classline-number>1/span>span classline-number>2/span>span classline-number>3/span>span classline-number>4/span>span classline-number>5/span>span classline-number>6/span>span classline-number>7/span>span classline-number>8/span>/pre>/td>td classcode>pre>code classjavascript>span classline>span classkd>function/span> span classnx>Start/span> span classp>()/span> span classp>{/span>/span>span classline> span classc1>// Has in PlayerPrefs ?/span>/span>span classline> span classk>if/span> span classp>(/span>span classnx>PlayerPrefs/span>span classp>./span>span classnx>HasKey/span>span classp>(/span>span classs1>'timer'/span>span classp>))/span> span classp>{/span>/span>span classline> span classnx>timer/span> span classo>/span> span classnx>PlayerPrefs/span>span classp>./span>span classnx>GetInt/span>span classp>(/span>span classs1>'timer'/span>span classp>);/span>/span>span classline> span classp>}/span>/span>span classline>/span>span classline> span classnx>guiText/span>span classp>./span>span classnx>text/span> span classo>/span> span classnx>timer/span>span classp>./span>span classnx>ToString/span>span classp>();/span>/span>span classline>span classp>}/span>/span>/code>/pre>/td>/tr>/table>/div>/figure>p> !-- ` -->/p>p>これで、ゲームを落としても次回起動時は秒数が途中からカウントされるようになりました!ウホホーイ。/p>p>img src/images/posts/2013-09-08-unity-study-09-save-variables-to-local-strage/countup_timer.png altカウントアップ成功 />/p>h2>PlayerPrefsの注意点/h2>p>PlayerPrefsは、そのデータをローカルの端末自身に保存されます(Windowsに至ってはどうもレジストリに書き込まれる模様?!)。データ改ざんが容易である可能性が高いので、重要なデータなどはやはりネットワークを通じた外部に保存するのがよいのではないかなと思われます。。/p>p>ただ、プレイヤーの設定情報など、簡単なデータに関しては十分活用の余地はあると思いますので、適材適所で使って行けたらと思います。/p>h2>次回に向けて/h2>p>次回は、ついにというかなんというか、今まで見て見ぬ振りをしてきた「Prefab」なるものに手を出してみようかなと…。/p>p>Unityの事を調べる度にその名前が登場するほど、Unityでは当たり前の存在らしい、「Prefab」とは一体なにものなのか?!br/>まずはそこから調べてみようかと思います。/p>p>ではでは!/p>div classoctopress-authorbox> div classauthor-pic stylefloat:left;> img srchttp://www.gravatar.com/avatar/c158f3ca39ffcd3e3f1a56e5d14ccc0c alt木内智史之介 /> /div> div classauthor-about stylefloat:left;> h3>木内智史之介/h3> p>シャッチョー。br />ミンカさんけっこんしてくださいおねがいします(ズザーbr />SEGAさん、DIVAの筐体ください(ズザーbr />/p> ul classauthor-links> li> a hrefhttp://twitter.com/grateful_dead>@grateful_dead/a> /li> li> a hrefhttp://d.hatena.ne.jp/grateful_dead/>生まれる時代をまちがえた/a> /li> /ul> /div>/div>/div> /article> article> header> h1 classentry-title>a href/blog/2013/08/31/set-up-os-x-part-2/>自分用のOS X設定 その2/a>/h1> p classmeta> time datetime2013-08-31T10:00:00+09:00 pubdate data-updatedtrue>Aug 31span>st/span>, 2013/time> | a href/blog/2013/08/31/set-up-os-x-part-2/#disqus_thread>Comments/a> /p> /header> div classentry-content>p>森です。前回にmacの設定をまとめましたが今回は自分が使っているソフトウェアを紹介します。/p>p>このまとめを書いている自分のMacは strong>MacBook Air 11-inch Mid 2011/strong> 、 strong>OS X 10.8.4/strong> です。そのため他の機種、OSのバージョンではこのとおりの設定はできないかもしれませんのでご了承ください。/p>p>img src/images/posts/2013-08-12-set-up-os-x-part-1/my_os_x.png altmy OS X />/p>/div> footer> a relfull-article href/blog/2013/08/31/set-up-os-x-part-2/>Read on →/a> /footer> /article> article> header> h1 classentry-title>a href/blog/2013/08/12/set-up-os-x-part-1/>自分用のOS X設定 その1/a>/h1> p classmeta> time datetime2013-08-12T20:30:00+09:00 pubdate data-updatedtrue>Aug 12span>th/span>, 2013/time> | a href/blog/2013/08/12/set-up-os-x-part-1/#disqus_thread>Comments/a> /p> /header> div classentry-content>p>森です。さいきん気がつくと社内でmac使ってる人が増えてきたので、共有のためと自分用の備忘、2つを兼ねてOS Xの設定とインストールしているソフトウェアを2つの記事に分けて記述します。/p>p>自分が想定している主な使い方は strong>PHPを用いたWEBアプリケーションの開発/strong> に使うための設定です。/p>p>このまとめを書いている自分のMacは strong>MacBook Air 11-inch Mid 2011/strong> 、 strong>OS X 10.8.4/strong> です。そのため他の機種、OSのバージョンではこのとおりの設定はできないかもしれませんのでご了承ください。/p>p>img src/images/posts/2013-08-12-set-up-os-x-part-1/my_os_x.png altmy OS X />/p>/div> footer> a relfull-article href/blog/2013/08/12/set-up-os-x-part-1/>Read on →/a> /footer> /article> article> header> h1 classentry-title>a href/blog/2013/07/14/use-vagrant/>Vagrantで開発環境構築を自動化する/a>/h1> p classmeta> time datetime2013-07-14T15:53:00+09:00 pubdate data-updatedtrue>Jul 14span>th/span>, 2013/time> | a href/blog/2013/07/14/use-vagrant/#disqus_thread>Comments/a> /p> /header> div classentry-content>p>img src/images/posts/2013-07-14-use-vagrant/vagrant-logo.png altVagrant logo />/p>p>森です。先日開催された a hrefhttp://chef-meetup.doorkeeper.jp/events/4624>Vagrant meetup/a> に参加しまして開発者のHashimotoさんからVagrantのお話を聞くことができすごくホクホクしております。/p>p>熱が抜けないうちにVagrantを用いての開発環境作成のおさらいをこの場にまとめます/p>h2>Vagrant とは/h2>p>そもそもVagrantとは何か、乱暴にいうと strong>開発環境を簡単に作成する/strong> ためのツールです。Virtual Boxなどの仮想化ソフトウェアなどを用いて各人のマシンに本番環境にほぼ等しい環境を誤りなくセットアップしてくれます。/p>p>開発者の Hashimoto さんの a hrefhttp://mitchellh.com/the-tao-of-vagrant>The Tao of Vagrant/a> から引用すると/p>blockquote>p>In a world with Vagrant, developers can check out any repository from version control, run vagrant up, and have a fully running development environment without any human interaction.Developers continue to work on their own machine, in the comfort of their own editors, browsers, and other tools./p>/blockquote>p>Vagrantを使用することで em>完全に動作する開発環境を人間の作業なしで作成でき、開発者は自分のマシンで好みのエディタ、ブラウザ、デバッグツールなどを使うことができます。/em>/p>p>さっそくVagrantをインストールして仮想環境を起動してみましょう。/p>p>余談ですが手動でVirtual Boxを起動してVMを設定して必要ソフトウェアをセットアップして…という作業は最初の一回だけやるぶんにはいいのですがem>他メンバーに同じ環境を用意する/em> 場合に大変です。自分が使っているVMをコピーして渡してもいいのですがセットアップ後にインストールした不要ツールを取り除いたり逆に後から追加したライブラリ設定を戻したり…こんなことをしているうちに元のVMが何が何だかわからなくなってしまった…という経験はありませんでしょうか?自分はかなり多いです。/p>h2>お断り/h2>p>先に断っておきますと、この記事に書いてある内容は a hrefhttp://www.vagrantup.com/>Vagrant 公式サイト/a> の a hrefhttp://docs.vagrantup.com/v2/getting-started/index.html>GETTING STARTED/a> を自分なりに噛み砕いたものです。より正確にVagrantについての理解を深めたい場合は公式サイトを一読することがオススメです。/p>/div> footer> a relfull-article href/blog/2013/07/14/use-vagrant/>Read on →/a> /footer> /article> article> header> h1 classentry-title>a href/blog/2013/07/05/efficient-way-of-drawing-of-a-character-illustration/>商業用キャライラストを一ヶ月にたくさん描く時の効率的な描き方/a>/h1> p classmeta> time datetime2013-07-05T21:47:00+09:00 pubdate data-updatedtrue>Jul 5span>th/span>, 2013/time> | a href/blog/2013/07/05/efficient-way-of-drawing-of-a-character-illustration/#disqus_thread>Comments/a> /p> /header> div classentry-content>p>初めまして、デザイン部はらだです。BEFOOLでは珍しくプログラムが打てない人間です。絵とかデザインとか、絵素材に関するお仕事をしています。/p>p>目新しくもないですが、今回はお絵かき講座的なものを書いていきたいと思います。/p>p>題してstrong>【商業用キャライラストを一ヶ月にたくさん描く時の効率的な描き方ーはらだの場合ー】/strong>/p>p>…というタイトルで期待させたら申し訳ありませんが、絵を瞬間的に描く裏ワザみたいなものではありません。ひたすら愚直に描いていく際の、ちょっとした工夫の紹介などが主になります。/p>p>使用アプリケーションは主に em>Photoshop/em> 。バージョンは em>CS5.1/em> ですが、私の描き方ではどのバージョンでも大差ないと思います。/p>h2>ラフを描く/h2>p>まずはラフを描きます。これがないと始まりません。昨今はラフからパソ上で描く凄い人もいますが、私はラフはアナログで描く派ですー。/p>p>img src/images/posts/2013-07-05-efficient-way-of-drawing-of-a-character-illustration/1.png alt1 />/p>p>最終的にはパソコンで描くわけですから、頭身が意図通りにいかなかったり、「頭の位置、ちょっとおかしいかな…?」と思ったりしても とりあえず描ききってしまいましょう。パソコン上でどうにでも調節出来ます。/p>p>お仕事で絵を描くにはスピードも重要です。わざわざ描き直すのは時間も紙もモッタイナイです。/p>/div> footer> a relfull-article href/blog/2013/07/05/efficient-way-of-drawing-of-a-character-illustration/>Read on →/a> /footer> /article> article> header> h1 classentry-title>a href/blog/2013/06/22/how-to-edit-html-in-adobe-edge-animate/>【AdobeEdgeAnimate】AdobeEdgeAnimateのHTMLはどうやって書くのか/a>/h1> p classmeta> time datetime2013-06-22T16:30:00+09:00 pubdate data-updatedtrue>Jun 22span>nd/span>, 2013/time> | a href/blog/2013/06/22/how-to-edit-html-in-adobe-edge-animate/#disqus_thread>Comments/a> /p> /header> div classentry-content>p>今回はAdobeEdgeAnimateのHTMLを書いてみようです!/p>p>外部スクリプトをAdobeEdgeAnimateに読み込みしたい場合/p>p>(例)/p>figure classcode>figcaption>span>/span>/figcaption>div classhighlight>table>tr>td classgutter>pre classline-numbers>span classline-number>1/span>span classline-number>2/span>span classline-number>3/span>/pre>/td>td classcode>pre>code classjavascript>span classline>span classo></span>span classnx>script/span> span classnx>type/span>span classo>/span>span classs2>"text/javascript"/span>span classo>>/span>/span>span classline>span classc1>//ココにコードを記述する /span>/span>span classline>span classo></span>span classerr>/script>/span>/span>/code>/pre>/td>/tr>/table>/div>/figure>p>上記をHTMLに記述しなければなりません。/p>p>しかし、/p>p>img src/images/posts/2013-06-22-how-to-edit-html-in-adobe-edge-animate/image1.png alt画像1 />/p>p>JavaScriptコードを書く場所はAdobeEdgeAnimate内でありますが、HTMLを書く場所はありません。/p>p>そこで今回はどうやってHTMLを書くのかを調査してみました。/p>p>テキストエディットでデータから吐き出されたhtmlファイルを開いてみるとロックされていて次の瞬間、あれ?データ壊れた?ほわーい?/p>p>・・・・・・・・・・・・・/p>p>どうやらhtmlデータが壊れるとAdobeEdgeAnimate内のデータも壊れるみたいで作ったエレメントなどが消えてしまいます!また同じフォルダにhtmlデータがなくなるとAdobeEdgeAnimateデータがエラーで開けなくなるので必ず一緒にあることを確認しましょう。/p>p>気を取り直してデータを作ってやり直し!/p>p>img src/images/posts/2013-06-22-how-to-edit-html-in-adobe-edge-animate/image2.png alt画像2 />/p>p>赤、青、緑をtrue/falseで表示させるよう作ってみました。これをhtmlに外部スクリプトとして打ち込んでみました。まずはテキストエディットにhtmlをドラッグ・・・/p>p>あー・・・macってテキストエディットにhtmlファイルをドラッグしてもurlしか出てこないんですねーwinよりふべn⬅さ、環境設定をし直して表示させました。/p>p>img src/images/posts/2013-06-22-how-to-edit-html-in-adobe-edge-animate/image3.png alt画像3 />/p>p>ここに赤、青、緑のtrue/falseを入れていきます。/p>p>img src/images/posts/2013-06-22-how-to-edit-html-in-adobe-edge-animate/image4.png alt画像4 />/p>p>こんな感じ!web上で確認出来るか確認して見てみると/p>p>img src/images/posts/2013-06-22-how-to-edit-html-in-adobe-edge-animate/image5.png alt画像5 />/p>p>ちゃんと青だけ表示されてますね!このようにテキストエディットでhtmlを直接書き込むことが出来ました。AdobeEdgeAnimate内で書き込めれば一番便利なのですけどねぇ…。/p>p>テキストエディットがロックされて編集できなかった際にテキストエディット以外のツールを試してみました。/p>p>Adobe Edge Code Preview 3br/>img src/images/posts/2013-06-22-how-to-edit-html-in-adobe-edge-animate/icon.png alt画像アイコン />/p>p>img src/images/posts/2013-06-22-how-to-edit-html-in-adobe-edge-animate/image6.png alt画像6 />/p>p>おーっときましたよ、日本語対応なしwとりあえず使ってみましょう。htmlをドラッグして…ん?無反応??何も表示されない…ファイルを開くから選ばないと開かないらしいです。不便ですn⬅/p>p>img src/images/posts/2013-06-22-how-to-edit-html-in-adobe-edge-animate/image7.png alt画像7 />/p>p>このAdobe Edge Code Preview 3ツール実はCSS、HTML、JavaScript対応しているようで一気に3つのソースを見ながら打ち込むことが出来る便利ツールのようです!!一個の窓で全部が見れるのはいいですね!!webでHTMLとCSSをいじる人にはとっても便利です。このツールでもAdobeEdgeAnimateのhtmlをいじることも出来ます。/p>p>これでどれでもHTMLいじれるね!安心だね!と思いきやここでAdobeEdgeAnimateの落とし穴があります。/p>p>先ほど書き込んだhtmlデータを保存したあと、AdobeEdgeAnimateのデータをいじる(検証では再生停止のsym.stop();をはずしてみた)となんとHTMLに書き込んだ外部スクリプトが消えています!ひゃー!どうやらAdobeEdgeAnimatesw更新をする度にhtmlファイルは書き換えられるようです。その度に消えると地獄が待っています。どうにか消えないようにしてみたのですがダメでした…。/p>p>今の時点ではAdobeEdgeAnimateでアニメーションの動きを作った後でJavaScriptいれ最終的にHTMLに外部スクリプトを入れ更新するという作業になりそうです。/p>p>中々にAdobeEdgeAnimateは手強いようです。/p>p>今回の反省点データが消えるとは思ってなかった。もっと簡単に消えないようHTML打てたら…。/p>div classoctopress-authorbox> div classauthor-pic stylefloat:left;> img srchttp://www.gravatar.com/avatar/6608e3ddb3ef5feb5890a678970bd449 alt小亀珠美 /> /div> div classauthor-about stylefloat:left;> h3>小亀珠美/h3> p>2.5次元の住人br />Edge Animate勉強中。jsなにそれオイシイn⬅br />/p> ul classauthor-links> /ul> /div>/div>/div> /article> article> header> h1 classentry-title>a href/blog/2013/06/15/unity-study-08-scene-change/>Unity勉強 第8回 「シーンの切り替え」/a>/h1> p classmeta> time datetime2013-06-15T23:21:00+09:00 pubdate data-updatedtrue>Jun 15span>th/span>, 2013/time> | a href/blog/2013/06/15/unity-study-08-scene-change/#disqus_thread>Comments/a> /p> /header> div classentry-content>h2>前回のおさらい&今回の目標/h2>p>おはようございます。深キョンが好きなのか、はたまたミンカが好きなのか…どちらかを決めきれない罪な漢(おとこ)、智史之介です。br/>今日も元気にUnityに関する勉強を行おうと思います。/p>p>前回は「a href/blog/2013/05/29/unity-study-07-build-for-android/>Android向けのビルド/a>」を試してみました。迂闊なAndroidSDKのバージョンアップで痛い目を見たのはいい思い出です。br/>(どうやらUnityのa hrefhttp://japan.unity3d.com/unity/whats-new/unity-4.1.4>アップデート(ver4.1.4)/a>が入り、この問題は解消されたみたいですね!)/p>p>今日は「シーンの切り替え」に関してちょっと試してみようかななんて思っています。/p>h2>シーンの切り替えとは?/h2>p>例えば、そうですね、ドラクエで言えば「街から出てフィールドに入る」とか「フィールドで敵に遭遇する」とかでしょうか?br/>画面が、バーッってまったく別の描画系統で表示されるやつです。/p>p>img src/images/posts/2013-06-10-unity-study-08-scene-change/dq_field-to-battle.png altフィールドから戦闘画面へ />/p>p>そうそう。こんな感じの切り替えに関してです。こういったシーンの切り替えに関して、そもそもの必須要件がいくつかあるかと思います。/p>ul>li>独立した描画スペース/li>li>独立した変数領域/li>li>独立したプログラム領域/li>/ul>p>などがシーン使い分けの必須条件ではないかなと思われます。br/>Flashで言うところのムービークリップにあたるものでしょうか?/p>p>Unityにおいて、それに該当するものがないか探したいと思います。/p>h2>ずばり、それって「Scene」でしょ?/h2>p>そんな決めつけで作業開始です。/p>p>さくっと「scene1」と「scene2」を用意します。sceneの作成は「Cmd+n」で可能です。/p>p>img src/images/posts/2013-06-10-unity-study-08-scene-change/make-scene.png altscene作成 />/p>p>あと、以前から不思議だったのですがstrong>「cmd+s」でsceneの保存/strong>になります。/p>p>あれ?けど、これってつまりstrong>「Unityではsceneこそもっとも重要で、最も保存を行う対象」/strong>ということですよね?/p>p>不思議だったんですよ、これ。br/>自分にとってFlashとの対比としては、/p>ul>li>scene ムービークリップ/li>li>プロジェクト flaファイル/li>/ul>p>というとらえ方をしていました。br/>これが間違っている可能性があるということなんですよね。。br/>どうしよう。不安になってきてしまいました。/p>p>「プロジェクトさえ保存しておけばsceneも保存されるんでしょ?」というぬるい考えでいたことを反省しなくてはならないかもしれません。/p>p>なにはともあれ、作成した二つのsceneに異なる別々の画像を貼り付けておきます。br/>わかりやすく背景の色でも変えておくとよいかもしれません。br/>(背景の色は、hierarchy配下のmain cameraのインスペクターから変更可能です。)/p>p>この二つのシーンを利用して、/p>p>strong>「scene1の画像をタップすると、scene2に切り替わる」/strong>/p>p>という動作を試してみることにします。/p>h2>プログラムをさくっと書いてみる/h2>p>さて、シーンの切り替えのためのスクリプトを記述する必要があります。br/>「SceneSwicher.js」というファイルを用意して、scene1の画像にアタッチします。/p>figure classcode>figcaption>span>/span>/figcaption>div classhighlight>table>tr>td classgutter>pre classline-numbers>span classline-number>1/span>span classline-number>2/span>span classline-number>3/span>span classline-number>4/span>/pre>/td>td classcode>pre>code classjavascript>span classline>span classkd>function/span> span classnx>OnMouseUpAsButton/span>span classp>()/span> span classp>{/span>/span>span classline> span classnx>Debug/span>span classp>./span>span classnx>Log/span>span classp>(/span>span classs1>'Now scene is '/span> span classo>+/span> span classnx>Application/span>span classp>./span>span classnx>loadedLevelName/span>span classp>);/span>/span>span classline> span classnx>Application/span>span classp>./span>span classnx>LoadLevel/span>span classp>(/span>span classs1>'scene2'/span>span classp>);/span>/span>span classline>span classp>}/span>/span>/code>/pre>/td>/tr>/table>/div>/figure>p>これでいけるんじゃないか?なんていう甘い考えで実行してみると…/p>blockquote>p>Level ‘scene2’ (-1) couldn’t be loaded because it has not been added to the build settings.To add a level to the build settings use the menu File->Build Settings…/p>/blockquote>p>というお叱りをいただきました。ハイ。br/>言われた通りに、build settingsにシーンを追加します。/p>p>img src/images/posts/2013-06-10-unity-study-08-scene-change/add-build-setting.png altbuild settingsに追加 />/p>p>これで、正常にシーンの切り替えができるようになりました。/p>p>img src/images/posts/2013-06-10-unity-study-08-scene-change/scene-change1.gif altbuild settingsに追加 />/p>p>けれども、、、、うーん。これではなんだかスイッチを切り替えるように切り替わってしまうので、イマイチ想像と違うのは否めないですね…。br/>本当は、もっと、こう、例えば、strong>「上から次のシーンが落ちてくる」/strong>、というような感じの切り替えをやりたいのです。/p>h2>はたしてそんな事が可能なのか?/h2>p>ずいぶん長い間ググってみたのですが、どうにも難しそうですね…。br/>シーンをまたいだ変数の保持すら、ちょっとしたトリッキーな手法が必要そうなので、シーンの上にシーンをかぶせる(二つのシーンを同時に描画する)なんてもってのほか、という感じですかね…。br/>致し方無しです!今回はそれは諦めることにします。/p>p>自分がもし、こういった制限(1シーンの描画しかできない)内で、今思い描いている手法を実現するなら、うーん、そうですね…。br/>たとえば、こんな感じではできないでしょうか?/p>p>「strong>スクリーンショット的なものを撮り内部領域に保存する。次のシーンは内部領域に保存されたスクリーンショットをまず最初に描画し、その上にシーンの突入演出を表示する/strong>」/p>p>難しいかな…?/p>h2>次回に向けて/h2>p>今回は、シーンの切り替えに関して試してみました。Unityはどうもこの「シーン」というものにすごく苦労しそうな印象ですね…。br/>エンジニアとしては多少苦労する方が楽しくていいんですけどね!/p>p>次回は、「永続データストレージ領域に保存/読み込み」というものを試して見たいと思います。br/>(そういう機能があるかどうかも分からないんですが…!)/p>p>シーンをまたいだ変数とかではなく、たとえばゲームを落とすなどしても次回起ち上げ時に読み出し可能なデータ、とかそういうものですね。br/>次回も楽しみですね〜。/p>div classoctopress-authorbox> div classauthor-pic stylefloat:left;> img srchttp://www.gravatar.com/avatar/c158f3ca39ffcd3e3f1a56e5d14ccc0c alt木内智史之介 /> /div> div classauthor-about stylefloat:left;> h3>木内智史之介/h3> p>シャッチョー。br />ミンカさんけっこんしてくださいおねがいします(ズザーbr />SEGAさん、DIVAの筐体ください(ズザーbr />/p> ul classauthor-links> li> a hrefhttp://twitter.com/grateful_dead>@grateful_dead/a> /li> li> a hrefhttp://d.hatena.ne.jp/grateful_dead/>生まれる時代をまちがえた/a> /li> /ul> /div>/div>/div> /article> div classpagination> a classprev href/blog/page/2/>← Older/a> a href/blog/archives>Blog Archives/a> /div>/div>aside classsidebar> section> h1>Recent Posts/h1> ul idrecent_posts> li classpost> a href/blog/2013/10/07/set-up-os-x-part-3/>自分用のOS X設定 その3/a> /li> li classpost> a href/blog/2013/10/05/unity-study-10-prefab/>Unity勉強 第10回 「Prefabを試してみる」/a> /li> li classpost> a href/blog/2013/09/30/fix-homebrew-subversion17-unicode-patch/>HomebrewでSubversion17をインストールする際のunicode-pathオプションでのエラー対処/a> /li> li classpost> a href/blog/2013/09/08/unity-study-09-save-variables-to-local-strage/>Unity勉強 第9回 「永続データストレージを試してみる(ローカル編)」/a> /li> li classpost> a href/blog/2013/08/31/set-up-os-x-part-2/>自分用のOS X設定 その2/a> /li> /ul>/section>section> h1>Top Categories/h1> ul idtop-category-list>li>a href/blog/categories/unity>unity (11)/a>/li>li>a href/blog/categories/%E5%8B%89%E5%BC%B7>勉強 (5)/a>/li>li>a href/blog/categories/Mac>Mac (4)/a>/li>li>a href/blog/categories/%E5%8B%89%E5%BC%B7%E4%BC%9A>勉強会 (3)/a>/li>li>a href/blog/categories/study>study (3)/a>/li>li>a href/blog/categories/Homebrew>Homebrew (2)/a>/li>li>a href/blog/categories/octopress>octopress (2)/a>/li>li>a href/blog/categories/AdobeEdgeAnimate>AdobeEdgeAnimate (2)/a>/li>li>a href/blog/categories/%E5%85%A5%E9%96%80>入門 (1)/a>/li>li>a href/blog/categories/virtualbox>virtualbox (1)/a>/li>li>a href/blog/categories/flash>flash (1)/a>/li>li>a href/blog/categories/debian>debian (1)/a>/li>li>a href/blog/categories/%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88>イラスト (1)/a>/li>li>a href/blog/categories/gh-pages>gh-pages (1)/a>/li>li>a href/blog/categories/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3>デザイン (1)/a>/li>/ul> a href/blog/categories>All Categories/a>/section>section> h1>Authors/h1> ul idauthor-list>li>a href/blog/authors/8823-scholar/>木内智史之介 (12)/a>/li>li>a href/blog/authors/jiska/>森裕介 (7)/a>/li>li>a href/blog/authors/aizawa/>はらだ (1)/a>/li>li>a href/blog/authors/jun-nakada/>中田潤 (1)/a>/li>li>a href/blog/authors/raharu/>raharu(仮名) (1)/a>/li>li>a href/blog/authors/kametama/>小亀珠美 (1)/a>/li>/ul>/section> /aside> /div> /div> footer rolecontentinfo>p> Copyright © 2013 - 8823-scholar - span classcredit>Powered by a hrefhttp://octopress.org>Octopress/a>/span>/p>/footer> script typetext/javascript> var disqus_shortname befoolblog; var disqus_script count.js; (function () { var dsq document.createElement(script); dsq.type text/javascript; dsq.async true; dsq.src http:// + disqus_shortname + .disqus.com/ + disqus_script; (document.getElementsByTagName(head)0 || document.getElementsByTagName(body)0).appendChild(dsq); }());/script>div idfb-root>/div>script>(function(d, s, id) { var js, fjs d.getElementsByTagName(s)0; if (d.getElementById(id)) {return;} js d.createElement(s); js.id id; js.async true; js.src //connect.facebook.net/en_US/all.js#appId212934732101925&xfbml1; fjs.parentNode.insertBefore(js, fjs);}(document, script, facebook-jssdk));/script> script typetext/javascript> (function(){ var twitterWidgets document.createElement(script); twitterWidgets.type text/javascript; twitterWidgets.async true; twitterWidgets.src http://platform.twitter.com/widgets.js; document.getElementsByTagName(head)0.appendChild(twitterWidgets); })(); /script>/body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]