KLabGames Tech Blog

KLabは、多くのスマートフォン向けゲームを開発・提供しています。 スマートフォン向けゲームの開発と運用は、Webソーシャルゲームと比べて格段に複雑で、またコンシューマゲーム開発とも異なったノウハウが求められる領域もあります。 このブログでは、KLabのゲーム開発・運用の中で培われた様々な技術や挑戦とそのノウハウについて、広く紹介していきます。

カテゴリ: その他

※電子版ダウンロードリンクは一番下にあります。

これまでに引き続き、技術書典7でKLabの有志で技術同人誌を頒布します。

KLab株式会社サークル詳細

KLabブースは、「こ24D」です。

新刊 KLab Tech Book Vol.5 では、以下の内容を収録しています。

  • Starlette - きらめく ASGI フレームワーク
  • Vulkan メモリマネジメント / RenderPass 虎の巻
  • 2 次元コード DataMatrix
  • オフィス内の CO2 濃度を測るデバイスを作成する
  • 「OK グーグル! 銀行振込 1000 円」
  • GoogleCalendar を扱う SlackBot の製作記

KLab Tech Book Vol.5

今回の書籍執筆に参加した新卒のtakeです。

プログラムを書く経験はありましたが、

それを書面で説明するのは初めてでした。

普段、こういった解説の文章を書く機会が無かったので、とてもいい経験になりました。

ベテランから新卒まで、KLab社員の活動の一部を覗くことができる一冊となっております。

また、当日、売り子としても参加しています。

皆様のご来場をお待ちしてます。

ダウンロードリンク

これまでのKLab Tech Bookと、新刊Vol.5のダウンロードリンクを以下に掲載します。

※Vol.5については、当日有効になります。

※電子版ダウンロードリンクは一番下にあります。

これまでに引き続き、技術書典6でKLabの有志で技術同人誌を頒布します。

KLab株式会社サークル詳細

KLabブースは、「け53」です。

新刊 KLab Tech Book Vol.4 では、以下の内容を収録しています。

  • Argument Clinic を使ってみよう
  • Rustで世界を統一する
  • QRコードマニアックス ― 数字・英数字・漢字モード
  • Unity×レイマーチングによる映像制作の実践手法
  • 自作キーボード入門
  • 機械学習APIの力でCAPTCHAを破る
  • Unityでの条件付きコンパイルシンボル定義にエディタ拡張を活用する
  • デジカメで撮影した写真の正確なタイムスタンプを推測する

KLab Tech Book Vol.4

また、前回のVol.3も少数部再販いたします。 数が少ないので、Vol.3の物理版が欲しい方はお早めにどうぞ。

今回のVol.4はページ数が増えた関係で1000円となります。 Vol.3は500円、電子版はどれも無料で以下のリンクからダウンロードしていただけます。

皆様のご来場をお待ちしております。

ダウンロードリンク

これまでのKLab Tech Bookと、新刊Vol.4のダウンロードリンクを以下に掲載します。

※Vol.4については、当日有効になります。

こんにちは、oho-sです。どうにか今回も新刊を出すことができました。

前回の技術書典3技術書典4に続き、技術書典5でもKLabの有志で技術同人誌を頒布します。

KLab株式会社サークル詳細

今回から技術書典の会場が池袋サンシャインシティになります。詳細は技術書典5のサイトをご確認ください。 なお、KLabブースは、「か49」です。

新刊 KLab Tech Book Vol.3 では、以下の内容を収録しています。

  • プロシージャルモデリングを支えるHoudiniの機能紹介
  • 2.5万円で買える3Dプリンタのススメ
  • Airtestを用いたUnityアプリの自動実機テスト
  • Rider+UnityでRoslyn Analyzersを使う
  • バーコードリーダーになろう
  • Unity Timeline Tips集
  • 物理ベースレンダラーをRust実装して、ちょっと高速化した話
  • ヘッドレスChromeでリボ払いを回避している話

KLab Tech Book Vol.3

また、Vol.2も少数部再販いたします。 数が少ないので、Vol.2の物理版が欲しい方はお早めにどうぞ。

どちらも物理版は500円、電子版は無料で以下のリンクからダウンロードしていただけます。

皆様のご来場をお待ちしております。

ダウンロードリンク

これまでのKLab Tech Bookと、新刊Vol.3のダウンロードリンクを以下に掲載します。

※Vol.3については、当日有効になります。

こんにちは、s_naritada です。
6/13にAiming × KLab コラボMeetup!を開催しました。
今回、登壇発表させていただきましたので発表時の補足解説を少ししたいと思います。

Aiming × KLab コラボMeetup!について

株式会社AimingとKLab株式会社でコラボしてスマホ向けのゲーム開発について
両社からそれぞれ2名のエンジニアが登壇して「ゲーム演出」をテーマに発表を行う勉強会です。
立食しながら発表を聞く形式をとっており、気軽な雰囲気で聞いていただけました。

本稿は、当日発表した内容の補足解説となっております。
最初に発表で使用した以下のスライドを御覧ください。

出現演出の補足

公開スライドでは、静止画になっているので再掲します。

digital_fix_02
digital_fix_06

上記の出現シェーダーを作りました。
以下は、出現演出のシェーダーコードになります。

float4 textureColor = tex2D(_MainTex, float2(input.tex.xy));

// sinは-1~1で帰ってくるので0-1に正規化している
float mask_value = sin(input.screen_position_y * 200) * 0.5 + 0.5;

// テクスチャ色とカラーパターンを合わせる
float col = textureColor * input.color;
col.a = min(step(mask_value, _CutOff), col.a);

col.rgb = lerp(_Color.rgb, col.rgb, min(1, _CutOff));

return col;

