【JavaScript】ひたすらサザエとじゃんけんできるの作った

投稿日:

プログラミング初心者の勉強ブログ #117

G'sのじゃんけんアルゴリズムの課題として、ひたすらサザエとじゃんけんできるの作ったので紹介する。特に実用性はない。

 

目次

 

sazae janken

sazae_janken_thumbnail

sazae janken

 

概要

特に実用性はない。動画をJSで操作してあーだこーだしている。PCでしか上手いこといかなかった。

クリックすると動画が再生され、

 

sazae_janken_2

 

サザエが手を繰り出す直前で動画が停止。こっちも自分の手を選ぶ。

 

szae_janken_3

 

自分の手を選ぶと再び動画が再生され、決着がつく。僕の実力不足でサザエが早着替えしてしまう。

 

sazae_janken_4

 

勝つと左上に連勝数を表示する。負けるとリセットされる。

 

sazae_janken_5

 

イカサマプロパティをいじることでサザエの手を内部で操作できるので、上のようにひたすら連勝できる。

 

コード

sazae_janken.js

 

index.html

 

CDN的な使い方もできる

僕の使ってるVPSは別に高速なものではないのでなんとも言えないが、とりあえずjQueryとかGooglefontsのようなCDN的な感じでlinkタグとscriptタグを読み込めば誰でも使えるようにした。と言ってもサーバーに置いたcssとjsのファイルまでのパスを書いてもらうだけ。HTMLをjsである程度書いたのと、ディレクトリのパスだけ少し気にした。

Git Hub - sazae janken

それっぽくGitHubに載せた。

 

まとめ

ジーズの雰囲気もあり、今までとは毛色が違う物を作ることとなった。いかにヘンだけど凝ったもの作るかみたいな風潮がある。他の同期のみなさんがどんなもの作ったかまだ知らないが、やばいもん作ってくる人も出てくるんだろうなと思う。

以上ありがとうございました。

-G's ACADEMY, プログラミング学習

Copyright© s u p ? , 2019 All Rights Reserved.