来年に備えてフレンズかるたを製作するスレ
名無しのフレンズ 2018/01/31 20:26 ID:4c3Zx/hQ 返信
もし頭文字が被った場合はどっちがいいか皆で評価して決めましょう。

それではまずは「あ」から

Page: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 全部 スレ一覧 新スレ作成

 472
ひぐま◆676dPhRd4k 2018/02/17 23:46 ID:pHBokaMw 返信
今日も今日とて定期報告です。
https://higumaban.github.io/karutagenerator/
(相も変わらずスマホ向けです)

実装
・絵札をクリックすると文字札の画像が切り替わる
・絵札選択パネルをアニメーションを交えて出し入れする
・文字のイラストの一覧を自動的に読み込む

未実装
・cookieを使った札選択の保持
・かるたの全ての札が埋まった事を検知して、印刷へのリンクを開く

アニメーションについては、jQueryに付いてる奴を使ったのですが、速度の変化が気にくわないので、別のライブラリに差し替える予定です。

次ですが、このページの未実装を一旦無視して、ヘッダ(ページ上部のメニューとタイトルのセットみたいな奴)の作成と、
「なにこれー?」「ぼしゅう」ページの作成に取り掛かろうと思います。
それが終わったら、「つくりかた」ページを作成して、
「実際に作って遊べるんだ!」感を出してからtwitterへの公開に移ろうと考えています。
 473
名無しのフレンズ 2018/02/17 23:47 ID:RUpbjAsI 返信
ちょっと目を離したらすごく進展してた…
これは期待
 474
ひぐま◆676dPhRd4k 2018/02/17 23:50 ID:pHBokaMw 返信
あ、あと未実装ですが
・イラストの拡大表示
を忘れてましたね。

今のイラスト選択リストの下に(i)ボタンをつけて、
それをタップするとイラストを「全画面で拡大」したうえで、
下部に「いいねボタン」「twitterリンクボタン」「作者名」等を表示する予定です。
 475
名無しのフレンズ 2018/02/17 23:57 ID:pHBokaMw 返信
※473
ありがとうございます。

大部分がライブラリ頼りではありますが、
スマホでも結構楽に(楽しく?)選択ができるインターフェースにはなったと思います。
ただ、完全にボタンレイアウトが右利き用になってしまったので、
左利きの方には少々使いづらいデザインになっているやもしれません。
 476
名無しのフレンズ 2018/02/18 13:11 ID:wD5Jwo46 返信
ひぐまさんいつもありがとう!!
 477
ひぐま◆676dPhRd4k 2018/02/18 15:20 ID:8LW1mF56 返信
※476
こちらこそありがとうございます!

ひたすら淡々とやっているように見えて、
実際のところモチベーションを支えてるのは皆さんの反応なので、本当に感謝しております。
 478
名無しのフレンズ 2018/02/18 17:34 ID:wD5Jwo46 返信
今PC使ってるけど、こっちでも普通に使いやすいかと思いますよ〜
 479
ひぐま◆676dPhRd4k 2018/02/18 17:40 ID:8LW1mF56 返信
※478
ありがとうございます〜

ただ、表示を3列に絞ってるのはスマホの横幅による制限なので、
PCなら幅に余裕があるから5列に戻したい、という話ですねー。

cssとjavascriptの一部の設定を端末に応じてちょいちょいするだけなのです。
 480
名無しのフレンズ 2018/02/18 18:24 ID:wD5Jwo46 返信
※479 ちょいちょいですね!

今ちょうどワシミミズクの「む」の札で描いております
 481
ひぐま◆676dPhRd4k 2018/02/18 18:33 ID:8LW1mF56 返信
※480
おおー!ありがとうございます!
どう描かれるのか楽しみです!
 482
エリマキング◇元スレ主 2018/02/18 18:39 ID:7LXt7UUY 返信
とうとう完成間近ですか‼
ひぐまさん凄いのだ‼完成品が楽しみだから応援してますよよよ
 483
ひぐま◆676dPhRd4k 2018/02/18 18:45 ID:8LW1mF56 返信
※482
おお!スレ主さんだ!
お世話になっております!

完成間近…なのかは不明です!w
とりあえず、
・ある程度けもフレらしさを帯びたデザイン
・コンセプト、投稿方法・レギュレーションを明記
・工作手順を掲載

までできたら公開になると思います!
 484
ひぐま◆676dPhRd4k 2018/02/18 18:54 ID:8LW1mF56 返信
工作手順は「軽く紹介」する程度で後回しでも良いかも。
 485
名無しのフレンズ 2018/02/18 18:56 ID:wD5Jwo46 返信
スレ主さんにもひぐまさんにも、「けものフレンズ」の楽しみ方が1つ増えたということで感謝せねば( ˘ω˘)
 486
