Segmentation Fault

コアダンプの数だけ強くなれるよ、納期と戦うエンジニアのように。

Javascriptでオセロ(その2)


前回に引き続き、不足していた機能を追加してみた。

























----------------------------------
こんな感じのオセロが完成。申し訳程度の対AIもサポート。

ソースコード

下記で公開。

github.com


このページには下記で埋め込んで実行させている。

<body>
    <link rel="stylesheet" type="text/css" href="https://rawgit.com/ke1suke/othello/master/css/board.css">
    <script type="text/javascript" src="https://rawgit.com/ke1suke/othello/master/js/othello.js"></script>
    
    <div style="display:none">
        <div id="none"  class="square"><img class="block" src="https://raw.githubusercontent.com/ke1suke/othello/master/img/none.png" ></img></div>
        <div id="black" class="square"><img class="block" src="https://raw.githubusercontent.com/ke1suke/othello/master/img/black.png"></img></div>
        <div id="white" class="square"><img class="block" src="https://raw.githubusercontent.com/ke1suke/othello/master/img/white.png"></img></div>
    </div>

    <div id="board"></div>
    <div id="msg" class="message"></div>
    
    <form name="form1" style="display:block; position: relative; top:230px" action="">
        <label><input type="checkbox"  name="check[]" id="Computer" value="1" autocomplete="off"/> コンピュータ</label>
        <label><input type="checkbox" name="check[]" id="First" value="2" autocomplete="off" checked="checked"/> 先攻</label>
        <p>
            <input type="button" value="Play" onclick="OnClickButton();"/>
        </p>
    </form>

</body>