マスクするテクスチャは以下のコードで自動生成しています。
画面からの座標を取得できるのでそれをsin値で変換して作っております。

// sinは-1~1で帰ってくるので0-1に正規化している
float mask_value = sin(input.screen_position_y * 200) * 0.5 + 0.5;

画像のような見た目になります。
_CutOffで設定した0-1の値が来ると値に応じて画像がマスクされていきます

sin_pattern_01

input.screen_position_yは、画面のY座標になっており
以下のコードで事前に頂点シェーダで算出して入れておきます。

float4 screen_pos = ComputeScreenPos(output.pos);
output.screen_position_y = screen_pos.y / screen_pos.w;

次に以下のコードで設定した閾値以下はアルファ値を0にするようにしています。

col.a = min(step(mask_value, _CutOff), col.a);

そして最後に閾値に応じて指定した色味を重ねる処理を入れてます。

col.rgb = lerp(_Color.rgb, col.rgb, min(1, _CutOff));

以上、出現シェーダーの補足説明でした。

スライド画像の補足

最後に掲載したスライドで静止画になってしまった画像を載せておきます。

ページ番号 画像
11 digital_fix_01
12 digital_fix_08digital_fix_07
13 digital_fix_03
14 digital_fix_02digital_fix_06

あとがき

こうした外部の勉強会での発表は初めてでしたが多くの人に聞いてもらうことができました。
イベントを用意していただいた運営の皆様、参加いただいた皆様、
版権作品を載せることを許可頂いた版元様、ありがとうございました。
これからも有志として発表活動を続けていきたいと思います。

©久保帯人/集英社・テレビ東京・dentsu・ぴえろ ©KLabGames

こんにちは、makki_d です。

前回の技術書典3に続き、技術書典4でもまたまたKLabの有志で同人誌を頒布しました。 この記事ではその報告をしたいと思います。

前回同様、紙の同人誌の他に、電子版を無料配布していました。 この記事の下部にもダウンロードリンクを用意しましたので、興味のあるかたはぜひご覧ください。

技術書典とは

技術書典は、プログラミングについての同人誌を作成しているサークル TechBooster達人出版会が主催する技術・科学系同人誌即売会です。

ナンバリングイベントの4回目となる今回は、前回と同じく秋葉原のアキバ・スクエアで4/22に開催されました。 晴天に恵まれたこともあり、来場者数6000人超となる一大イベントとなりました。

頒布した本

表紙

今回も執筆者が書きたいことを書いたため、雑多な内容となっています。

  • Cygwin 環境で Docker を快適に使うために
  • Unity で開発しているスマホゲームで Xcode のバージョンアップをする
  • Re:VIEW で書いた原稿の CI を AWS CodeBuild で回す
  • WebAssembly で行列の演算をする
  • Python インスタンスの属性は辞書(dict)で管理されているのか調べてみた

また、次の記事は締め切りに間に合わなかったため、電子版にのみ収録しています。

  • リアルの街を Unity に取り込む 〜GIS へのいざない〜

なお、表紙等のイラストは社内のデザイナー・イラストレーターによるものです。 表紙や裏表紙、当日配布したDLカードに描かれたキャラクターは、眼鏡っ娘率100%という超豪華仕様となっており、 イベント当日も一部の方々に大好評でした。

ブースはこんな感じでした。

ブース

執筆方法

参加の経緯やツール選定については以前の記事を見ていただくとして、 今回もRe:VIEWで執筆し、データをGitHubで管理しました。

さらに、今回はGitHubへのpushをトリガーとしてAWS CodeBuildでPDFを生成し、Slackに共有するというCI環境を構築してみました。 詳細は本誌の「Re:VIEW で書いた原稿の CI を AWS CodeBuild で回す」をご覧ください。

前回からの改善点

表紙に内容を書いた

前回の反省点として、ぱっとみてどんな内容の本かわからないという失敗がありました。 今回は表紙に各記事の内容をそのまま書いてみました。 表紙を見て興味をもって頂いた方も見受けられたので、良い改善でした。

大判ポスターを立てた

スペース前に人だかりができてしまうと、机上に説明書きなどを立てても見えなくなってしまっていました。 さらに前回は、黒文字のみの説明書き自体がそもそも目立たなかったというのも問題でした。

今回は多くの人に見てもらえるよう、表紙を拡大した大判ポスターを用意しておきました。 来場者自体が多かったこともあり、おかげさまでスペース前には常に人がいるような状態でしたが、 ポスターを見て足を止めてくださる方も多かったです。

CIでPDFを生成してレビューの効率を上げた

今回はレビューのフロー自体を変えてみました。 著者は記事を直接masterにコミットしてGitHubにpushします。 するとCIでPDFが生成されるので、レビュワーは最新のPDFを見て、修正案やコメントをPRの形で著者に伝えるという方式にしました。

前回は各記事をGitHubのPRの形でレビューしていましたが、やはり組版された状態のほうが文章のレビューはしやすかったです。

次回に向けて

今回はイベント自体が盛況だったことにも助けられ、新刊・既刊ともに完売することができました。 ただ、無料配布の電子版DLカードのほうも早々に完売してしまい、電子版をお求めの方にはご不便をおかけしてしまいました。 次回以降、本はもちろんのこと特にDLカードも十分な数を用意したいと思います。

また諸般の事情により今回は「かんたん後払い」を受け付けることができませんでした。 次回はどうにか対応したいと考えています。

最後に

KLab有志としての参加は2回目となりました。 イベント自体も回を重ねるごとに盛況となっており、運営の皆様、参加者の皆様、本当にありがとうございました。 これからもKLab有志として参加できることを楽しみにしていますので、今後ともよろしくお願いします。

電子版

ここまで読んでいただきありがとうございました。 電子版PDFダウンロード

↑このページのトップヘ