ひぐま◆676dPhRd4k 2018/02/18 19:18 ID:8LW1mF56 返信
※485
ありがとうございます!
そう言って頂けるのが一番嬉しいです。
 487
名無しのフレンズ 2018/02/18 19:27 ID:kVkRLKq. 返信
フレンズの中には思いついた事をちゃんと形にするまで努力できる人が多くて尊敬する
思いつきで終わらないもんなぁ
 488
ひぐま◆676dPhRd4k 2018/02/19 00:57 ID:baryxX1U 返信
※487
自分にとっても奇跡みたいなものですね。
けものフレンズが大好きで、周りの方が寛容に応援してくれたから、ここまで持ってこれたと思います。

ヘッダメニューを追加です。
https://higumaban.github.io/karutagenerator/
フォントについては多少柔らかすぎるかな、という気もしています。
ヘッダの色が白黒なのは色の組み合わせのセンスが問われる部分を避けたためですw
最終的にもっと柔らかい印象になるように色を選んでいきたいです。
あと、ここまで作っておいて「ドロップダウンメニューより、ヘッダの下に全部横にリンク並べた方がアクセスの便が良いのでは」という気持ちになっています。
ご意見お待ちしてます。
 489
名無しのフレンズ 2018/02/19 01:02 ID:eYcAFjFk 返信
なにこれー?(工事中)www
めっさ愛がありますね〜(^ω^)
良いとこまでは間違いなくきてますし、絵については助力出来ないけど応援しですからね!(≧∇≦)
 490
ひぐま◆676dPhRd4k 2018/02/19 01:12 ID:baryxX1U 返信
※489
about=なにこれー? なんですw

細かいレイアウトのセンスが問われる部分に入って来ると、
正直自分は右も左もわからない状態です。
でも、きっと試行錯誤をするうちになんかなるとは思います。

レイアウトに意見のある方、素晴らしいレイアウトのスマホサイトを知っている方。
助言をいただけると幸いです。
 491
ひぐま◆676dPhRd4k 2018/02/19 01:26 ID:baryxX1U 返信
※489
見落としてました。
応援ありがとうございます!
 492
名無しのフレンズ 2018/02/19 02:08 ID:/0nYLQ/w 返信
フェネックも描き上がりました!
ついでに背景も入れて、アライさんもちょっと修正しました
アラフェネはこれでひとまず完成です。

絵本体
https://i.imgur.com/z59VuxA.jpg
枠にはめたもの
https://i.imgur.com/4Yuev1U.png
 493
名無しのフレンズ 2018/02/19 02:29 ID:/0nYLQ/w 返信
微妙に気になるところがあったので修正

https://i.imgur.com/SmgL4wU.png
 494
ひぐま◆676dPhRd4k 2018/02/19 02:39 ID:baryxX1U 返信
※492
おおー!ありがとうございます!
良いですねー良いですねー!フェネックらしさが出てますね!
フェネックの耳がアライさん側にはみ出てるのもいい感じです!

ところで、画像のサイズはもう少し大きいものはありますか?
出来れば二枚合わせてヨコ1446、タテ1023ピクセル以上だと好ましいです。

PSDのキャンパスサイズの横幅を2倍にして、
https://drive.google.com/file/d/1yxpii7O0oFH7_LOV707wmAvp-pWmAxqy/view?usp=sharing
そこに収まるように「大きな画像を縮小」して、
イラスト以外のレイヤーを消すか非表示にした上でpng保存して送っていただけると助かります。

もし大きなサイズが無いようでしたら、waifu2xを使って一度拡大すると良いかもしれません。
http://waifu2x.udp.jp/index.ja.html
 495
ひぐま◆676dPhRd4k 2018/02/19 02:47 ID:baryxX1U 返信
とはいえ、そもそも350dpiという解像度が、コンビニプリントでの印刷に対してオーバースペック、という気もしますので、
そこまで気にすることは無いかもしれません。

ただ、「整った環境が手近にある人が出版物並みの印刷で作れたら面白いかな〜」
と思っているだけなので、
解像度がこちらの指定より小さくなってしまっても、あまり気にしないでください。
 496
ひぐま◆676dPhRd4k 2018/02/19 03:02 ID:baryxX1U 返信
ところで「アライ」の隠し文字、良いですね。
こういう隠し要素はどんどん盛り込んでもらえると楽しくなると思います。
 497
名無しのフレンズ 2018/02/19 05:02 ID:b5HehGbk 返信
「フェネック」もあるね

やべーのだ、けっこうハードル高いのだ
 498
名無しのフレンズ 2018/02/19 15:03 ID:/0nYLQ/w 返信
※494
これでいかがでしょうか?

https://i.imgur.com/Y1sr1yw.jpg
 499
名無しのフレンズ 2018/02/19 16:07 ID:d2lUbH1s 返信
なるほど!隠し文字って発想はなかったなぁ〜
自分も何か思いついたら隠し要素やってみたい
 500
