Comments平素は格別のご高配を賜り、厚く御礼申し上げます。2019年10月1日から消費税改正法により現行の8%から10%へ引き上げられることになりました。これに伴い弊社におけるサービスおよびサポートの消費税の取り扱いにつきまして、下記の通り対応させていただきます。2019年10月1日以降にご請求致します弊社の提供する商品・サービス等に関しましては、消費税10%で処理を行わせていただきます。皆様には誠に恐れ入りますが、ご理解・ご協力賜りますよう宜しくお願い申し上げます。Comments弊社のシステムチームではUnityエンジンを使用したソーシャルゲームの開発を行っておりますが、時としてクライアントワークスでは、htmlでの閲覧を必要とするときが御座います。そこで今回はUnityからhtmlのデータを作成する方法について紹介します。■STEP1:まずは、プラットフォームを切り替えることを始めます。1:Unityのメニューバーから[File]を選択します。Settings]を選択します。Settings]を押したことで専用のウィンドウが表示されたことを確認します。Settingsのウィンドウにある[Platform]の項目から[WebGL]を選択します。Platform]を選択します。Platformが押されると多少の待ち時間を挟みます。切り替えが完了するとWebGLの項目の横にUnityのアイコンが表示されております。ここまでがプラットフォームの切り替えとなります。■STEP2:ビルドを開始する。1:ブラウザで動作確認に含めたいSceneを開く、またはSceneデータを選択します。Scenes]を選択します。3:ブラウザで動作確認に含めたいSceneが全て含まれるまで1、2を繰り返します。4:[Build]を選択します。5:Buildが選択されると、保存先についてのウィンドウが表示されます。保存したいデータ先を選択してください。※この時、なるべく空のフォルダを選択してください。データが混在して管理が困難になります。フォルダの選択が終わるとビルドの処理が走ります。このとき20分程の待ち時間を挟みます。待ち時間中にはプログレスバーが表示されます。プログレスバーが満タンになる前にConsoleビューで赤字の出力が確認された場合プログラムに不具合があることになります。■STEP3:ビルド完了後について。1:保存先に選択したフォルダの中身を確認する。[index.html]これらの3つのデータが存在することを確認する。3:出来上がったデータは[index.html]を確認したいブラウザにドラッグ&ドロップ確認することが出来ます。■動作確認の推奨、非推奨1:Firefox、MacPCのみSafariが安定しております。2:GoogleChormeは非推奨です。しても見たい場合はGithubや公開サービスのサーバーを使用してURLを取得することをお勧めします。Explorerは11から推奨です。4:この他にUnityとブラウザのバージョンによって正常に動作しないこともあります。基本的にはIOSやAndroidのビルド方法と手段は同じです。プラットフォームで分かれている専用のシステムをいかに理解することが、効率の鍵になると思います。この記事を見ているあなたがWebでゲームを全体公開したい場合は、プラットフォームをWebPlayerに切り替えてUnityGameUpLoaderというUnity公式のゲーム配信サイトから投稿してみるのも面白いと思います。Commentsはじめまして。今回のブログ記事を担当いたします田中です。東京オフィスでゲームプランナー、バナー制作、Flash/AnimateCCのアニメーション制作、といった業務を担当しております。今回は新山からバトンを受けまして、品質管理とデバッグのお話です。商品開発には、品質管理「QA」や不具合を取り除く作業「デバッグ」が必ず行われます。デバッグと言うとPCを使った開発が主に頭に浮かぶ方が多いのではないかと思われますが、ゲームやWeb、アプリ開発以外でも開発と名のつくものであれば、リリース、商品化する前には必ず必要になる作業です。私は開発側の人間ではありますが、必ずと言っていいほどデバッグに携わっております。「友達登録ができない!」......といった苦情をアプリレビューやSNSなどで多数見かけたり、あるいは実際に体験された方も多いのではないでしょうか。どんな開発においても不具合というものは付きものなのです。デバッグという作業が発生します。私は過去に様々なジャンルのゲーム開発においてデバッグに携わりましたが、どの会社でも、同じチームの方は必ず口を揃えてこう言います。「バグがゼロの時ほど怖いものはない」......と。開発においてデバッグに費やせる時間と予算はほんの一握りです。会社によってはデバッグチームがなく、開発者が自らデバッグを行うこともあります。デバッグの際には短時間で効率良くチェックをする方法が必要になります。デバッグや開発未経験者に何も説明せずにデバッグをお願いするとかなりの量で報告が来ますが、そのほとんどが仕様だったり、今の段階では見なくても良いような箇所だったりします。これでは時間の浪費(ロス)につながります。どのようにして短期間でチェックを行うのでしょうか。以下は開発環境でのデバッグ方法です。はじめに理解しなくてはならないのは、「今回チェックすべき範囲」です。これは、その時実装するものに限られます。商品をリリースする場合は全体的なチェックが必要になりますし、既にリリースされていて新機能(オンラインゲームなら期間限定イベント、新キャラ・新ステージなど)を追加する際は、その辺りを重点的に見ることになります。チェックを行う人は、まず実装物の仕様を仕様書や口頭などでしっかりと確認し、チェック項目の目処を付けます。その後、実装前に一度、チェックシートをExcelシートなどで作成します。出来れば、重要度に応じてS、A、B、Cといったランク付けを行うと良いでしょう。一例をあげますと、項目には「街で主人公のグラフィックが表示されていること」のように、どのようになっていれば正しいのかを記載します。チェック内容が明確な時は「街:主人公の表示」といった風に簡略化することもありますが、他のチェック者にも理解出来る内容を記載し、注意点は備考欄に記載します。してチェックシートが出来ましたら、特に重要なものや外せないものを再度リストアップし、一項目辺りにかかる時間から総チェックにかかる工数を決めます。メンテナンス時は1時間中の30分だけ、といった短い時間で行うことがほとんどですので、特に重要度の低いチェックは開発環境でのチェック時に全て済ませておきます。チェックは修正に時間のかかるものから順番に行います。動作に関わるようなシステム、グラフィックなどが特にそれに当たりますね。テキストの誤字などは動作には関わらないバグですので、こちらは修正が後回しになることが多いです。(ノベルゲームではむしろ最優先となりますが)チェックが終わったら(或いは随時)、発生した不具合をまとめ、それぞれの担当者に報告して修正依頼を出します。後ほど修正された時にその項目だけをチェックし、バグがなくなったところで再度全体的なチェックを一度行い、これで開発環境のチェックが完了します。リリース直前は既にチェックと修正を行い、バグがなくなった状態(これらの作業工程をまとめてデバッグと言います)なので、メンテナンスではそこまでのチェックをしなくても良いわけです。メンテナンスで行うのは「本番環境に正しく開発環境の状態が反映されているか」です。画像の反映を忘れていたりすると、しょっぱなから何も表示されなかったりします。デバッグモード(RPGだと倍速移動やエリア移動コマンドなどのチェック用機能)の封印も忘れずに行い、そのチェックも行います。以上が大まかなデバッグの流れとなりますが、それでも本番に不具合を洩らしてしまうケースはよく見かけます。したものはお客様からのお問い合わせによって運営へ、さらにデバッグ担当者や開発者へと伝えられます。大勢のユーザーに影響するような重大な不具合を見つけた場合は、すぐに緊急メンテナンスを開くことになるでしょう。オンラインゲームにおいては、不具合を修正した際に大抵「補填」が行われます。ゲームによって内容や条件は様々ですが、もらえるものは有料アイテムだったり、ガチャを回すための宝石(詫び石とか言われていますね)だったりします。それらはデータでいくらでも渡せるとはいえ、決してタダではありません。補填には有料アイテム分の損失があり、ひいてはゲームの寿命を浪費する結果となるのです。時には数十〜数百万円もの損失になることもあります。ただでさえ基本無料で提供することの多いオンラインゲームでは、サーバー設備費や多くの人件費などで資金がカツカツになりますし、ギッシリと詰まったイベントの準備もあって開発期間に余裕がありません。このようなミスで資金を浪費するのは、なるべくして避けなければならないのです。開発においてデバッグはかなり後回しにされがちな工程ですが、ここまでの話でどれだけ重要な作業であるか伝わりましたでしょうか。はじめにも述べましたが、上述の内容は決してゲームやアプリ開発に限ったことではありません。開発とつくものがあれば、どんな商品にも品質管理があり、不具合(不良品)のチェックがあります。我々開発者の前には必ずお客様がいらっしゃる--そのことを常に念頭におき、極力不具合をなくすよう努めながら開発していきたいものです。Commentsこんにちは、松山オフィスの兵頭です。PAINTの3Dオブジェクトについてお話します。PAINTは3Dデッサン人形や3D背景素材を使い、難しいポーズやアングルのアタリをとることができます。今回紹介する3Dオブジェクトは、椅子や机、刀などの小物の3D素材です。実は私も3Dオブジェクトを使い始めたのはつい最近で、実際に使ってみるととても便利だったので皆さんにも是非おススメです。PAINTにもともと入っている素材もありますが中には自分が必要な素材が無い、という方もいるかと思います。)で自分のほしい素材を探してみてください。有料のものが多いですが無料のものもあるのでご安心ください。それでは実際に3Dオブジェクトを使ってさまざまなアングルで小物を描いてみます。今回はtoshi_ooさん制作の星条旗帽子を使います。)1まずはダウンロードした素材をキャンパス上にドラッグします。するとキャンパスに3Dオブジェクトが表示されるので、2好きな角度やカメラアングルを調整します。3角度が決まったらレイヤーの不透明度を下げて、4上から線を入れるだけです。素材をダウンロードする際には制作者の方の使い方コメントやスクリーンショットが載っているので、そのページを詳しく見ることをおススメします。無料でダウンロードできる素材の制作者の方は他にも無料で提供してくれていることが多いので制作者名をクリックして制作した3D素材を見てみるのもおススメです。意外な掘り出し物が見つかるかも?3Dオブジェクトは3Dデッサン人形に比べて角度やカメラアングルを調整しやすいので是非試してみてください。Commentsこんにちは、松山オフィスの平川です。「デッサンの基本は箱だ!」なんて話、聞いたことないでしょうか?なにを根拠に「基本だ」と言われているのか、案外分からない人が多いです。基本と言われても、私達のイラストに活かせれないと基本の意味がありません。今回、デッサンの基本「箱」についてご説明したいと思います。皆さんはキャラクターを描くとき、顔とかにアタリをつけるためによく十字線を引いたりしてませんか?あれは「アタリ線」または「中心線」ともいいます。中心とはつまり、曖昧なイメージを立体的に表現してくれる「骨格」みたいなものです。最初に十字線を引いて描き始めたけど、描いているうちに十字線関係なく描いちゃってることがありませんか?それは、中心線そのものを正しく描けていないから十字線もズレてしまっているのです。歪んだ骨格にキャラをかぶせても、そのキャラクターはただ歪むだけです。「箱」とは、その「中心線を正しく引けるようにするための訓練」に描くのです。結論から述べると、箱の流れを掴み、立体として見ることです。いってもこれは”感覚”の領域になります。箱は直線で成り立っていますが、キャラクターの顔の立体は、全て『箱』みたいに真っ直ぐな線ばかりじゃありません。曲がった線だってあります。その「曲がった線の流れ」流れ線が一番、”感覚”でとらえる事が難しく、そして一番大切な「流れ線」が、『十字線』へとつながって行きます。最初はまず、簡単な「”直線”の流れ線」から少しずつ描けるようになろう、という話になります。「箱」は一番単純な「線」です。この「真っ直ぐ」すら、私達はまともに描けません。「左向き」は描けても「右向き」が描けなかったり・・・そうならないために、私達のイラストには「骨格」を付けてあげる必要があります。最初は難しいし面倒くさい...とは思いますが、”感覚”さえつかんでしまえばあとは何もしなくてもいいんです。忘れた頃に「あれ...最近自分の絵が死んでるなぁ」と思ったらまた軽くスケッチでもして”感覚”を取り戻せばよいのです。効果はあらわれません焦りは禁物です。取っつきにくいと思います。始めは自分の思う箱を一度描いてみて、それを、ちょうど”お豆腐を切る感覚”で、絵の中で切ってみて下さい。「ここを切れば多分ちょうど二分の一だ」と思う所を切っていきます。自分の絵を、絵の中で「切ってみる」事で、絵を「立体」として見れる”感覚”がきたえられます。自分なりに描ける「箱」を、絵の中で切りまくってみて下さい。自分の感覚を養っていてください。Article10月31自分にとってカッコイイ選択を見つめなおす。Comments最近20代のスタッフメンバーと、社会をどう生き抜くか、そしてどうビジネスをしていくか、ってのを考させられる場があったので、ブログにまとめてみました。認められるなら力量を備えるステータスを得るには力量が備わっていないとただのメッキ人間に。認められるならば、とにかく力を得ること。他人に媚を売るくらいなら、力を得たい。ときには嫌われる事も覚悟し、自分を信じきる。他人を受け入れること人に優しくしてもらいたいなら人に優しく。好かれたいなら好きになること。認められたいなら他人を受け入れること。これはおまじないでもなんでも無く、与えたら必ず返ってくる、報われる、なんてキレイ事でもなく、実に現実的で生臭い、コミュニティの在り方そのものだ。謙虚に凄い事をする1だけだと、ただ傲慢な人。出来る人はそうあるべき。2だけだと、ただしたたかな人。優しさに溢れて人間くさい。他人の手助けなんて要らないなら、とにかく認めざる得ない程の力量を持つしかない。謙虚さは、人に好かれる重要な要素だけど、それは自分だけの力じゃない。この2は、一見簡単そうに見えて意外に難しい。歳を取れば取るほど、地位を得れば得るほどに、それが自分の考えや行動を狭めてしまう。自分のプライドや固定概念が邪魔してる。1も2も、なんだか極端な話だけど。本当にカッコいいのは、謙虚に生きてるけど、誰にも出来ない事をやってのけるなんじゃないかな。カッコつけて生きていきたい。なんとなくそんな、人としての目標のような事を思いついたので書きました。意外に社会はシンプルに出来てる。自分にとって向いてる選択をすべき。向いていない事は伸びない。Commentsこんにちは、松山オフィスの安野です。今回のテーマはゲーム制作の仕事についてです。普通に仕事の説明をしてもおもしろくないのでドラクエ風にゲーム制作現場の仕事の役割を説明していきたいと思います。やって、適材適所様々な能力や特徴を持ったメンバーが一つのパーティとなっておもしろいゲームを作るという目標に向かって戦っています。誰かが抜けてしまうと、そのパーティはチームとしての力を発揮することができません。それぞれが自分の役割と強みを活かして制作現場を支えています。以上、今回は制作現場のお仕事についてでした。最後に、これを読んで自分もオートクチュールのパーティに入りたいと思った貴方!!info@hautecouture.jpまでご連絡お待ちしております。※前回のブログに続き今回もリクルートです。Commentsここ半年ほど、紙とペンを使って、ToDoリストや日々のプランニングを行ってきました。その間にも、いろいろなアナログシステムを試して、どれが自分にぴったりくるのかを探りました。常に新しいアイデアやシステムに目を配りながら試行錯誤を続けた結果、最近、とてもシンプルなのに、とてもよくできたアナログシステムに出会いました。オートフォーカスシステムこのシステムがオートフォーカスと呼ばれている理由は、締め切りや優先度という概念を使わないで、いま取り組むべきタスクが自動的にわかるようになっているからです。締め切りがあるタスクもあるでしょうから、そこはまた別の管理が必要となります。以下、まずオートフォーカスシステムの概要を説明したあとで、私がこのシステムをウィークリープランナーやブレットジャーナルといった手法とどう組み合わせているかを紹介します。ToDoリストが1つだけオートフォーカスシステムはToDoリストを1つだけ使います。『TaskPaper』のようなアプリでもかまいませんが、基本的にが紙とペンを使います。最初にブレインダンプ(脳の排水)を行います。頭の中にある「やるべきこと」をすべて書きだしてください。1ページで収まらなくてもOKです。思いつくタスクをすべて書きだすようにします。内なるオートフォーカスを使うこのシステムは、あなたの内なる感情と理性を大いに活用します。このシステムの狙いは、「やらねばならない」タスクはやる気が湧きにくいという問題と、「やりたい」タスクばかりをやっていると、重要だが退屈なタスクがどんどん先延ばしされるという問題を、うまく解消することです。ToDoリストに冒頭から末尾まで、何も意識しないでざっと目を通していきます。このとき、ToDoタスクを1つずつ目で追いながら、自分の内なる感覚によく注意を払ってください。感情に訴えかけてくるタスクがいくつかあるはずです。したものは、あなたが「やりたい」タスクです。理性に訴えかけてくるタスクもあります。それらは「やらねばならない」タスクです。感情と理性の両方に訴えてくるタスクがあれば、それがあなたがいま取り組むべきタスクです。タスクが「オートフォーカス」されたわけです。オートフォーカスリストを更新するタスクを1つ選ぶことができました。ここで重要となるのは、無理にやり通そうとしないで、やる気が持続する時間だけタスクに取り組むことです。(何らかの基準が欲しいなら、最低でも1ポモドーロだけ、タスクに集中するのもあり)やる気が続く間だけ取り組んだあと、まだタスクが完了していなければ、そのタスクは線を引いて消し、オートフォーカスリストの末尾にもう一度同じタスクを書き入れます。以後、タスクに取り組むたびに、線を引いて消し、リストの末尾に再度記入します。これを完了するまで繰り返してください。タスクがついに完了したときは、線を引いて消したあと、再記入しなければOK。このやり方の狙いは、大きなタスクや、やり続けるのが苦痛なタスクを、少しずつ削り取るように取り組むことで、いつも何かしら重要なタスクに取り組んでいる状態を保つことにあります。1つのページのタスクがすべて線で消されたら、ページの上の隅に、『X』マークを書き入れます。これは、このページにはもう未完了タスクが残っていないサインです。そのページより前に未完了タスクがあるページが1つもない場合は、Xマークを丸で囲みます。しておけば、Xマークのあるページはもう見る必要がないこと、また、丸で囲まれたXマークがあるページがあれば、その前にあるページはすべて見る必要がないことがわかります。オートフォーカスシステムの使い方、私の場合オートフォーカスシステムにも欠点はあります。それは、スケジュールどおりにやるタスクや、締め切りのあるタスクにはあまり向いていないことです。いえ、サイドプロジェクトなど規模が大きくてずっと続いていくタスクや、ちょっとした用事や細かい管理作業などの見落とされがちなタスクの管理にはぴったりです。私は、オートフォーカスシステムと、いくつかの別のアプローチを組み合わせて使っています。Notebook』という手帳に何種類かのリフィルを入れ、タスクの締め切りや「本日のタスク」リストを管理しています。オートフォーカスシステムは、大きな管理システムの一部として、先延ばししがちなタスクや、手をつけあぐねているプロジェクトを管理するのに使うとよいかもしれません。私自身、最初にオートフォーカスリストに書き出したToDoタスクの半分が、この半年で片付いたことに驚いています。これからもこのやり方を続けるつもりです。Commentsどうも、松山オフィスの菅野です。今回はPhotoshopのブラシについてお話致します。最近、Photoshopで線画を描いてみると、それほど悪くないなと思いPhotoshopで描く方向を検討しています。線の描画品質はSAIやCLIPSTUDIOと比較すると見劣りする部分があります。線の抜きが甘く、どうしても線の先が太く(丸く)なってしまいがちです。ストロークもカクカクとなりやすく綺麗に描くにはあまり向いていません。調べ始めたばかりなので、もしかすると解決できる方法があるのかもしれませんが、その時はここでお知らせできればと思います。他にはブラシの濃度がデフォルトの設定だと筆圧によって変わります。一定の濃度で描きたい場合には不向きな仕様ですが、それによって紙に描いたときのような柔らかいタッチになるので、それが好みであればデフォルトのままでもいいでしょう。ブラシの設定を変えてみたり、オリジナルのブラシを作成して自分だけのタッチを生み出すのもいいと思います。他のソフトでもオリジナルのブラシは作れますが、Photoshopはブラシの設定項目がたくさんありますので、1種類のブラシでも状況に応じて様々なことが可能です。今回はブラシの作り方までにしておきます。1まずは新規ファイルを作成しましょう。サイズは100px四方の小さなキャンバスでも十分です。大きめのサイズにしたほうが描きやすくなります。縦横の比率は関係ありませんので、作りたいブラシに合わせるのがいいでしょう。2ブラシやシェイプ、ペンツールなどを使って好きな形を描きましょう。自分が見えやすい色にして描きましょう。デフォルトの黒でも問題ありません。規則的に並ぶ模様のようなブラシにしたい場合は、ペンツールなどで綺麗に描くことをオススメします。3描き上がったら編集メニューから「ブラシを定義」を選びましょう。その後ブラシ名を入力するウィンドウが開きます。サムネイルも表示されるので、イメージどおりにできているか確認しましょう問題なければ任意の名前にしてOKを選択します。これでブラシが作成されプリセットに登録されますので使うことができるようになります。普段Photoshopで描かない方もたまに使ってみるのもありではないでしょうか。普段と違う描き心地、発見があって楽しいですよ。