Little Strange Software

スマホアプリの開発を行う LittleStrangeSoftware のブログです。

【CSS】再び!キーフレームアニメーションについて

どうも!LSSです!! CSSに実装されている「キーフレームアニメーション」機能、このブログでもたびたびサンプルなどで使用しています。 だいぶ前(一年ぐらい前)に、 こんな記事も書いていましたが、今回は「実際にキーフレームアニメーションを使ったもの…

【CSSサンプル】カーソルを載せると動くグラデーションバー

どうも!LSSです!! また、なんか謎のCSSサンプルを作ってみました。 カーソルを載せると動くグラデーションバー コード 色変更・移動量変更・変化時間変更について あとがき カーソルを載せると動くグラデーションバー カーソルを載せると動くグラデーショ…

【つまづき】加速度センサーを使ったアレの問題点いくつか

どうも!LSSです!! 初めて、加速度センサーをJavaScriptから読む事に挑戦してみたのですが、下書き段階では問題なさそうに思えたものの、公開してみると色々と出てきましたw iPhoneで動作しない Andoroidでも発生する問題 最初から分かってた問題「スマホ…

【WebAudioAPI】なぞのがっき2【スマホ専用】

どうも!LSSです!! ほとんどのスマホには加速度センサー(動かした時の速度)や、ジャイロセンサー(傾き検知)が搭載されています。 自分がスマホを使い始めた頃は、それらのセンサーを使ったゲーム(TempleRunとか)を遊んだ覚えがありますが、近年まっ…

【つまづき】WebAudioAPIとiPhone

どうも!LSSです!! 【WebAudioAPI】その昔、初めて片想い→失恋を経験した男が作った曲w - Little Strange Software がiPhoneで再生できないようで、iPhoneを持ってない身では「うーん、どこからだろう?」ってなってますw 追記:タッチイベントボタン「…

今週のお題「下書き供養」

どうも!LSSです!! 今週のお題「下書き供養」 何を書こうかな?と思いながら、ふと見ると、今週のお題がこれ! マジか…。 一年以上前に、 こんな記事を書いた事がありますw 思えばその後も、色々下書きにカタチにならないままのネタが貯まってきました。 …

【JavaScript小ネタ】複数行からなるコードを一行にまとめてみます

どうも!LSSです!! 先日、 というものを作って記事にしていました。 その記事中で使用したコード、元々の話が「学び」だったのもあり、誰かの参考&自分が見返す時にいいかな?と 「処理を細かく行に分け、さらにコメントをしつこめに入れる」 って事をや…

お題「#新生活が捗る逸品」

お題「#新生活が捗る逸品」 どうも!LSSです!! …自分自身は新生活する予定はないのに、このお題に挑戦してみましたw 超コンパクトな炊飯器! 屋台横丁 ミニアイロン 大容量なのに厚さ10mmをきるモバイルバッテリ あとがき 超コンパクトな炊飯器! 2段式炊…

【CSSサンプル】2つの四角形に囲まれたボックス

こんな風に、2つの色の違う四角い枠線がズレて配置されたようなボックスを作ってみました!実はこれ、枠線じゃなくて背景だったりします。でも、枠の内容のサイズに応じて伸縮しても支障なく表示されますよ^^ どうも!LSSです!! 実は以前からCSSサンプル…

【WebAudioAPI】その昔、初めて片想い→失恋を経験した男が作った曲w

どうも!LSSです!! ええと…もう遥か昔の話になりますが。 自分が初めて「失恋」というものを体験した際に、記念に(?)作った曲がありますw WebAudioAPIで曲を演奏できる事を覚えたので、ここでひとつ、晒してみます! 曲名:Sweetdays 元々、切ない系メ…

【JavaScript】英文から英単語を抽出してみる

どうも!LSSです!! さじ(id:conasaji)さんの記事、 conasaji.hatenablog.com を読みました。 その中で、 出来れば最初にどんな系列の単語を覚えたいのかを登録できたらいいですね。英文を読み込んだらその中から毎日ひとつずつ出てくるとか。 学び舎を求め…

【WebAudioAPI】MMLプレイヤー制作中【なにかがおかしい】

どうも!LSSです!! 【WebAudioAPI】超簡易MML(作り始めw) に続き、MMLプレイヤーを作っていました。 オクターブ変更・半音階対応・音長指定・3チャンネルまでの同時再生、に対応できました!! …が、どうも最後の「同時再生」が微妙にズレるような…?…

【CSS+JavaScript】フルスクリーン表示サンプル

どうも!LSSです!! 先日の記事、 で、しれっと「ブログの記事幅を無視して全画面を覆うような表示」を行っていましたが、今回はその部分だけをサンプルとして公開します! 性質上、スマホはあまり関係なく、PCでブログを見る場合向けのネタとなります。 サ…

【WebAudioAPI】超簡易MML(作り始めw)

どうも!LSSです!! WebAudioAPIでやりたかった事のひとつに、「MMLを再生するプレイヤーを作る」があります。 「オクターブ変更は…」「音の長さを変えるには…」「休符は…」「テンポ指定は…」などなど、考えれば考えるほど大変そうになってきますw ので、…