ひぐま◆676dPhRd4k 2018/02/19 18:56 ID:baryxX1U 返信
※498
ありがとうございます、サイズは完璧です!

ただ、白線1ptのレイヤーが残っているのと、
画像の保存形式が違いますね。
jpgは画像を「うまいこと省略」してサイズを軽減した画像データです。ただ、省略に伴うノイズがどうしても乗るのです。
pngは元々の画像をそのまま再現できますのでpngが望ましいのです。

photoshopであれば
別名で保存->形式:png->保存、を
gimpであれば
名前をつけてエクスポート->ファイル形式の選択:PNG画像->保存
の順で保存をお願いします。
 501
名無しのフレンズ 2018/02/19 19:35 ID:d2lUbH1s 返信
先駆者さんがいると、色々参考にできてありがたいね
 502
ひぐま◆676dPhRd4k 2018/02/19 19:58 ID:baryxX1U 返信
※500
自己レスです、わかりにくい事を言って申し訳ない。
最初の「サイズ」は「画像の寸法」の話で、
2度目の「サイズ」は「ファイルサイズ」を示します。

※501
まさにその通りですねー。
「ぼしゅう」に書くべき文言のアイディアを出してもらっているようなもので、大助かりです。
 503
ひぐま◆676dPhRd4k 2018/02/20 00:05 ID:38PlV6Kk 返信
久しぶりにひぐま番(http://kemono-friendsbbs.net/read.cgi?no=16)を更新した関係で、
本日の進捗は消滅しました。

また明日よろしくお願いしますー。
 504
名無しのフレンズ 2018/02/20 01:27 ID:iOzfcC96 返信
あれ?なんでjpgになってるの?
と思って調べたら、imgurだと756kB以上のpngは自動的にjpgになるとのこと

なので、別のサイトでアップしました
https://dotup.org/uploda/dotup.org1468006.png.html
 505
ひぐま◆676dPhRd4k 2018/02/20 01:50 ID:38PlV6Kk 返信
※504
なるほど、サイト側で勝手に変換された結果だったんですね、失礼いたしました。
確かに1446x1023のpngでいただきました!

ところで、imgurの件ですが、私の方でも
>756kB以上のpngは自動的にjpgに
と記載された記事は見かけたのですが、
私が以前アップロードしたpngは2.6MBでpngを保っているんですよね。
https://i.imgur.com/0zcNFsP.png

公式のヘルプには5MBを超えるpngはjpgに変換される、とあるので、
https://help.imgur.com/hc/en-us/articles/115000083326-What-files-can-I-upload-What-is-the-size-limit-
おそらくですが、imgurにログインしているか否かの違いだと思われます。
 506
名無しのフレンズ 2018/02/20 15:56 ID:iOzfcC96 返信
アライさんの足の角度とか、気になるところはまだちょくちょくあるので、また余裕があれば修正します
次はマイフェイバリットフレンズのスナネコを描きたいと思います

※505
インすればimgurでも大きい画像上げられるんですかね
とりあえず今のところはどっとうpろだで事足りそうなので、今後大きい画像はそちらで上げていきます
 507
名無しのフレンズ 2018/02/20 16:50 ID:ewwoO3UY 返信
マイフェイバリットフレンズの口に出したくなる感じ、ちょっと流行りそう
 508
ひぐま◆676dPhRd4k 2018/02/20 18:33 ID:38PlV6Kk 返信
※506
おおー!ありがた素晴らしい!
スナネコ楽しみにしてます!

imgurをログオフして試してみましたが、同じようにjpgに変換される事を確認しました。
ログインすれば問題なくアップロードできるものと思われます。
今後、imgurで素材を上げる方はログインしてからお願いしますー。

とはいえ、こちらとしては定まった寸法のpngがいただければ万々歳なので、
やりやすい場所でうpしていただいて全く問題ないですー。
 509
名無しのフレンズ 2018/02/20 19:49 ID:iOzfcC96 返信
アライさんの足の角度とか、気になるところはまだちょくちょくあるので、また余裕があれば修正します
次はマイフェイバリットフレンズのスナネコを描きたいと思います

※505
インすればimgurでも大きい画像上げられるんですかね
とりあえず今のところはどっとうpろだで事足りそうなので、今後大きい画像はそちらで上げていきます
 510
名無しのフレンズ 2018/02/20 19:50 ID:iOzfcC96 返信
すみません、また操作ミスで同じコメをしてしまいました
書き込みした後に戻るとこうなるみたいですね
 511
ひぐま◆676dPhRd4k 2018/02/20 19:58 ID:38PlV6Kk 返信
※510
了解ですー

Page: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 全部 スレ一覧 新スレ作成

題名 スレ上げ
名前  
E-Mail
コメント