tiri_gamiのブックマーク - はてなブックマーク

『ガールフレンド（仮）におけるボーンアニメーション実装』

はじめまして。ガールフレンド(仮)でアニメーションを担当しています。峯岸と申します。本日はガールフレンド(仮)のぷちガールアニメーションの制作に関してご紹介したいと思います。ぷちガールちゃんとは？ガールフレンド(仮)ではぷちガールちゃんという機能があり、ゲーム内でバトルをしたりイベントに参加したりするときに応援してくれる小さなガールがいます。 "会いに行く"機能では、ぷちガールちゃんにアニメーションをつけて可愛く動くよう実装されています。ボーンアニメーションとは？体にボーンを階層的に設置してゆき、その骨格のつなぎ目を基準にキーフレームで動きをつけてアニメーションをつけていく技法のことです。スケルタルアニメーションや、スキンドメッシュアニメーションとも呼ばれています。ガールフレンドでは、アニメーション制作にFlashを使用しているため、ガールの各パーツを関節ごとにムービークリ

tiri_gami 2014/08/28

リンク

『ガールフレンド(仮)を支えるスプライト画像生成ツール』

1 pixel｜サイバーエージェント公式クリエイターズブログサイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。はじめまして。2013年新卒入社のTomと申します。私は現在ガールフレンド(仮)(以下GF)で約1年程フロントエンドの運用を行っています。今回はGFで使用しているスプライト画像生成ツールGlueに関して導入の経緯などを交えてお話したいと思います。 Glueのメリット・柔軟オプション数が豊富でテンプレートも設定でき、細かくカスタマイズ出来るのでプロジェクトの途中からでも導入しやすい。・簡単コマンドライン上でファイルの入出力先を指定するのみで非常にシンプルに使える。・高速基本的にスプライト画像、cssの生成のみ行うので高速。導入経緯ス

tiri_gami 2014/05/28

リンク

『CSS3でつくるキャラアニメーション』

1 pixel｜サイバーエージェント公式クリエイターズブログサイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。はじめまして！アメーバゲーム部門でディベロッパーをしております、なるげと申します。現在、私は「ガールフレンド（仮）」チームに属していますが、前は「フレンダリアと魔法の指輪」というファンタジーRPGで、モンスターのアニメーションを担当していました。ガールフレンド（仮）でも一部CSSアニメを使用してキャラクターを動かしています。今回は、ガールフレンド（仮）に登場するガールを例に、キャラアニメの制作をご紹介したいと思います。ガールフレンド（仮）とは「ガールフレンド（仮）」とは、ユーザーが主人公となり、様々な女の子と出会っていく学園恋愛カードゲー

tiri_gami 2014/05/22

リンク

『３分で分かるフラットデザイン』

1 pixel｜サイバーエージェント公式クリエイターズブログサイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。はじめまして。 2013年度新卒入社、DETOXでデザイナーをしているSonokoと申します。今回はDETOXで用いたフラットデザインについてお話したいと思います。 DETOXとは DETOXとは言いたいことも言えないこんな世の中で、ネガティブな発言や失敗や愚痴を気心の知れた友人同士で共有できるニュータイプSNSです。「SNS疲れ」などで溜まった現代のココロの闇を「ポイズン」として吐き出せます:) DETOXでは、iOS 7の普及に伴いフラットデザインを搭載しました。トレンドの「フラットデザイン」ってなに？まずはどんなものか、百聞は一見にしかず

tiri_gami 2014/04/03

リンク

『難しくないデザイン効率化のすすめ』

1 pixel｜サイバーエージェント公式クリエイターズブログサイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。はじめまして。アメーバゲーム部門でデザイナーをしております吉田直由と申します。リリース直後からの1年2ヶ月の間、ガールフレンド（仮）でUIデザインの運用を担当しておりました。運用のフェーズになると大きく問題になってくるのが「業務の効率化」ではないかと思います。便利ツールの導入や、難しい技術の取得などもありますが、、、使い慣れない技術は逆に効率を下げる結果になってしまうのでは？　と、なかなか一筋縄ではいかない問題です。ガールフレンド（仮）デザインチームの場合、1年目～3年目の若いメンバーが多く、さらにメンバーの数も10人という大所帯でした。どう

tiri_gami 2014/03/05

リンク

『nodeベースでGUIアプリを開発する「node-webkit」』

1 pixel｜サイバーエージェント公式クリエイターズブログサイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。こんにちは。Ameba事業本部の杉本と申します。業務では「天下統一クロニクル」というチームでフロントエンドのディベロッパをしています。今回は、「node-webkit」という一風変わったアプリケーションを紹介させていただきます。私達は普段、gruntといったnode.js製のツールを使ってJavaScriptの結合や圧縮、画像の減色といった処理を自動化していますが、node-webkitはこれらnodeのモジュールを使ってGUIアプリケーションを作れるツールです。nodeの資産をそのまま利用できるので、私のようなディベロッパには嬉しいですね。

tiri_gami 2014/02/13

あとで

リンク

『非エンジニアが知ってると得するUnityの知識』

1 pixel｜サイバーエージェント公式クリエイターズブログサイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。みなさん、こんにちは。アメーバ事業本部の中川(@neko_manma1)と申します。ドラマチック弾丸アクションRPG「ウチの姫さまがいちばんカワイイ」 (以下、ウチ姫)にてUIの制作、キャラ/モンスターデザイン、モデリング／アニメーション、背景ステージ制作等を担当しております。ウチ姫は『Unity』というゲームエンジンを使って開発されました。エンジニア向けのUnity記事はあちらこちらでよく目にするかと思いますので、今回は非エンジニアの目線で「ここは押さえておきたいUnityの知識」を書かせて頂きます。 Unity開発の強みUnityにつ