ちょっとだけカテゴリ整理

どうも!LSSです!! お気づきの方もおられるかも知れませんが、最近、ちょっとだけこのブログのカテゴリを増やしました! 4つの新カテゴリ まいくらにっき 超入門のさわりだけ まとめ記事 WebAudioAPI まだまだ仕分けるべきところはありますが… 4つの新カ…

【WebAudioAPI】なぞのがっき を作ってみました

どうも!LSSです!! 今日は、WebAudioAPIを利用した「なぞのがっき」を作ってみました! なぞのがっき 仕様 コード 唐突に、なぞなものを作った動機 にゃんこの反応 なぞのがっき 画面を閉じる ここをクリックすると始まります(注意:音が鳴ります) // 終…

【日記】赤ちゃんのいる家

どうも!LSSです!! だいぶ前に、 リモートの話とイモートの話(…無理があるなぁw) こんな記事を書いていましたが、ようやく…ようやく…姪っ子と初めてお会いする事ができました!^^ 本来なら、正月には妹夫婦は帰省してたハズだったんですが、コロナ禍で…

【制作中】もぐらたたき 効果音つき【だいぶ中途半端^^;】

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(…

マウスを2台購入!

どうも!LSSです!! 最近、長く使っていたマウスのホイールの動きが少し怪しくなり、使えなくはないですが微妙にストレスなので、買い替えちゃいました! …と同時に、Amazonでちょっと変わり種のマウスを見つけたのでそちらもポチ。 Amazonのは昨日ポチって…

【制作中】もぐらたたき用 点数SVG案

どうも!LSSです!! なかなか時間が取れず、進まずにいた 【制作中】もぐらたたき「倍速もぐら と 超速もぐら」 の制作ですが、「もぐらを叩いた時に点数が出てくる」ようにするための「点数表示」をSVGで描いてみました! レトロゲーム風 実際の表示サイズ…

今年、学びたいこと

#今年、学びたいこと by Udemy どうも!LSSです!! 久々に?お題記事を書いてみます! #今年、学びたいこと 浦島太郎状態 ブログを始めたのがきっかけ と、ここまでが前置き アウトプットも大事! #今年、学びたいこと このブログ、始めた時はAndroidアプ…

【JavaScript】WebAudioAPIで12音階を鳴らしてみます!

どうも!LSSです!! WebAudioAPIで色々試していますが、今回はそのうち「ドレミ」12音階を鳴らしてみるものを作ってみました! なお、基準となる音「ラ」の音の周波数は440Hzだったり442Hzだったりするようですが、今回は「442Hz」で計算しています。 ス…

もしも、あなたがLSSだったら…

どうも!LSSです!! なんとなーく、考えた事なんですが… 自分はこうして、趣味としてプログラミングぽい事をかじり、色々と試みています。 いっても素人ですが、お褒めに預かるととても嬉しいですね^^ で、思ったのですが、「もし、あなたがLSS程度の技術を…

【JavaScript】WebAudioAPIで音を生成してみるテスト

どうも!LSSです!! 昨日、 【JavaScript】できないと思ってたらできた!? Web Audio API でJavaScriptから音を生成(サンプル第一歩目w) で新たな扉を開いてしまいましたw で、色々と試していたんですが、どう設定したらどんな音になるか?は、想像が…

【JavaScript】できないと思ってたらできた!? Web Audio API でJavaScriptから音を生成(サンプル第一歩目w)

どうも!LSSです!! 「できたらいいのに」と思っていた事のひとつに、「JavaScriptで音を生成して鳴らす」があります。 JavaScriptで音をどうこうする、のは、知ってる限りでは「別途音声ファイルを用意し、それを演奏したり止めたりの制御ができる」ぐらい…

【制作中】もぐらたたき「倍速もぐら と 超速もぐら」

どうも!LSSです!! に続き、もぐらたたきを作っています。 まだ、もぐらのSVG絵をいろいろ描かなきゃなんですが、今回はシステム的な面で手を加えてみました、の中間報告です^^ もぐらたたき 説明 ゲージ レベル もぐら 倍速もぐら 超速もぐら 未実装の要…

AmazonMusicに誤って登録してしまった話w

どうも!LSSです!! 以前、Amazonが出しているタブレット、Fire7を安い時に入手しました。 普段は¥5,980で販売されていて、それでも十分安いのですが、たまに¥3,980になったりするようです。※3/20追記!この記事を投稿した翌日、3/20から3日間のタイムセ…

【CSS】CSS小ネタ。box-shadowでこんな効果が!

どうも!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…

【制作中】もぐらたたきをSVGで作ろうとしています

どうも!LSSです!! 以前、即興で「もぐらたたき」をJavaScriptで作ってみました。 「もぐら」という文字をクリックする、という素気ないものでしたが、画像・ゲーム性ともに充実させたものを作りたい、とは思っていて、 やけに可愛くできあがってしまった…