未分類 | サプライドの技術者BLOG

2017-12-08

Live2D Creators Conference alive 2017

に、参加してきました、どうも！taeminでっす^o^
先日12月4日（月）に秋葉原UDXにて、Live2Dのイベントがありました〜

企業さんや個人の方のトークセッション、Live2Dを使った製品の展示、 Live2Dを使用したオリジナル短編アニメ「The Lamp Man」の上映などなど、内容盛りだくさんのイベントでしたー！（ついイベントに熱中してしまい写真を撮ることを忘れていた・・・）

お話ししてくださった方々、
スタッフの方々、
企業関係者の方々、

この場を借りてお礼申し上げます！
とても楽しい勉強になるイベントでした！
年に一回のこのイベント、次回開催はまた来年ですが、今からもう既に楽しみです^o^！
それまでにもっとLive2Dの勉強をするぞー！

さてさて、、一人突っ走ってしまいましたが、
Live2Dとはなんぞや？？という方のためにご説明しますと、

Live2Dとは、
2Dのモーフィングによるシームレスアニメーションを可能にする映像表現および関連ソフトウェアの総称である。
3Ｄ制作するよりも原画の画風を保ったままキャラクターを動かせる特徴を持ち、低コストでの制作を可能にする。
byウィキペディア

はい、そうなんです、Live2Dとはアニメーションを作れるソフトウェアなんです！

我が社のスマホアプリ、Ghost Crashのライちゃんを例にしてアニメーションを作成しますと、

まず、キャラクターのイラストを一枚描きます。

はい、
動かすためのイラスト制作はこれで終わりです。

通常、アニメーションを作る時は動かすために何枚もイラストが必要なわけですが、、、
Live2DだとこれだけでOKです。（動きにこだわる際は何パターンか差し替え用のイラストを用意する場合もある）

そしてそれを元にパーツわけをして、、

Live2Dに読み込んで（色々省略して）動かすと・・・

動きます！！！
自分が描いたキャラクターが動いた時の感動たるや・・・！！！！！

まだまだLive2Dのお勉強を始めたばかりなので、先ほど省略した部分はまた次の機会にでも書けたら！
まだこれくらいしか動かせないけど、今後もっともっとキャラクターを生き生きと動かせるように頑張るぞー！

そして今回Live2Dのイベントに参加して思ったのは、
このLive2Dという技術は、現在とても需要のある技術なのだな、
という事でした。

ご興味ある方は是非一度Live2Dをやってみてはいかがでしょう？
絵描きさんであれば、自分の描いたキャラクターが動く感動を是非一度味わってみてくださいー^o^！

では！

2017-11-252017-12-04

ちょっと差をつけよう！？【HTML】オッシャレーな便利機能【CSS】

こんにちは！bibiです。

今回は、テキスト選択時のハイライトのカラーを変更する小技をこっそりお教えします！

工程は超カンタン！

cssにこちらを記述します。今回はハイライトに鮮やかな赤色を指定。

::selection {
background: #ff0200;
}

::selection {

background: #ff0200;

}

これでOK！どうでしょう！この1ステップのみのお手軽さ！！！

ここに例えば、文字色自体をこのように変えたり

::selection {
color:#ffffff;
background: #ff0200;
}

::selection {

color:#ffffff;

background: #ff0200;

}

P要素のみに限定してハイライトをつけたり

p::selection {
color:#ffffff;
background: #ff0200;
}

p::selection {

color:#ffffff;

background: #ff0200;

}

意外と自由度高く行うことができます！

これであなたもハイライト・マスター！！！！

2017-11-152017-11-30

ご報告！！

お久しぶりのtaeminでっす！
なかなかブログ当番が回ってこないので、このまま幽霊部員的な扱いになってしまうのか？？！・・・なんて思ったけれど、ちゃんとブログ当番は回ってきました(￣ー￣)ちっ

さて気を取り直して、、、
今回はご報告が・・・！！！

私ごとではありますが、、、
このたび、結婚をする運びとなりました！！！！

・・・・・・・・なんて冗談は置いておいて。。。

なんと！！
弊社がスマートフォンアプリ開発を始めて、丸1年が経ちましたよ！！（パンパカパーン！ドンドン！パフパフ！）

なので今回のブログは、今までリリースしてきた計8タイトルを改めてご紹介したいと思います〜〜〜

さあ張り切っていきましょーー！！！

まず記念すべき1タイトル目は・・・

にゃんきー学園！

シンプルに見えてこれがなかなかに難しい・・・！
果たして全ての敵を倒し攻略することができるのか・・・？？！

にゃんきー学園のダウンロードはこちらから！！！
　

2タイトル目は・・・

バク反！

これもなかなかに難しい・・・・・！！
途中まではクリアできるものの、カオスモードがとにかくカオス。。。
これは本当に反射神経が求められる・・・！

バク反のダウンロードはこちらから！！！
　

そして3タイトル目は・・・

METEO！

隕石やUFOが飛び交う宇宙の中にただ一人取り残された主人公・・・
果たして無事に生還することができるのか・・・？？！
それはプレイヤー次第！！

METEOのダウンロードはこちらから！！！
　

続いて4タイトル目は・・・

後の「こめでぃ」、「お米LINEスタンプ」の元になった
おこめ時代！

気持ちの悪い顔をしたお米をコツコツ育成し収穫するゲームだぞ！
これがなかなかに面白く、当時ハマってしまうtaeminであった。。。
プレイしたことのない方は是非一度ご賞味あれ！

おこめ時代のダウンロードはこちらから！！！
　

