Bloggerでjavascriptを利用する方法！

毎週水曜日に更新してきたゲーム制作ブログですが、今日で毎週更新はおしまいです！

3年間ありがとうございました😊

今後は姉妹ブランドの活動を安定させてからこのブログのリニューアルに取り組むつもりなので、今後ともよろしくお願いいたします！

次回更新では怪物に至るエモーションのコンセプトイラスト5枚を発表できると思いますので、そちらもお楽しみに～！

今回は、ちょっと前にjavascriptの置き場所とBloggerでの利用について実現出来たら書くといっていたんですが、
当初考えていた方法は使わないかもしれないのでここに残しておこうと思います！

考えていたのはGitHubにアップロードしてCDN経由で利用するという方法です。

これについてQiitaで記事にされていた方もいらっしゃるのでリンクを貼っておきます！

GitHub上のファイルをCDNとして参照する #JavaScript - Qiita

今明日、初めて彼女と❤のスピンオフ漫画で利用させていただいている漫画ビューアもjsDelivrのURLを利用しているんですが、問題なく利用できています。

スピンオフ漫画は明日、初めて彼女と❤公式ページ内で読めます！よろしくお願いします！

というわけで、今週も頑張りますぞ～！

ブラウザゲームを有料配信する方法【雑記】

を調べてたんですけど

あんまりしっくりくる方法が見つかりませんでした！！！

なぜブラウザゲームを有料配信する方法を探していたかというと、ゲームをスマホで買ってそのままプレイ出来たらいいのにな～と思ったからです。ブラウザ動作ならPCもAndroidもiOSも動くので神です。

個人で頑張るならサーバーをレンタルしてゲームをアップロードしてWordPressなどでゲームを埋め込んだ記事を作ってcodocなどの有料化サービスで鍵をかける・・・とかですかね？

でも埋め込むだけだとゲーム本体がフリーパスになってしまう・・・・・・

大手のダウンロード販売サイトではブラウザゲームをスマホのアプリ上で動作する状態にしたりしてるっぽいんですが、誰でも参入できる感じではなさそうです。どこにも参入方法書いてないので・・・

何かいい方法知ってたら教えてくださいです・・・！

というわけで、今週も頑張りますぞ～！

〆切と極限についての話【雑記】

今回はゲーム制作関係の進捗が全くないので、かつて自分が体験した極限状態についての雑記です。

昔、漫画の月例賞で戦っていた時代。担当さんと約束していた月に提出できない連絡をして、じゃあその次の月・・・となったにも関わらずその次の月にも間に合わない可能性が出てきて。

遅筆すぎることとか、資料不足もあったりして間に合うか間に合わないかのギリギリで、毎日徹夜の2週間でした。

大学の講義中には何度も気絶したりしながら、結局原稿は完成したんですが、完成した当日は緊張で壁の模様とか影とか、なんでもないものが全て人の顔に見えてしまって、初めて幻覚というものを体験しました。

自分はこの時の漫画で賞をいただけたんですけど、頑張っても賞がもらえないなんてこといくらでもある世界だと思います。

それに、自分は〆切が守れなかったことで商業誌のスピードを痛感して、心がポキっと折れてしまって、数年間筆を執ることができませんでした。

友人伝いに漫画のお仕事をいただく機会があって、そのおかげで今、また漫画と向き合えているので、その友人には感謝しかありません。

今はあの頃極限状態を乗り越えたことをむしろ自信に変えてたくさんの作品を作っていきたいと思っています。

ゲーム制作ではゲームエンジンも、シナリオスクリプトも、効果音も、音楽も、キャラクターイラストも、ロゴやUIのデザインも全て一つ一つの作品として向き合っているので、どんな奴がどんな風にこういうのを作ってるんじゃ？というのを少しでも知ってもらえると嬉しいです。

YouTubeやニコニコ動画でメイキングを投稿してるのでよかったら見てね！！！以上、雑記という名目の宣伝でした！！！

というわけで、今週も頑張りますぞ～！

3Dモデルで背景を作りたい

以前キャラクターのメガネをblenderでモデリングして利用していると書いたんですが、ゲームの背景にも3Dモデルを利用してもっと説得力のある背景にできないかと考えています。

でも、立ち絵とのバランスもしっかりとっていきたいです。

「明日、初めて彼女と❤」の時も最初に制作した背景画が立ち絵に合わなかったので線画を省略して存在感のバランスをとったんですよね。

ビフォー👇

アフター👇

アフターの方が安っぽく見えるんですけど、このくらいの存在感がゲーム画面ではちょうどいいのと、量産しやすい描き方も意識してベストだと思ったのがこの仕上がりでした！

