ロンバケのキムタクに挑戦！

お題は『バケーション』さあどうする？

今回が２回目の参加です。
よろしくお願いします( ｀・∀・´)ﾉﾖﾛｼｸ

バケーションと聞いてみなさん何を連想します？
私は最初『バケーション・・・夏休み・・・うーん、ＢＢＱの飯テロ画像でも返えすサイトでも作ろうかな』くらいに感じたのですが、それと同時にあるテーマソングが流れました・・・

『まわれーまーわれーめりーごらん♪』

ええ、ロングバケーションのメインテーマソングである、久保田利伸の『LA・LA・LA LOVE SONG』が脳内に再生されたんです。

（一応知らない人のために記載しておくと、96年にキムタクと山口智子が共演したドラマですｗ）

その事をプログラミングコミュニティ『にゅ～ぶる会』のSlackで呟いたら・・・

素麺会長から『スーパーボール投げまくれるやつ、作って』と。

実は歌は流れたものの、ドラマの内容はイマイチ知らない私ｗ

そう言われてググりました。

そしたら、第一話でキムタクと山口智子がマンションの３階からスーパーボールを投げてキャッチするシーンがあるんですね～👀

youtubeで見つけたのでリンク置いておきます

これを作れと？

いや、否定から入ってはいけませんねｗ

作ってと言われたら、作って見せるのが男というものでしょう！

という事で、今回作くるものが決まりました(●´ω｀●)

今回のWebサービスは『キムタクに挑戦！スーパーボールを投げまくれるWebサービス』です

元々今回はVue.jsを使ってみたいと思っていたので、Vueを使ってスーパーボールをマンションの３階から投げてキャッチするというゲームを作る事にしました。

で、キムタクになりきるため（笑）視点は一人称・・・つまりFPS視点で制作する事としました。

私自身はほとんどVueを触った事がない（というより、チュートリアルしかやってない）状態だったんで、要所要所で手間取りながらの製作となりましたが、なんとかコミュニティメンバーの力を借りつつ形にはなりました・・・。

出来上がったものはコチラ

（html、CSS、Vue,js）

余談ですが、背景画像は私の住むマンションだったりします。
本心は作中の投げているシーンから背景画像を拝借したかったんですが、それをすると著作権とか肖像権とか関わってきますからね・・・私自身が３階に住んでいるという事もあり、弊マンションの画像を使うという事にしました・・・(笑)

時間がもう少しあれば、投げる力の強弱を表現したり、ボールの跳ね返り方にランダム性も持たせたり、細かい機能を追加したかったんですがね、さすがに１週間で・・・それもロクに触った事がないVueで作る事は難しかったですね。

しかし今回の制作でVueとはお友達になれた気がするので、今後はぜひ活用したいFWであります。

以上、最後までご覧いただきありがとうございました。