そして5タイトル目は・・・

おこめ時代のシリーズとして登場の
こめでぃ！

お米をなぞって繋げて消す爽快パズルゲーム！！
今年の3月に「こめでぃのお米プレゼントキャンペーン」も開催していましたよ♪

こめでぃのダウンロードはこちらから！！！
　

そしてそしてここからがわたくしtaeminが携わったアプリの第6タイトル目！
サプライド初めての受託アプリの

とりまるバブル！

クライアント様のご要望をお聞きして、一つ一つ丁寧に決めて作成しました！
ランキング機能も搭載していて、スコア100万オーバーの化け物級のユーザーがゴロゴロと・・・！！！
taeminや弊社のプログラマがいくら頑張っても20万スコア・・・
世の中にはスゴイ方がたくさんいらっしゃるんだなぁ・・・
世界って広い・・・！！

とりまるバブルのダウンロードはこちらから！！！
　

続いて第7タイトル目！

Night　Cloud！

これもなかなかに難しいーー！！！
けれどついついハマってしまう中毒性を持ったこのゲーム。。。
コツさえ掴めば100スコア台はいくものの、500スコア以上を叩き出す化け物ユーザーがここNightCloudにも存在した。。。
開発陣はもう敵いません((((；ﾟДﾟ)))))))
世界って本当に広い・・・

Night Cloudのダウンロードはこちらから！！！
　

さてさて最後は第8タイトル目の

Ghost Crash！

主人公「ライちゃん」の可愛いボイスが聴けるGhost Crash♡
個人的に可愛い女の子のキャラクターが描けてtaeminは嬉しゅうございました╰(*´︶`*)╯♡
ご要望があれば次はサプライドから恋愛シミュレーションアプリが出るかも？？！
マッチ3パズルゲームがお好きな方は是非プレイしてみてね！

Ghost Crashのダウンロードはこちらから！！！
　

こうして振り返ってみると、この1年で多くのアプリをリリースしてきました。
またこれからも続々と弊社からスマホアプリをリリースしていきたいと思うので、お付き合いのほどよろしくお願いいたします！！！

以上taeminでした^o^！

ps.
近々また新アプリ出るよ！！！
乞うご期待！！！！！

2017-11-02

アドフリくん

こんにちは、kazです。

現在開発中のゲームで、ヒントを見たときに動画リワードを出そうということで、アドフリくんSDKを入れたけどこれがまた全然うまくいかない。

これが最初のエラー

長いっ！
とりあえずエラー内容を見ていく…

stderr[
Uncaught translation error: java.lang.IllegalArgumentException: already added: Landroid/support/v4/accessibilityservice/AccessibilityServiceInfoCompat;
〜

already addedということは同じものが複数ありますよ。ということっぽいので
とりあえずandroid-support-v4を削除してビルドしてみる

stderr[
Uncaught translation error: java.lang.IllegalArgumentException: already added: Lcom/google/android/gms/ads/identifier/AdvertisingIdClient;
〜

またか！
今度は別の場所で同じエラーが出たので…
google-play-servicesを削除

これで無事にビルドできました。
文字にするとあっという間だけど解決するの大変だった…

2017-09-292017-10-02

【PHP】DBなしでも情報を保存する方法【データベースレス】

こんばんは！＾０＾

今回はデータベースを使わないで、ユーザーを保存と取得する方法を簡単に紹介します！macのターミナルを使います💦

大まかな手順は以下の３つです！
１、「users.data」なるファイルを作成
２、「users.data」にカンマ区切りでデータを書き込む
３、「users.data」から書き込んだ内容を配列を使って取得

では１番目から！＾０＾
ターミナルを開いて以下のコマンド打ちましょう！

vim user.data

1	vim user.data

画面が変わったら「:wq」を押して１番目は終わり！touchコマンドでもいいんだけどね！

続いて２番目！「users.data」にカンマ区切りでデータを書き込む
今作成したファイルにphpの関数を使ってデータを書き込もう！^o^o^o^o^

$filename = fopen('./users.data', "a");
@fwrite($filename, '001,太郎¥n002,花子¥n');
fclose($a);

$filename = fopen('./users.data', "a");

@fwrite($filename, '001,太郎¥n002,花子¥n');

fclose($a);

今回はIDと名前を追加したよ！実際はユーザーが入力したデータを変数に入れてってなると思うけど！

最後に３番目です！上で保存したデータを読み込もう！！！^o^o^o^o^

$fp = @fopen(./users.data, 'r');
$i = 0;
while ($line = fgets($fp)) {
　　　　// カンマ区切りされたデータを１つずつ取得
　　　　$lines_array[$i] = explode(',',$line);
　　　　// ID出力
　　　　echo $lines_array[$i][0];
　　　　// 名前出力
　　　　echo $lines_array[$i][1];
　　　　$i++;
}

$fp = @fopen(./users.data, 'r');

$i = 0;

while ($line = fgets($fp)) {

　　　　// カンマ区切りされたデータを１つずつ取得

　　　　$lines_array[$i] = explode(',',$line);

　　　　// ID出力

　　　　echo $lines_array[$i][0];

　　　　// 名前出力

　　　　echo $lines_array[$i][1];

　　　　$i++;

}

これでデータベースを使わないで、ユーザーを保存と取得することができます！
割と簡単！＾０＾

データめっちゃ少ないけどずっと持っておきたいものはこうやってdataファイル作って保存しておくといいかも！

それでは、さよならさよならさよなら

日	月	火	水	木	金	土
« 12月
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30