どうも！LSSです！！ CSSに実装されている「キーフレームアニメーション」機能、このブログでもたびたびサンプルなどで使用しています。 だいぶ前（一年ぐらい前）に、 こんな記事も書いていましたが、今回は「実際にキーフレームアニメーションを使ったもの…
どうも！LSSです！！ また、なんか謎のCSSサンプルを作ってみました。 カーソルを載せると動くグラデーションバー コード 色変更・移動量変更・変化時間変更について あとがき カーソルを載せると動くグラデーションバー カーソルを載せると動くグラデーショ…
どうも！LSSです！！ 初めて、加速度センサーをJavaScriptから読む事に挑戦してみたのですが、下書き段階では問題なさそうに思えたものの、公開してみると色々と出てきましたｗ iPhoneで動作しない Andoroidでも発生する問題 最初から分かってた問題「スマホ…
どうも！LSSです！！ ほとんどのスマホには加速度センサー（動かした時の速度）や、ジャイロセンサー（傾き検知）が搭載されています。 自分がスマホを使い始めた頃は、それらのセンサーを使ったゲーム（TempleRunとか）を遊んだ覚えがありますが、近年まっ…
どうも！LSSです！！ 【WebAudioAPI】その昔、初めて片想い→失恋を経験した男が作った曲ｗ - Little Strange Software がiPhoneで再生できないようで、iPhoneを持ってない身では「うーん、どこからだろう？」ってなってますｗ 追記：タッチイベントボタン「…
どうも！LSSです！！ 今週のお題「下書き供養」 何を書こうかな？と思いながら、ふと見ると、今週のお題がこれ！ マジか…。 一年以上前に、 こんな記事を書いた事がありますｗ 思えばその後も、色々下書きにカタチにならないままのネタが貯まってきました。 …
どうも！LSSです！！ 先日、 というものを作って記事にしていました。 その記事中で使用したコード、元々の話が「学び」だったのもあり、誰かの参考＆自分が見返す時にいいかな？と 「処理を細かく行に分け、さらにコメントをしつこめに入れる」 って事をや…
お題「#新生活が捗る逸品」 どうも！LSSです！！ …自分自身は新生活する予定はないのに、このお題に挑戦してみましたｗ 超コンパクトな炊飯器！ 屋台横丁 ミニアイロン 大容量なのに厚さ10mmをきるモバイルバッテリ あとがき 超コンパクトな炊飯器！ 2段式炊…
こんな風に、２つの色の違う四角い枠線がズレて配置されたようなボックスを作ってみました！実はこれ、枠線じゃなくて背景だったりします。でも、枠の内容のサイズに応じて伸縮しても支障なく表示されますよ^^ どうも！LSSです！！ 実は以前からCSSサンプル…
どうも！LSSです！！ ええと…もう遥か昔の話になりますが。 自分が初めて「失恋」というものを体験した際に、記念に（？）作った曲がありますｗ WebAudioAPIで曲を演奏できる事を覚えたので、ここでひとつ、晒してみます！ 曲名：Sweetdays 元々、切ない系メ…
どうも！LSSです！！ さじ(id:conasaji)さんの記事、 conasaji.hatenablog.com を読みました。 その中で、 出来れば最初にどんな系列の単語を覚えたいのかを登録できたらいいですね。英文を読み込んだらその中から毎日ひとつずつ出てくるとか。 学び舎を求め…
どうも！LSSです！！ 【WebAudioAPI】超簡易MML（作り始めｗ） に続き、MMLプレイヤーを作っていました。 オクターブ変更・半音階対応・音長指定・３チャンネルまでの同時再生、に対応できました！！ …が、どうも最後の「同時再生」が微妙にズレるような…？…
どうも！LSSです！！ 先日の記事、 で、しれっと「ブログの記事幅を無視して全画面を覆うような表示」を行っていましたが、今回はその部分だけをサンプルとして公開します！ 性質上、スマホはあまり関係なく、PCでブログを見る場合向けのネタとなります。 サ…
どうも！LSSです！！ WebAudioAPIでやりたかった事のひとつに、「MMLを再生するプレイヤーを作る」があります。 「オクターブ変更は…」「音の長さを変えるには…」「休符は…」「テンポ指定は…」などなど、考えれば考えるほど大変そうになってきますｗ ので、…
どうも！LSSです！！ お気づきの方もおられるかも知れませんが、最近、ちょっとだけこのブログのカテゴリを増やしました！ ４つの新カテゴリ まいくらにっき 超入門のさわりだけ まとめ記事 WebAudioAPI まだまだ仕分けるべきところはありますが… ４つの新カ…
どうも！LSSです！！ 今日は、WebAudioAPIを利用した「なぞのがっき」を作ってみました！ なぞのがっき 仕様 コード 唐突に、なぞなものを作った動機 にゃんこの反応 なぞのがっき 画面を閉じる ここをクリックすると始まります（注意：音が鳴ります） // 終…
どうも！LSSです！！ だいぶ前に、 リモートの話とイモートの話（…無理があるなぁｗ） こんな記事を書いていましたが、ようやく…ようやく…姪っ子と初めてお会いする事ができました！^^ 本来なら、正月には妹夫婦は帰省してたハズだったんですが、コロナ禍で…
sound GAME STARTGAME STOP // 0){oc0p(0,999,0.7);}} } function gstop(){ if(gmst){gmst=false;for(i=0;i3){ms[i]=2};break; case 2:mw[i]++;if(mw[i]>3){ms[i]=3}break; case 3:m[i]--;if(m[i]0){oc0p(440,550,0.5);}};break; } document.getElementById(…
どうも！LSSです！！ 最近、長く使っていたマウスのホイールの動きが少し怪しくなり、使えなくはないですが微妙にストレスなので、買い替えちゃいました！ …と同時に、Amazonでちょっと変わり種のマウスを見つけたのでそちらもポチ。 Amazonのは昨日ポチって…
どうも！LSSです！！ なかなか時間が取れず、進まずにいた 【制作中】もぐらたたき「倍速もぐら と 超速もぐら」 の制作ですが、「もぐらを叩いた時に点数が出てくる」ようにするための「点数表示」をSVGで描いてみました！ レトロゲーム風 実際の表示サイズ…
＃今年、学びたいこと by Udemy どうも！LSSです！！ 久々に？お題記事を書いてみます！ #今年、学びたいこと 浦島太郎状態 ブログを始めたのがきっかけ と、ここまでが前置き アウトプットも大事！ #今年、学びたいこと このブログ、始めた時はAndroidアプ…
どうも！LSSです！！ WebAudioAPIで色々試していますが、今回はそのうち「ドレミ」１２音階を鳴らしてみるものを作ってみました！ なお、基準となる音「ラ」の音の周波数は440Hzだったり442Hzだったりするようですが、今回は「442Hz」で計算しています。 ス…
どうも！LSSです！！ なんとなーく、考えた事なんですが… 自分はこうして、趣味としてプログラミングぽい事をかじり、色々と試みています。 いっても素人ですが、お褒めに預かるととても嬉しいですね^^ で、思ったのですが、「もし、あなたがLSS程度の技術を…
どうも！LSSです！！ 昨日、 【JavaScript】できないと思ってたらできた！？ Web Audio API でJavaScriptから音を生成（サンプル第一歩目ｗ） で新たな扉を開いてしまいましたｗ で、色々と試していたんですが、どう設定したらどんな音になるか？は、想像が…
どうも！LSSです！！ 「できたらいいのに」と思っていた事のひとつに、「JavaScriptで音を生成して鳴らす」があります。 JavaScriptで音をどうこうする、のは、知ってる限りでは「別途音声ファイルを用意し、それを演奏したり止めたりの制御ができる」ぐらい…
どうも！LSSです！！ に続き、もぐらたたきを作っています。 まだ、もぐらのSVG絵をいろいろ描かなきゃなんですが、今回はシステム的な面で手を加えてみました、の中間報告です^^ もぐらたたき 説明 ゲージ レベル もぐら 倍速もぐら 超速もぐら 未実装の要…
どうも！LSSです！！ 以前、Amazonが出しているタブレット、Fire7を安い時に入手しました。 普段は￥5,980で販売されていて、それでも十分安いのですが、たまに￥3,980になったりするようです。※3/20追記！この記事を投稿した翌日、3/20から3日間のタイムセ…
どうも！LSSです！！ なんとなくCSSをいじっていたら、「かなりシンプルな記述で面白い効果」を見つけました！ シンプルなサンプル box-shadowって border-radiusとpaddingを使わないとこんな感じ 見出し装飾や、ちょっとしたポイントに良さそうですね シン…
どうも！LSSです！！ 昨日に続き、もぐらたたきに手を加えてみました！ 動きます！ とりあえず動く様子だけ見られるようにしようと ランダムにぴょこぴょこ出てきますね^^ 動きます！ // 3){ms[i]=2;};break; case 2:mw[i]++;if(mw[i]>3){ms[i]=3;}break; ca…
どうも！LSSです！！ 以前、即興で「もぐらたたき」をJavaScriptで作ってみました。 「もぐら」という文字をクリックする、という素気ないものでしたが、画像・ゲーム性ともに充実させたものを作りたい、とは思っていて、 やけに可愛くできあがってしまった…