制作中の「怪物に至るエモーション」ではリアルな雰囲気を醸したいので、今漫画制作でもちょこちょこ利用しているblenderを使って背景を作っていきたいと思っています！

というわけで、今週も頑張りますぞ～！

今後のブログ運用についてのお知らせ

このブログ「ゲームが完成した夢を見た」の毎週更新を来月いっぱいで停止することといたしました。

姉妹ブランドにしばらく注力するということと、もう一つはブログ自体のクオリティアップを目指したいという理由です。

姉妹ブランド「うぃっぷらっしゅ！」でCi-enを始めて、このブログを運用しながら学んだ知識(ブログの書き方やアクセス解析・分析のやり方など)を記事制作に注ぎ込んでいると、
このブログでも毎週何かを発信していたいという気持ちよりクオリティの高い記事を制作して発信していきたいという気持ちが勝ってきて、（見る人にとってもそれが一番いいっていうのはつくづく思っていて、）この決断に至りました。

ここは「ゲーム制作に関してなにか書く場所」としてふわふわ～っと存在していたので、とりとめのない記事が多かったと思います。(この記事も含め(;^ω^))

自分にとっては本音で好きなことが書ける場所であり、ゲーム制作のやる気アップ場所でもあり、「必ず毎週更新する！」という習慣になってくれていた場所で、大きな意味があったのですが、

今後はゲーム作りのブログを「好きなことを吐き出してる場所」ではなく「有益な情報を見るためにある場所」と思ってもらえるようにしたいです！

