4ページ目「進捗その4:タイトル画面完成! 」
レティシア物語改良体験版ver1.03.zip (823.97MB)
ダウンロードレティシア物語の製品版はこちらから!
タイトル画面のご紹介
こんばんは。最近ずっとタイトル画面のイラストを眺めている飯尾隼人です。自分が文章で生み出したキャラクターたちをイラストとして創造して頂けるイラストレーター様には頭が上がりません。新しいイラストを一番最初に見られるのは作者の特権ですね。
タイトル画面イラスト決定!!!
大きな木の下でピクニックをしている主要キャラクターたちを描いて頂きました。木漏れ日の表現が凄すぎて最高です! 一番右で本を読んでいるキャラクターが、タイトル名にもなっている主人公のフィリーネです。そして、そのフィリーネにもたれかかって寝ているのがもう一人の主人公であるアベル君です。今作ではアベル君がお姉ちゃんたちにイロイロされちゃいます。
プレイ動画
※画面は、開発中のものになります。
実際のゲーム画面がこちらになります。著作権表記やバージョン情報が記載してあるとよりゲームらしくなりますね。ちなみに、今作はMonacaという統合開発環境を使用してゲームを作成しているので権利表記をしてあります。
PIXI.filters.GodrayFilter
ゲーム画面で微妙に光が揺らいでいる事にお気づきでしょうか? これはPIXI.filters.GodrayFilter(pixi-filters)を利用しています。この記事をご覧頂いている方に導入方法をご説明します!まずは下記リンクよりpixi-filtersをダウンロードしてプラグイン登録をしてください。
pixi-filters.js (82.51kB)
ダウンロード※注意! pixi-filtersのバージョンはv2.7.1以下でないと動作しません!!!
プラグイン登録が完了しましたら、イベントコマンドのスクリプトにて下記コードをコピーペーストしてください。
var ticker = new PIXI.ticker.Ticker();
var filter = new PIXI.filters.GodrayFilter();
ticker.add((function(time){
filter.time = filter.time + 0.01;
}).bind(this));
SceneManager._scene.filters = [filter];
ticker.start();
イベントを実行すると天から光が差し込む表現が追加されます! フィルターには様々な種類がありますので、興味のある方は下記リンクをご覧ください。
PixiJS Filters Demo
Pixiのフィルターはとても便利・・・!
Copyright(c) 渡り鳥の楽園