どうも！LSSです！！ 作り始めてから一週間ほどで、ひとまずゲームとして遊べる形になりました^^ 今回はその時に省略したコードの紹介と部分的な解説になります。 ※つまり、わけわからん事を書きますｗｗｗ コード全文 functionの役割 このコードで使っている関数とその役割 function tmc() function tms() function rakka() function gamen_i() function gamen_w() function kmv() function kminit() function kensa() 消し判定の一部を書き換えるだけで別ルールが実現 コード全文 <style><!-- #gamen{ position:relative; background-color: lightblue; background-image:radial-gradi

どうも！LSSです！！ ちょっとCSSやゲーム制作の話が続いたので、今回は息抜き記事ですｗ 「オセロ」ってゲーム、ありますね。 あの８×８の盤面に、片面白・片面黒のコマを交互に置いて、挟む事でひっくり返し、最終的に数が多い方が勝ち、というゲーム。 「オセロ」という名称はツクダオリジナルの商標なので、差支えがある場合「リバーシ」って名前で同ルールのゲームだったりもします。 今回はそのリバーシがちょっとだけ強くなるかも知れない話です^^ とにかく角取り！から一歩前進 角をとるために意識すべき事 角以前に狙うべきマス 避けるべきマス つまり… 本当に強い人、深く研究してる人の世界は知りませんが とにかく角取り！から一歩前進 ８×８の盤面のうち、四隅にあたる角は、一度コマが置かれると決してひっくり返される事がない。 また、その隅から連続して置かれた、辺にあたる部分も同様にひっくり返される事がない安

どうも！LSSです！！ ここ数日、ブログのサイドバーの設定をいじってみました。 「最近のコメント」を追加 「注目記事」を追加 「欲しいものリスト」を追加 最後のはともかく 「最近のコメント」を追加 まれに、過去記事にコメントをいただく事もあるので、つけといたほうがいいかな～と設置してみました。 いろんな方の名前が出てくると、にぎやかになりますしね^^ 「注目記事」を追加 これ、まだつけてなかった事に今更気づきましたｗ つけようとすると、「注目」が何をもって「注目」とするのかを選択する項目が！ とりあえずブックマーク数基準にしました^^ 「欲しいものリスト」を追加 プロフィールの下あたりに、さりげな～く追加ｗ 中身についてはまた追加なり削除なり考えます。 最後のはともかく はてなブログのサイドバー、モジュールが充実している上に、他のものも追加できていいですね^^ しばらく様子を見て、またいじ

どうも！LSSです！！ CSSで蝶のような動きをするanimationを作ろうとして、幅の指定で悩み中… ご挨拶 コード 作ろうとしたきっかけ 動くのは動きますが 一応、使い方とコード解説 今回、作ってて自分が覚えた事 一つの要素に複数の動き（keyframes）を適用可能！ はてなブログのIDコール、コメント欄からそのままコピペすると楽ｗｗｗ CSSでの指定の限界…？ あと、全然余談なんですけど… コード <style><!-- @keyframes btf{ 0%{left:0%;} 100%{left:50%;} } @keyframes btfh{ 0%{top:0px;} 100%{top:30px;} } .btfanm{ position:absolute; text-align:right; animation:btf 5s linear 0s infinite alter

お題「#おうち時間」 どうも！LSSです！！ 今回はお題記事です。 というより、ぶっちゃけお題にかこつけた記事ですｗｗｗ 在宅している人が増えた今 ちょっと遊べるもの 超巨大迷宮　第四弾！「いつか来た道篇」！！ カードゲーム？ たんごちょう神経衰弱 タイピング練習ゲーム ちょっと学べるもの はてなブログで始める！JavaScript超入門！ というわけで、 在宅している人が増えた今 ブログ巡回やTwitterを眺めていると、家に籠ってる事でのストレスを嘆いたり、いかに長期間籠るかみたいな話をよく見かけます。 この機会に自分を磨く！という方、嫌な事を忘れて家で遊ぶ方法を模索する方、様々ですね。 一人のブロガーとして、微力ながらも何か今の情勢に対して協力できることは？と考えた時、「ちょっと遊べるもの」や「ちょっと学べるもの」を提供するのがいいんじゃないかな、という考えに至ったので、最近の記事は

どうも！LSSです！！ 「はてなブログで始める！JavaScript超入門！」、前回は 第一章　Hello World 第二章　変数を使ってみよう！ 第三章　計算ぐらいしておこうか という内容でお送りしました。 さて、今回は第二回をお送りします！ 第四章　ifによる分岐 第五章　ifのもうひとつのしきたり 一応、余談なんですけど、 第四章　ifによる分岐 前回のコードを少し書き換えて、次のようにします。 <div id="hello"> </div> <script>// <![CDATA[ a=0; if(a==0){ hello.innerHTML="ゼロ、ってなんか響きがいいよね"; } // ]]></script> 基本的にコードは日本語変換をオフにして打ちますが、 "ゼロ、ってなんか響きがいいよね" この""の中身に関しては日本語で書いてもOKです^^ で、プレビューしてみます

どうも！LSSです！！ 今回は「駄文中の駄文」カテゴリの記事ですｗｗｗ わりと昔から、ぼーっと考えてた事があります。 コンピュータ（パソコンであってもファミコンとかのコンシューマ機であっても）においての「迷路」の表現。 大きく分けて２種類にわかれます。 ひとつは↑こういうやつ。 マスごとに、壁か道かとなっているもの。 これはデータ的にも表現しやすいです。 ファミコンゲームでいうと、スクウェア（合併前）がディスクシステムで出してた「ディープダンジョン」なんかがこのタイプでした。 もうひとつは↑こういうやつ。 マスとマスの間が、通行可能か、通行不能な壁となっているか。 「紙に手書きで迷路を描こう」とした時なんかはたいていこのタイプになるんじゃないでしょうか？ ファミコンで言うと、「Wizardry（元はPCゲームですが）」なんかがこのタイプでした。 で、これについて何を考えてたかというと、 「

どうも！LSSです！！ 今日は、CSSでアニメーションをやってみます！ 先日、transitionを使ったアニメーションをやりましたが、あの場合は 「なんらかのユーザー操作を受けてスタートする」 事になりますが、今回は何もしなくても最初から勝手に動いているものを作ります。 飛び出し注意！ ゆらゆら ぴょんぴょん 解説 おまけ：汎用性を無視してみる！ 飛び出し注意！ サンプル このお値段、目ン玉飛び出ますよね~ コード <style><!-- @keyframes sc3dk{ from{ transform:scale3d(1,1,1); } to{ transform:scale3d(1.5,1.5,1.5); } } .sc3d{ display:inline-block; animation:sc3dk 0.5s ease 0s infinite alternate; } --></