とはいえここはやっぱり好きなことを好きに書いてきた場所なので来月いっぱいまではそれを続けようと思っています。(あれっ

更新停止以降は改装を施したブログで、また定期的な更新に戻れるように努力していきたいと思っていますので、応援していただけると嬉しいです！

ちなみに、ゲーム制作は漫画制作に余裕ができてきたら比重を戻していく予定です！！（コンセプトアートはまだ三枚目のラフで止まってるけど続けてます！！）

SNSもほとんど手が回っていなくて一つのSNSでは投稿してたり他のSNSではしてなかったりですみません！！

4月以降は運用を続けられそうなものだけに絞ってやっていこうと思っています。

というわけで、来月いっぱいは何か書いていきますので、よろしくお願いします！

イメージビューアを作りたい

サイトの改装に向けてイメージビューアのようなものをjavascriptで作りたいと考えてます。

最近利用し始めたCi-enにはギャラリーっていう機能があって、画像を数枚まとめて置いておけたりしてとても便利なんですよね！

「明日、初めて彼女と❤」のスピンオフ漫画「アヤの前日譚」でもlaymicという漫画ビューアを利用させていただいていて、画像をまとまりで扱えるのがとても便利です！

ということでイメージビューアの仕様を練ってみました！

仕様

・javascriptは必要に応じて読み込むというようなことができるので、サムネイル画像はキャッシュしておいて大きな画像は初めて表示されるときに読み込む

・imgタグのsrcにサムネイルurl、data-srcに原寸画像を埋め込んで（そうするとブラウザではsrcのサムネイルが表示される）、クリックされたらdata-srcを読み込んで画面いっぱいにビューアを描画

・image-viewerセレクタのタグでくくったまとまりで画像を行き来できるようにする

・ビューアを×ボタンで閉じられるようにする

こんな感じでとりあえず作り始めました！

javascriptは超初心者ですが完成したらさっそく導入していきたいと思ってます！

というわけで、今週も頑張りますぞ～！

ハッピーバレンタイン💝

というわけでバレンタインな彼女ちゃんです！

恋愛ゲームなのにどうしてこんな大切なイベントのイラストを今まで描いてなかったんだろう・・・（＾ω＾；）とっても不思議

しんきはバレンタインに巷で噂のチョコボム（チョコの中にココアとか色のついたお砂糖とかチョコスプレーなどが入っているもの(^ω^)？？？？？）を作ってホットミルクに入れてみたんですが、

本来は外側のチョコレートが溶けて中身が浮かんできてかわいい～となるはずが中身も一緒にすぐさま溶けてしまうという虚しさだけが残る結果になりました。

でも甘さが全てを解決してくれた！！チョコ！美味しい！幸せ！

チョコレートの工場見学に行ったりもしたので一層チョコレートがおいしくてありがたい今日この頃です。

というわけで今週も頑張りますぞ～！

表示崩れについてm(__)m

最近GoogleとBloggerのの仕様変更に気づかず、埋め込みの音楽プレーヤーやサイトのヘッダー画像が利用できない状態になってました💦ごめんなさい！

音楽プレーヤーの埋め込み仕様が変更されたので対応したんですけど、また使用が変更されていたようなので・・・もしかするとしばらくは仕様が段階的に変わるのかも・・・？

表示が乱れることがあるかもしれませんが、毎週記事を書くときに確認しているので出来る限りその都度対応していこうと思います！

Bloggerのサービスはとても魅力的なのでお引越しは考えていないんですが、自作テンプレートにするの結構大変ですよね・・・・・・（最近Ci-enを始めたのでテンプレートのありがたみが染みてます）

でもその分自作テンプレートは無限の可能性が・・・！！というわけで改装も頑張ります！！

サイト改装用に作っているjavascriptの置き場所は方針が固まったので上手くいったらまた記事にしようと思います！

今月は姉妹ブランドに割いている関係であまりゲーム制作の方に手が回せていないんですが、シナリオはスマホでコツコツためていっています～！

というわけで、来週も頑張りますぞ～！！

javascriptの置き場所探し中

今週もブログ改装にいそしんでいるのですが、作ったjavascriptの置き場所を探してさまよっています。

利用しているブログサービスBloggerでは直接javascriptやCSSを書くことはできるようなんですが、別途制作したファイルをアップロードすることはできないんですよね・・・

これがとても悩ましいです。。。

CSSはこんな感じで色がアニメーションするボタンを導入するつもりです↓

テスト

というわけで、今週も頑張りますぞ～！

ブログを改装します！

表題の通り、このブログの改装作業を行っています！

「明日、初めて彼女と❤」のリリース前にラブリーでキュートな色味になるように改装を行ったんですが、今回は「しんき創作」のロゴが馴染むデザインを目指そうと思っています！
ホームページの作り方もちょっと勉強したのでよりよい見た目になるはず（　＾ω＾）・・・？

↓しんき創作のロゴはこんなロゴです！

というわけで今週も頑張りますぞ～！

おしゃれなコード進行への道！

今週は「怪物に至るエモーション」のキャラクター曲の編曲を試してました

原曲がある程度形になったもののコードをいろいろと置き換えてみたりして・・・

頭の中→Am→Em→FM→Am→Em→FM のコード進行を 1度→5度→6度→1度→5度→6度 と解釈して
より緊張感を高めるために5度→1度を作りたいので 1度→6度→5度→1度→6度→5度 にして
変化をつけるために5度のEmをE♭MにしてD#Mとして解釈して Am→FM→E♭M(D#M)→Cm→A#M→D#Mにして・・・

うーん・・・(;＠ω＠)？？？？？？？？？

・・・気づくと全然違う曲になってメロディがのせられなくなってしまいました・・・(´;ω;｀)ふぇぇ

結局没ではあるんですが、出来上がったコードはオシャレな気が・・・・・・？

おしゃれな曲を目指してまだまだ研究していきたいと思います！

というわけで今週も頑張りますぞ～！

コンセプトアートに合わせた曲の制作を始めました！

「怪物に至るエモーション」コンセプトアート2枚目がついに完成しました！

5枚制作したいのでまだまだ先は長いですが頑張っていきますぞ～！

↓チラ見せ画像です！5枚揃ったら全部公開するのでお楽しみに！

それと、コンセプトアートに合わせたテーマ曲作りも始めました！

続きを読む

推理アドベンチャーゲーム「怪物に至るエモーション」制作進捗

今年も推理アドベンチャーゲーム「怪物に至るエモーション」を作っていきます！

「怪物に至るエモーション」（略して「怪エモ」）はしんき創作がゲームエンジンから制作を進めている推理アドベンチャーゲームです。

ロゴ、アイコンから効果音、BGM、立ち絵、スチルなどなど・・・シナリオもプログラムも素材も全てしんきが一から作るのでお楽しみに！

登場するのは個性的な５人のキャラクターたち。

今は彼らが身に着けるものの3Dモデルや、彼らの人間性を表したコンセプトアートを制作しています。

というわけで今年もよろしくお願いします！頑張りますぞ～！

2024年のご挨拶

昨年もたくさんの応援をいただきありがとうございました！

これからもいただいた言葉を糧にまっすぐに創作活動に打ち込んでいく所存です。

”いつでも新鮮なアドベンチャーゲーム体験”を提供できるようゲームエンジン「BMGC」と推理アドベンチャーゲーム「怪物に至るエモーション」の開発に一層注力してまいります。

本年もしんき創作をどうぞよろしくお願いいたします。