タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
「無料のスケブ文化を変えようと思って」Skeb創設者、なるがみ氏インタビュー【シリーズ：東方からはじめた人たち。】 | 東方我楽多叢誌 〜strange article of the outer world〜
「無料のスケブ文化を変えようと思って」Skeb創設者、なるがみ氏インタビュー【シリーズ：東方からはじめた人たち。】 今年で25年目を迎える東方Project。その長きにわたる歴史は、様々な人の、創作の「はじまり」を見つめてきた。この人、その人も、実はあんな人も？その創作の最初に、実は「東方」が関わっていたりする。 東方我楽多叢誌では今後、【シリーズ：東方からはじめた人たち。】として、現在様々な世界で活躍している、そのモノづくりのはじまりに「東方」が関わっている人― 東方からはじめた人たち ―に、その始まりの話や、今行っていることについて伺ってみることにした。 同人即売会が中止、規模の縮小を余儀なくされる中で存在感を高めているサイトがある。手軽にイラストや音声データを有償でリクエストすることができるWebサービス「Skeb」だ。 Skebの設立者であるなるがみ氏は、もともと東方Project
The strange tale of Japan’s prime minister, official documents and a very large shredder
The strange tale of Japan’s prime minister, official documents and a very large shredder
【CSS】JavaScriptを使わない開閉メニュー【CSSのみで可能・はてなブログ記事で使用可能】 - Little Strange Software
どうも！LSSです！！ 最近、JavaScriptを使って色々やってみる事にハマり、記事もそればかりになってきていましたが、今回は 『JavaScriptを使わずに、はてなブログ記事内で使用可能な開閉メニュー』 の作り方を記事にしてみます！ ※はてなブログ以外でももちろん使えますよ^^ サンプルとそのコード ↓の「メニュー」をクリックすると、その下に文字が現れます！ コード 注意点！半角チルダについて とりあえず解説 「menu」と「tg01」は任意の名前です。 <input id="tg01" style="display: none;" type="checkbox" /> <label for="tg01">メニュー</label> <div id="menu">ああああああ</div> はてなブログ特有の注意点！<div>と</div>で囲んでいるのがミソ CSS部分の解説 #me
アプリの効果音どうしよう？って思ってたら凄いの見つけた！→Bfxrっていう効果音作成サイト＆ソフト - Little Strange Software
どうも！LSSです！ 本日の記事は…もうタイトルで内容の全てを語り終えていますがｗ 事の起こり ゲーム自作者の強い味方！？Bfxr 挫折した試みについて 気になった事 11/8 21：30 追記！ライセンスフリーだそうですよ！ 事の起こり 自作アプリの効果音どうしよっかなー？って思ってたんです。 もちろん、世には優れたフリー素材サイトがたくさんあって、規約を遵守しながら使わせてもらう事ができます。が！ ちょっとここで自分の「ひねくれ」が発動！しちゃったんですね。 「出来が悪くても自分で音を作れないか？」 と、入浴中に思ってしまい、とある試みを行ってはみたのですがあえなく挫折。 で、なにげなくググってみると…素晴らしいものを見つけました！！ ゲーム自作者の強い味方！？Bfxr https://www.bfxr.net/ こちらのサイト、サイト上ででも、ソフトをダウンロードしてでも、 「ランダ
【完全独占】上坂すみれコスプレ撮影で聞く東方Projectとの出会いと、夢中になった理由 | 東方我楽多叢誌 〜strange article of the outer world〜
世界コスプレサミットにて博麗霊夢のコスプレを披露し、大学時代は「東方狙いでコミケに参加したこともある」と公言しておられる、我らがすみぺこと声優の上坂すみれさん。そのキュートなルックスもさることながら、アニメからゲームまで幅広い作品にも出演している彼女が、なんと今回東方我楽多叢誌に初登場！ しかも今回は、上坂すみれさんのために東方キャラクターのオリジナルデザイン衣装（！）を2着制作。当メディアではその限定コスプレグラビア写真を本邦初＆独占公開！ 上坂すみれさんへの「東方Projectへの思い」に関するインタビューと共に、その舞台裏まで余すことなく連続特別連載記事にてお届けいたします。第1回は幻想郷に佇む麗しの蓬莱山輝夜姿を世界初公開。そして、上坂すみれさんの東方Projectとの出会いに迫ります。 不死身の蓬莱人である、蓬莱山輝夜（ほうらいさん かぐや）。 竹取物語の姫そのままの姿で現れた上
「同人誌即売会は、これから継続できるの？」4月25日、緊急事態宣言発令の裏側で何が起きていたのか。東京都へ申し入れを行った即売会主催・議員の4人に話を聞いてみた | 東方我楽多叢誌 〜strange article of the outer world〜
「同人誌即売会は、これから継続できるの？」4月25日、緊急事態宣言発令の裏側で何が起きていたのか。東京都へ申し入れを行った即売会主催・議員の4人に話を聞いてみた 先ほど東京ビッグサイトの担当者より、「緊急事態宣言を受け、東京都から「催事は無観客でのみにしてほしい」の要請があり会場の貸し出しが出来ない」との連絡をいただきました。これを受けて5月4日の開催を延期することといたします。 — COMIC1 BS祭 スペシャル (@comic1_BS_sp) April 23, 2021 今、東京都の同人誌即売会は、瀬戸際に立っています。 東方Projectの新作『東方虹龍洞 ～ Unconnected Marketeers.』は、本来5月4日開催の「COMIC1 BS祭り スペシャル」内イベント「幻想神楽5」にて初頒布が行われる予定でした。ですが、「幻想神楽5」は、4月25日付で東京都に発令された
四月に遊んだゲーム：『グノーシア』、『Ori and the Will of the Wisps』、『Life is strange 2』、『Final Fantasy VII REMAKE』他 - 名馬であれば馬のうち
いつのまにか映画を観られない世の中になってしまって、本も読めない気分になってしまいました。しかし、かなしむことはない。そういうときはゲームがあります。 というわけで、四月はずっとゲームを遊んでいたのです。 基本的には全作おもしろかったのでオススメです。 One Step from Eden（Steam/Nintendo Switch） Ori and the Will of Wisps（Steam/Xbox One） あつまれ どうぶつの森（Switch） リングフィット・アドベンチャー（Switch） ことばのパズル もじぴったんアンコール（Switch） Final Fantasy VII REMAKE（PS4） ペルソナ5 ザ・ロイヤル（PS4） グノーシア（Swtich/PS Vita） Life is Strange 2 （Steam/PS4/Xbox One） One Step
「Try Kotlin」というサイトを紹介します！ - Little Strange Software
どうも！LSSです！！ AndroidStudio＋Kotlinでアプリ開発の勉強中です。 今回は、LSSがアプリ開発のために勉強してるプログラミング言語「Kotlin」を PCになんもインストールとかしなくてもブラウザ上で手軽に試せてしまう 「Try Kotlin」 をご紹介します！ 早速ですが、こちらです！ 画面はこんな感じ サンプルをそのまま実行してみます サンプルコードをちょっと書き換えてみます もっと書き換えてみます もっともっと書き換えてみます ちょっと走りすぎました。少し実用的？なものを書きます 感想 早速ですが、こちらです！ try.kotlinlang.org ↑をクリックするだけで、ブラウザ上に「Kotlinのプログラムが書けて、すぐ実行できる」環境が表示されます。 ※そこでスマホアプリが作れる、というわけではありません^^; 画面はこんな感じ 最初にサイトを開いた時、
The strange revival of vinyl recordsThis year sales will overtake those of fast-fading CDs “THE LP WILL be around for a good long while,” Patricia Heimers, a spokeswoman for the Recording Industry Association of America (RIAA), told the Associated Press in 1989. Ms Heimers’ prediction may then have seemed tin-eared. Sales of cassettes and CDs already far outstripped those of 12-inch glossy black p
【CSS小ネタ】写真っぽい写真【はてなブログ用】 - Little Strange Software
どうも！LSSです！！ デジタルカメラやスマートフォンが普及した昨今。 フィルムカメラのように「フィルムの無駄」を気にせず、パシャパシャと気軽に撮影が楽しめるようになりましたね^^ それでも時々ふと、あの白いフチのある写真に懐かしさを覚えたりします。 スマホで撮影後に画像加工するのも手ですが、CSSなら画像はそのままでコードに少し手を加える事で、懐かしい白フチ写真を演出できます。 写真っぽい写真 コード 手順 その他の例：楕円 写真っぽい写真 コード はてなブログの「写真を投稿」機能で写真をアップロード・記事に挿入した後に、コードを付け足します。 <p style="border: 1px solid black; padding: 3%; box-shadow: 10px 10px 5px 0px gray;"><img style="display: block;" src="http
どうも！LSSです！！ いよいよ12/31、今は23:35です。 こんな時間から記事を書き始めてみますｗ 色々ありましたねぇ 2022年、振り返ってみると色々な事がありました。 まず転職。幸いにして好条件で１年契約の業務委託として契約を結んでくださった企業があり、とっても助かりました。 次に、前述の転職と関連しますが株式投資の開始。 これがなかなかに面白い、ただし勝ててはいませんがｗ 未だ知らない事が多々あって、新たな発見がよくあります。 次に、このブログの毎日更新の終了。 時間の使い方を見直したくての決断でしたが、見直しについてはまだまだな感じです。 あと、父が亡くなったというのもありました。 それから、2022年…というのからは少し離れるかもですが、嫁に行った妹が第二子を妊娠中で、今かなりおなかが大きくなっています。 上の子は女の子（２歳半）ですが、次も女の子のようで、こちらは来年誕生
【CSS】吹き出しCSSについて解説してみます！ - Little Strange Software
どうも！LSSです！！ 今回は、以前ちょこっと使った吹き出しCSSの解説とかやってみますｗ まずはコード コード解説 吹き出しの三角部分 吹き出し本体の指定 吹き出しを実際に運用する指定方法 改変ポイント 試しに、吹き出し本体に… 謝辞 まずはコード ↑で使っている吹き出しは、こんなコードで実現しています。 <style><!-- .fkds::before{ content:""; position:absolute; top:-14px; left:50px; width: 0px; height: 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 15px solid orange; } .fkds{ position:relative; pad
Three bottles of the world's oldest Gautier cognac from 1762 have long belonged to the Donsier family, where they have been kept since 1870. However, their 258-year history may come to an unexpected end on May 28, when the unique cognac is finally put up for auction. It is worth noting that Gauthier's company, which turned 265 years old, still exists today. One of the three surviving bottles is in
「感動するシューティングゲームっていうのは中々無い。ZUNさんには本当に、健康に気をつけて欲しい」霜降り明星・粗品 ショートインタビュー | 東方我楽多叢誌 〜strange article of the outer world〜
「感動するシューティングゲームっていうのは中々無い。ZUNさんには本当に、健康に気をつけて欲しい」霜降り明星・粗品 ショートインタビュー 先日の「東方ステーション#23 原作特集」に出演し、そのクセが強い東方愛を見せてくれた、霜降り明星 粗品さん。 自身のYoutubeチャンネル「しもふりチューブ」でも、原作者ZUNさんと共演できたことの嬉しさを、存分に語っておられました。 東方ステーション出演終了直後の粗品さんに、東方我楽多叢誌は突撃！ 大好きなチルノやニコニコ動画の話、東方の美しさについて、そしてZUNさんをどれだけ凄いと思っているかなどなど、アツい東方愛についてショートインタビューさせていただきました。 ーー本日はご出演、お疲れさまでした。まずは、東方ステーション出演のご感想を頂けますか。 粗品： めちゃくちゃ楽しかったです。 ビートまりおさんもZUNさんも、勿論知っていましたし、学
【JavaScript】落ち物パズル制作？ その３ - Little Strange Software
どうも！LSSです！！ 完成まで作るのかどうだか未定だった「落ち物パズル」制作ですが、どうもここまで来たら完成させたくなってきた今日この頃ですｗ 第一回 第二回 に続き、今回で３回目となります！ 今回もまだ「消し」の部分作成には至っていませんが、それ以外の操作部の追加とデザインの調整を行いました！ 今んとこ、こんな感じ 追加変更点 コマ色指定部分のCSS 落とす、の処理 謝辞 コード全文 今んとこ、こんな感じ 追加変更点 画面上部に「NEXT」として、「次のコマ」を予告表示しています。 「強制停止」をやめて「一時停止」にしました。再開可能です^^ 操作部に「↓落とす」を追加しました。 こないだ、シリーズ外の記事で書いた、光を入れる効果をコマと背景にかけています。 コマの色に似たものがあったので、見分けやすいように一部の色を変更しています。 コマ色指定部分のCSS .km{ position
CSS超入門！…のさわりだけ！！その２ - Little Strange Software
どうも！LSSです！！ 今回は、だいぶ前の記事、 の続きとなります！（だいぶ前すぎるｗ） 今回は実践編です！ HTML編集画面を開きます まず手始めに、<div>タグを書いてみます divタグにstyleオプションをつけたします style=""の中に色々、追加していきます！ CSSの指定って 四角い枠を角丸にしてみます 緑が濃くて、黒い「てすと」の文字が見えづらいな 枠の端っこにくっついてるのがいただけない 枠に縁取りもつけちゃえ！ こんな感じに作っていきます 今回は実践編です！ 前回の記事の内容は 「:と;でプロパティと値を指定する」事と、 「CSSは３つの指定方法がある」事ぐらいしか書いていませんでしたね。 今回は、実際に「はてなブログのHTML編集画面」で、CSSを書いていく様子を語る記事となります^^ HTML編集画面を開きます ↑こんな感じの画面ですね。 ここにコードを書きこん
【CSS】ボックス装飾によく使うプロパティ おさらいとサンプル集 - Little Strange Software
どうも！LSSです！！ CSS関連で色々と作ってきましたが、ここでちょっといったん、まとめ記事を書きます！ ちょっと量が多かったので、今回は「ボックス装飾」関連のまとめ記事となります^^ border-radius ボックス（枠）の角を角丸にする指定です。 コード 書式 border ボックス（枠）の外周に枠線を表示します。 コード 書式 枠線の種類 その他アレンジ background-image ボックス（枠）の背景に画像をつけます。 コード 画像ファイルの他に代替でグラデーションを使用できます。 コード 直線グラデーションの他に、円形グラデーションも使用できます。 複数のグラデーションを重ねる事もできます。 その他アレンジ box-shadow ボックスに影をつけます。 コード 書式 その他アレンジ あとがき border-radius ボックス（枠）の角を角丸にする指定です。 サン
【CSS】本をめくる、という動作をCSSで表現してみました。 - Little Strange Software
どうも！LSSです！！ 以前から「実現できそう、いつかやってみたい」と思っていたものが完成しました！ Webページ上に置いた本の「ページをめくる」動作を、JavaScriptを使わずにCSSで表現してみたんですね。 ぜひ、クリックして遊んでみてください^^ 本をめくるサンプル コード というわけで… 本をめくるサンプル ↓本をクリックするとページをめくる事ができます。 おおきなもも 昔々、 あるところに おじいさんと おばあさんが住んでいました。 おじいさんは 山へしばかりに、 おばあさんは 川へ洗濯に行きました。 おばあさんが 川で洗濯をしていると、なんと！ 川上の方から とってもとっても 大きな桃が どんぶらこ～ どんぶらこ～ と、流れてくるではありませんか。 それを見て、 おばあさんは 考えました。 「こげな大きな桃が流れてくるわけはねぇだ。きっと狐か狸が、わしを騙そうとしとるにちげ
どうも！LSSです！！ CSSを知らなくてもなんとなく遊べる（？）、CSSパズル第三問です！ CSSパズル カテゴリーの記事一覧 - Little Strange Software CSSパズル 第三問！ 「現在のコード」について やっている事と言えば… 応用例 CSSパズル 第三問！ ２つの写真があります。 上が「お手本」で、下が「回答」です。 そのさらに下に、赤い枠線で囲んだコードがあり、その中にいくつかの選択肢が入っています。 選択肢を変更すると「回答」の表示がそのコードで生成したものに変化するので、「回答」を「お手本」と同じものになるよう、正しい選択肢を選ぶ、という出題です。 なお、選択肢を変更した際に、さらにその下にある「現在のコード」がその選択肢の場合のコードとなります。（つまり、その時点で表示されている「回答」のコードですね） 全ての選択肢が正しいものになり、「お手本」と「回
HTML超入門！…のさわりだけ！！ - Little Strange Software
どうも！LSSです！ 今回は「HTML超入門！…のさわりだけ！！」と題して、 「はてなブログ書いてるけど、HTMLは全く知らない。広告挿入のためにHTML編集画面を開くとドン引きする。」 という方に向けてちょっとだけ、HTMLってどういうものかを知る入口になったらいいな、って記事を書いてみます。 HTML編集画面を開いてみます HTMLとは？ タグとオプション タグの種類と、それぞれオプションの種類…は割愛します^^; はてなブログで即効で使えるHTMLタグ例２つ！ <hr>タグ＝区切り線 <table>タグ＝表 余録：HTMLと組んでWebページを賑やかにするお友達 CSS JavaScript PHP まとめ HTML編集画面を開いてみます 「編集 見たまま」画面で冒頭の文章を書いてから、適当に数回Enterキーを叩いて、HTML編集画面を開くと↑のような感じになります。 自分の書いた
迷彩が整いすぎています！【旧ローデシアの軍服】陸軍迷彩スモック（アナザーパターン）とは？ 0419 Rhodesia ミリタリー RHODESIAN ARMY CAMO SMOCK（STRANGE PATTERN）1970S - いつだってミリタリアン！
今回は、1970年代の旧ローデシア陸軍迷彩スモックを分析します。 以前もいくつかのローデシア迷彩服を分析しましたが、今回のモデルはちょっと違う迷彩パターンになります。 （ローデシア迷彩ではあるのですが…。） タグにも特徴がありましたよ。 もしかしたら… 中古品ですが程度は極上ですよ！ 目次 １ 旧ローデシア陸軍迷彩スモック（アナザーパターン）とは？ ２ 全体及び細部写真です！ ３ その特徴とは？ ４ 製造とサイズのデータです！ ５ まとめ スポンサーリンク スポンサーリンク １ 旧ローデシア陸軍迷彩スモック（アナザーパターン）とは？ 今回のモデルも、ネットオークションで入手しました。 出品者によると「ローデシア軍のモデル品」だとか。 それにしてはよく作り込まれていて、タグも英語ではないことから、製造会社違いの官給品ではないかと考えて入手しました。 そして送られてきた商品は、デザ
どうも！LSSです！！ 1000記事到達した時、３年経過した時にも考えていた事ですが… とりあえず更新頻度を変更（毎日更新終了）します！ 時間の使い方を諸々考え直して、これから始める事を考えてみます^^ ってなとこで、今回はこのへんで！ 次回もまた、よろしくお願いします^^
【ブログ】そんなこんなで２年たちました。 - Little Strange Software
どうも！LSSです！！ このブログを開設したのが、2019/9/14。 早いもので、丸二年が経過しました^^ こよみモード ブログの概要 この1年で得たWeb周りの知識で最大のもの んで、３年目に突入です！ こよみモード はてなブログの「こよみモード」はどうなるのかな？と思っていましたが、こんな風に去年のも一昨年のも出るんですね！ 二年前の、一番最初の記事は、 律儀に（？）「初めまして」から始まっています。 去年の記事は、 花火をあげてましたねｗ 別にこれは祝砲というわけではなく、その前日に １年目のラストとして記念記事を書いていたのでした。 あ、ブログの概要とか挙げてますね。 あれから一年、どうなったかというと… ブログの概要 こうなりました！ ん、なんだか「ブログの概要」ページの仕様がいつの間にか変わってる？ それより、目立って変わったのは、ブログアイコンでしょうかｗ ブログアイコンを
【CSS・背景】これが本当の波線マーカー！ - Little Strange Software
どうも！LSSです！！ やっと出来ました！これが本当の波線マーカー！ 以前、公開した記事の波線マーカー 色々やってて辿り着いた、今回の波線マーカー コード コード解説 改変調整ポイントまとめ 追記！区切り線としての利用 余談：実はマーカーじゃなくて下線なら凄く簡単ｗ 以前、公開した記事の波線マーカー …多分、多くの方が「いや、波線ってそうじゃないだろ！」っていう言葉を飲み込んだのではないでしょうか？ｗ （ こういうやつでした⛵ ） あの時点の知識では、あれが精一杯でした^^; 色々やってて辿り着いた、今回の波線マーカー 波線っていったら、本来はこうですよねｗｗｗ ⛵ 欲を言えば…これはまっすぐな斜め線を交互に配置しているので、曲線であるべき「完全なる波線」ではないですが、まぁ許容範囲かなとｗ コード <span style="background-image: linear-gradien
【CSS】円形グラデーションってこうやるのかぁ - Little Strange Software
どうも！LSSです！！ 今回は、CSSで円形グラデーションを、やや迷いながらやってみましたｗ サンプル コード 解説 形状の指定 色の指定 おまけ：実は色は２色に限らず、たくさん指定可能 コード（CSS指定部分のみ） サンプル サンプル です コード <style><!-- .marugra{ position:relative; border-radius:8px; border:1px solid black; padding:1em; width:200px; background-image:radial-gradient(circle 150px at 65% 35%,#ffffff,#888888); } --></style> <div class="marugra">サンプル<br />です</div> ※円形グラデーションに関する指定は赤字の一行だけです。 ※青字は任意の
どうも！LSSです！！ 今日で「1000日めの記事投稿」となります。 たまに１日に複数記事投稿した事があったので、記事数とはズレが生じていますｗ little-strange.hatenablog.com 最初の投稿。あれから1000日かぁ 初めてのスマホアプリ公開 一年たった頃・二年たった頃 妄想マネタイズ という、振り返り記事でした 最初の投稿。あれから1000日かぁ little-strange.hatenablog.com ↑の記事を投稿してから、1000日。 なんだかんだで毎日投稿を続けてきました。 …実を言うと、日付が変わるギリギリに投稿する事が多く、ある日0時をちょっとだけまわってしまって、予約投稿で投稿しなおして誤魔化した事もありましたがｗ 初めてのスマホアプリ公開 little-strange.hatenablog.com それから３か月たつ前に、当初の目標だったスマホア
自作アプリにBGMを！KotlinでMediaPlayerを扱ってみる - Little Strange Software
どうも！LSSです！ ちょっと間が空きましたが、今回はKotlin記事です！ まずは素材ファイルの用意！ 今回の肝！ 他にもよく使いそうなもの 思ったんですが、Androidアプリで何かするのって大抵… コード全文はこんな感じになります お手軽ですねぇ 追記：公開済みのゲームで、使用しています 参考書籍 自作アプリにBGMや効果音を入れる、って話をちらっと書いてはいましたが、今回は実際にKotlinでBGMを流す方法の記事となります。 記事タイトル通り、MediaPlayerっていうのを使います。 このMediaPlayerというのは手軽に音楽を鳴らしたり止めたり出来ますが、複数同時に音楽を鳴らす事ができないのでBGM向けで、複数同時に鳴らす事ができるSoundPoolが効果音向け、という位置づけです！ 効果音演奏に使用するSoundPoolはこちらを参照 little-strange.h
【CSS・JavaScript】花火その４ クリックで打ち上げる連続花火 - Little Strange Software
どうも！LSSです！！ 以前、記事内で花火を打ち上げるようなものを作りました。 little-strange.hatenablog.com 今回はそれの改変で「訪問した読者さんが好きな位置で打ち上げる事ができる花火」を作ってみました^^ 前回までのコードはJavaScript不使用でしたが、今回はJavaScriptを使用しています。 遊び方 コード 一部解説 最後に 遊び方 画面上の何もないところを適当にあちこちクリックまたはタップしてみてください。 そこから花火が打ち上げられます。 同時に最大１０発まで打ち上げる事ができます！！ コード <style><!-- @keyframes hnb{ 0%{top:300px;width:5px;height:2px;} 60%{top:0px;width:5px;height:2px;} 80%{top:0px;width:150px;hei
どうも！LSSです！！ ちょっと思いつきで「三角形を敷き詰めた背景模様」を考えていたのですが、それを更にkeyframesのアニメーションで動かす、というのをやってみました。 …という実験的な記事です。 動く三角背景 コード 三角形のサイズ 動く三角背景 コード <style> @keyframes sankakua{ 0%,10%{background-position:60px 0px,40px 35px,0px 35px,60px 0px,20px 0px,40px 35px,0px 35px,20px 0px;} 20%,30%{background-position:60px 0px,20px 70px,0px 35px,40px 35px,-20px 0px,20px 70px,-40px 35px,0px 35px;} 40%,50%{background-position:
謹賀新年 あけましておめでとうございます。 本年もよろしくお願いいたします。 どうも！LSSです！！ あけましておめでとうございます^^ 2022年最初の記事となります。 旧年中は大変お世話になりました。 本年もよろしくお願いいたします^^ ページを開いた時に出る垂れ幕 と、コードを貼り付けてはいますが、少々難点が…。 恒例のアレ ページを開いた時に出る垂れ幕 今年の正月ネタは、全画面を覆う垂れ幕（スクロールするとすぐ引っ込む）でした。 little-strange.hatenablog.com と同様、JavaScriptでスクロール量を判定し、スクロールイベントに応じて表示位置にマイナス値を指定しています。 コード <style> #maku{ position:absolute; width:100%;height:100%; top:0%;left:0%; z-index:999;
【ツール】repeating-conic-gradientによる背景模様生成ツール - Little Strange Software
どうも！LSSです！！ CSSで、３種類あるgradientを用いて「模様が繰り返すタイルパターン」のような背景を描画できます。 中でも、repeating-conic-gradientがfromの角度指定を変更する事で、思いがけないような模様の変化をもたらすのが面白いです^^ 【CSS】謎の背景模様『山』【小ネタ】 - Little Strange Software 今回はその「repeating-conic-gradientの模様変化」を手軽に体験できるツールを作ってみました。 repeating-conic-gradientによる背景模様生成ツール 使い方 repeating-conic-gradientによる背景模様生成ツール 開始角度： 中心位置（横）： 中心位置（縦）： 繰り返し： 色1： 色2： 幅： 高さ： ランダム設定 コード 使い方 最初は、白と黒の格子模様、オレンジ色
どうも！LSSです！！ 「CSSをこれから勉強したい」方向けに、CSS超入門！…のさわりだけ！！など書いたりしてきましたが、なんというかこう「もっと手軽に、簡単に、なんなら学習する気がなくてもちょっと遊べるぐらいのコンテンツは作れないか」と考えていました。 CSSを再現するような入力をする…だと、CSSは様々な書き方ができますし、正誤判定が難しくなりそう…と思っていましたが「限定的な選択肢を提示して、そこから選択する」という方法なら、パズルっぽく楽しめるかも？^^ と思い、作ってみました。 CSSパズル 第一問！ まずは第一問目！ 左が見本です。下記コードの選択項目を選んで、右が見本と同じになるようにしてください。 コード <div style=" display: inline-block; border: 1pxblack; width: 140px; height: 120px; f
ブログで使える！BOX要素装飾ツールを作りました^^ - Little Strange Software
どうも！LSSです！！ 今回は「BOX要素をborder（枠線）と影（box-shadow）で装飾するツール」を作ってみました！ 使い方 ↑この枠内の部分を色々いじると、その下にある「サンプル」に影響します。 色を選択する部分がちょっと分かりづらいかもですが、もし 「黒」にしたい場合は「明」を0%に、 「白」にしたい場合は「明」を100%に、 「灰色」にしたい場合は「彩」を0%にして「明」で濃さを調節できます。 あと「ここに内容を書きます」の部分も書き換えられますが、タグ無効化とかしていないので、中で別途タグが使用可能です。 ※悪く言えば、その中でタグをミスると結果がおかしくなるのと、改行が改行として表示されない、というのがあります。（これは改行したいところで<br/>と入れるとOK！！） 気に入ったものができたら、さらにその下にある「コード」のところに書かれたタグを、はてなブログの「記事
サイズ調整 どうも！LSSです！！ 【完成版】１５パズル、作りました！！ - Little Strange Software から、かなり経過しましたが、15パズル画像版の完成です！！ 遊び方 Special Option ファイルを選択 サイズ調整 遊び方 元の一枚の画像を、縦４つ横４つの１６分割したコマが１５個あります。 ※元画像の一番右下に当たる部分が欠品となっています。 そしてコマの無い「空きマス」には、元画像がモノクロで薄暗く見えています。 「空きマスと縦か横に並ぶコマ」をクリックする事で、コマをスライドさせられます。 空きマスに見える元画像をヒントに、全てのコマを正しい位置に配置する事を目指すパズルゲームです。 Special Option 盤面の下に、 ファイルを選択 サイズ調整 があります。 ファイルを選択 これが、今回の「15パズル画像版」の超目玉機能です！！ ここから、
無限に続く「日本の駅の地下通路」からの脱出を目指すゲーム『8番出口』発表。「リミナルスペース」「The Backrooms」にインスパイアされ、巨大生物に追い回されるアクションゲーム『Strange Shadow』作者の作品
無限に続く「日本の駅の地下通路」からの脱出を目指すゲーム『8番出口』発表。「リミナルスペース」「The Backrooms」にインスパイアされ、巨大生物に追い回されるアクションゲーム『Strange Shadow』作者の作品 個人ゲーム開発者であるKOTAKE CREATEは11月6日、無限に続く地下通路からの脱出を描くゲーム『8番出口』を発表した。 対応プラットフォームはPC（Steam）で発売時期はは11月中を予定している。 無限に続く地下通路から脱出する短編ゲーム 「8番出口」のSteamページを公開しました。 周囲をよく観察し、異変を見逃さないこと。https://t.co/oT5wgmp528 11月中にリリース予定なので、 ウィッシュリストの登録やリツイートしていただけると嬉しいです。#gamedev #indiedev #ue5 #8番出口 pic.twitter.com/I
どうも！LSSです！！ 本日がブログ開設記念日。 今日からブログ４年めが始まります！ …という、記念日記事には特別な仕掛けを施したいところでもありますが、結局余裕がなかったのでした^^; こんなスタートですが、４年めもまた、よろしくお願いします^^
【CSS】いかに手をかけずに、CSSで歩くキャラクターを描くか - Little Strange Software
どうも！LSSです！！ 最近、こんな事を考えていました。 「迷路ゲームを作成するにあたり、自キャラもこの際コードで描きだしたい。また、どうせなら４方向の画像、かつ手足を振って各２パターン用意。ただし、極力労力をそれにさきたくない！」 とｗ そうして考えているうちに、 radial-gradientで描いた円で構成されたキャラなら手軽そう 考えてつめてみると、「８つの円」があれば表示位置すら変えず、「表示する・しない」「表示順の前後だけの調整」で要件は満たせるのでは？ と思い至り、それで実際に描いてみました。 歩くキャラクター コード 今回のサンプルでは 歩くキャラクター コード <style> @keyframes test1a{ 0%,50%{ background: radial-gradient(5px 5px at 21px 23px,#ffffaa 80%,#000000 81%
【ツール】ちぎり絵風枠ジェネレータ【プレビュー版 v0.2】 - Little Strange Software
どうも！LSSです！！ の続編となります。 まだ、速度の方は改善されていないんですが^^;、とりあえず模様だけ増やしました。 前回同様の「ちぎり絵」の他、「ハート」「花びら」「星型」を選ぶ事ができます！ このツールを用いて作成・ダウンロードされた画像はご自由にお使いいただけます^^ ちぎり絵風枠ジェネレータ やりたい事がたくさん出て来て追いつかないｗ ちぎり絵風枠ジェネレータ 幅 : 高さ : 内側の幅（比率） : % 内側の高さ（比率） : % 破片サイズ : 数 : 色味 : 破片の形状 : やりたい事がたくさん出て来て追いつかないｗ いただいた たくさんのコメントからもですし、自分で思いついたところも色々あります。 今回はとりあえず「模様 増やしてみました」Verですが、その増やした模様に角度をつけてみたいですね。 【ツール】アイキャッチ画像切り出しツール改！ には「回転角」の設定が
【CSS】要素のリサイズを可能にしてみました - Little Strange Software
どうも！LSSです！！ 以前に、様々な「ページ（記事）内に文字を隠す」方法を書いていましたが、今回もそんなひとつ。 通常、Webページ内の要素（画像・段落など）はページ記述者が指定したサイズ（指定していなければデフォルトのサイズ）で固定されて表示されますが、CSSには 「ユーザー（読者）が自由にサイズ変更できるようにする」 という指定があります。 今回はそれを利用して「最初は指定したサイズで表示され、ユーザーがサイズ変更で大きくする事で中身が見えるようにする」コードです。 ※追記！スマホだと操作しづらかったり、出来なかったりする場合もあるようです。 試してみた範囲では、「Androidスマホ＋はてなアプリ→右下角を捉えにくいがなんとか」「iPhone＋はてなアプリ or Chrome or Safari→いずれも試みるもできず」 【JavaScript】iPhoneでも要素のリサイズ -
どうも！LSSです！！ …謎のツールを開発してしまいました^^;;;;;;;;;; 韻踏みマシン 使い方 ただし… 韻踏みマシン 使い方 ４つの選択項目、それぞれ「あいうえおん」の文字を選択できます。 韻を踏みたい言葉が例えば「会いたい」でしたら、母音は「あいあい」なので選択項目を「あいあい」になるように設定し「生成」ボタンを押すと…。 母音が「あいあい」になる文字がランダムに選択され、100パターンの組み合わせが生成されます！ （「ん」だけはそのまま「ん」になります。） ただし… 単純に「母音が同じである文字」をランダムに選出しているだけのため…ほとんどマトモな単語にはなりませんｗ このツールを「ラッパーを志す方の一助になれば^^」…などと言ってしまうと、「馬鹿にしてるのか」とボコられそうなレベルですね^^; そんな謎のジョークスクリプトでした。 ってなとこで、今回はこのへんで！ 次回も
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The strange revival of vinyl records
2022年、ぎりぎりの振り返り記事 - Little Strange Software
The strange story of the oldest cognac in the world
CSSパズル 第三問！ - Little Strange Software
【短文】時間の使い方を考えてみます - Little Strange Software
ブログを始めてから1000日たちました - Little Strange Software
【CSS】動く三角背景【小ネタ】 - Little Strange Software
あけましておめでとうございます！ - Little Strange Software
CSSパズル第一問！ - Little Strange Software
【ゲーム】１５パズル【画像版】 - Little Strange Software
【短文】今日から４年め - Little Strange Software
【ジョークスクリプト】謎の韻踏みマシン - Little Strange Software
www.sponichi.co.jp
newspass.jp
taisy0.com
taisy0.com
togetter.com
www.tokyo-sports.co.jp