イントロクイズ ブラウザ。 東方大問題 ~ 東方クイズFLASH

JUNKバナナマン「水平チョップとイントロクイズ!」

イントロクイズ ブラウザ

概要 かつての楽曲でイントロクイズができる を使ったサイトがあったが消滅していたため、イントロクイズができるサイトを自ら作った。 こちらで遊べる 故「東方イントロ当て」 「東方イントロ当て」というサイトがあった。 我らが東大幻想郷のメンバー達の間でも有名なサイトで、人が集まっているときにたまに皆で遊ぶこともあった。 次の動画を見れば大体のイメージができると思う。 どうだろう?おもしろそう?それだけで分かるの気持ち悪い? 感想は人それぞれだが、たまにやりたくなる遊びだった。 しかし、2019年8月、久しぶりにやってみようとすると…… の死に伴い、「東方イントロ当て」も遊べなくなってしまったのだった…… おしまい。 ということで、代わりに東方原曲でイントロクイズを遊ぶ方法が無いか探したところ、どれもイマイチだったので、イントロクイズができるサイトを自分で作ることにした。 しかしそもそもお金がかかったり手続きが煩雑そうな感じがしたりと、サーバを借りるのは面倒そうなので、別の手段を採った。 かの有名な「設計図共有サイト」である にアカウントを作る(無料)と、そこに個人用のサイトを作ることができるので、それを利用することにした。 が、この方法には重大な欠点がある(後述)。 の画面 製作工程 まずはクイズの形をつくる イントロクイズというのは、• 音楽の冒頭を流して• 解答者の解答を受け取って• 正しいか正しくないか判定する(正解表示は場合によっては不要だと思う) というのが最低限の要素となる。 しかも、今回はそれらに加えて• 解答するためのボタンとしてたくさんの東方原曲の名前を作品ごとに並べる• 再生する時間を変化させて難易度を変化させる• 最初に難易度や出題数を選べるようにする というようなことを実現したい。 しかし、いきなりすべての要素を満たそうとするのではなく、まずは• 解答者の解答を受け取って• 正しいか正しくないか判定する という要素だけを満たした、普通のクイズができるページを試しに作った。 これはインターネットの海に転がっていたを組合わせて完成させた。 6 問のクイズがランダムな順で出題され、選択肢を押すと正誤がでるショボいクイズである。 しかし、• 問題の順番をランダムにする• ボタンを押すと解答ができる• 最後に何問正解したか示す といった基本的な要素を実装することができて、これから作りたいものの土台になるものをつくることができた。 曲を流す 実は曲を流すのは、そこまで難しくもなかった。 「こういうツールを使えば音声ファイルを流せるよ」みたいな情報はすぐに見つかったので、全然苦労した記憶がない。 実際の出題画面 しかし、故「東方イントロ当て」のように、• 再生する時間を変化させて難易度を変化させる ところで苦労した。 最初は「あるファイルの冒頭 0. n 秒だけ再生する」という仕様にすればいいのかなと考えていた。 しかし、自分が調べた限りでは、「十分に長い音声ファイルを読み込んでそのうち途中の数秒を再生する」という方法は存在したが、その方法では「冒頭 0. n 秒だけ再生する」というのはうまくいかなかった。 大量の音声ファイルをあらかじめ編集しておく 「一つの曲に対して一つのファイルを用意し、難易度ごとに再生する時間を変化させる」という戦略はダメそうだと分かった。 そこで難易度ごとに短くカットしておいたファイルを再生することにした。 しかし 243 曲出題する曲があって、難易度が5個(Easy, Normal, Extra, Hard, Lunatic)ある。 1, 0. 3, 0. 5 秒などと指定の秒数を切り出す操作が含まれている。 ということで、かなり手動でやるのは大変な量である。 そこで というツールを使って のターミナル上で原曲の音声ファイルに対して一括処理した。 無音の処理と一定の長さの切り出しを自動でやってくれる。 find. -name.. 08 0. 嬉しい。 また、ある無音のを調整して、Lunatic であってもある程度音量が大きい部分から切り出すようにした。 こうして問題として流すファイルを用意できた。 ちなみに難易度設定は 再生時間 Easy 1. 0秒 Normal 0. 5秒 Extra 0. 3秒 Hard 0. 2秒 Lunatic 0. 1秒 である。 解答のためのボタン イントロクイズとしてテンポよく答えてもらうためにも、解答はボタンでできることが望ましい。 一方で、選択肢は 240 個ほど存在するので、全てを一度に表示することはできない。 作品名のボタンだけを並べる• 作品名のボタンを押すと曲名の一覧がボタンとして現れる• 曲名のボタンを押すと解答になる という風に作った。 曲名が展開される前 曲名が展開された後 その他ここで説明しなかったような内容も実装して、「東方イントロクイズ」が3日程で完成した。 色々な工夫 出題数を自分で決められるようにした。 全問に挑戦したい人、サクッと遊びたい人など、様々なニーズに対応するために、問題数を始める前に指定できるようにした。 出題範囲を絞れるようにした ED曲やスタッフロール曲はゲームでしか曲に触れていない人が触れる機会が少ないため、場合によっては出題しない方がいいと考えた。 また同様に小数点ナンバーの作品も出題から除外できるようにした。 実は自分もこの機能をオンにして遊ぶ(正直) 開始前の選択画面 ファイルから曲名ボタンを動的生成 作品のリスト及び曲のリストは ファイルという形式で管理している。 そのファイルに曲についての種々の情報を記載して、出題や表示に利用している。 将来問題が追加する時のことを考え、画面に表示されるボタンをこのファイルを利用して動的に生成するようにした。 簡単に言えば、この ファイルを更新するだけで画面で表示される曲名ボタンも自動で更新されるようにした。 にならないように プレイヤーズスコアはに含めています。 ・狂気の瞳はイントロでとの判別がつかないので、どちらを答えてもOKにしています ・妖怪の山はイントロでとの判別がつかないので、どちらを答えてもOKにしています 「細かい話」というページにこのように書いたが、要は 「曲の途中で違いが分かるけれど、イントロでは判別できない2曲」はどちらを答えてもOK にしたということ。 ファイル名の隠蔽 ブラウザで F12 を押すとどういったファイルがやり取りされているか見ることができる。 最初は音声ファイルの名前を 12802. mp3 という風に名前をつけていた。 そのためこの規則を理解してしまった人には、出題される問題がバレてしまう可能性があった。 そこで"12802"の部分を変換して、必要な時には"12802"に戻せるけども見ただけでは分からないようにした。 簡単な暗号化になる。 隠蔽されたファイル名("d4a9593. mp3" というところ) 解答時間の計測 解答時間を計測して結果画面で示すようにした。 (それだけ) ツイートボタン設置 結果画面で結果をツイートできるようにした。 (それだけ) 至らない点 対応が微妙 いちおうで遊べるようにレイアウトを調整したが、うまく動かないという感想を見かけた。 あらゆる端末で遊べる保証はできない。 スコアを集計できない 全問に挑戦した人のランキングを作ったり、曲ごとの正解率などを出せたら面白そうであるが、残念ながらそれはできない。 それは前述した の欠点によるものである。 上で公開したサイトは、データを利用者から受け取ることができない(多分)。 そのため今まで何問正解したかどうかやどの問題で正解したかといった情報は、利用者のブラウザ上にしか残っていないもので、どうやっても管理者の私が知ることはできない。 そのため正解率などを出そうとすれば、利用者からデータを受け取るために意を決してサーバを借りる必要がある。 反響 結果をツイートできるようにして、 も用意したので、反響を見ることができた。 楽しんでいる方が居るようで嬉しい。 全問正解している人 東方イントロクイズに挑戦しました! 難易度Lunaticで 243問中243問正解! 解答時間: 1436. 感想 まず我ながらこのサイトで遊んでて楽しい! あと作ること自体がいい経験になった。 何回も改良を加えて遊びやすくなったと思う。 みんな遊んでくれよな! おわり.

次の

東方イントロクイズ製作秘話

イントロクイズ ブラウザ

1~5問正解 :IQ=120~140で、頑張ればメンサ入り 6~8問正解 :IQ=140~160で、あなたに国の将来がかかっている 9~10問正解:IQ=160~180で、末は博士か大臣か となっています。 合計70円にするには、1円玉・5円玉・10円玉、それぞれ何枚ずつになるでしょう? 第2問 IQ:150 部屋Aには、スイッチが3つあります。 部屋Aの3つのスイッチは、隣の部屋Bにある3つの電球に、それぞれつながっています。 どのスイッチが、どの電球に対応しているのかは分かりません。 いったん部屋Aから出ると、部屋Bには行けますが、戻ることはできません。 あなたは今、部屋Aにいます。 部屋Aの3つのスイッチが、部屋Bのどの電球につながっているのかを知りたいとき、あなたは、どのような行動を取ればいいでしょうか? 第3問 IQ:160 目の前にある道路は、30分以内に車が通る確率が、95%です。 では、10分以内に車が通る確率はいくつ? 第4問 IQ:130 A君、B君、C君の3人が明日会おうということになりました。 しかし、それぞれ以下のような主張をしました。 A君「晴れだったら行きたくない」 B君「雨だったら行きたくない」 C君「曇りだったら行きたくない」 雪やみぞれにならず、晴れ・雨・曇りの天気が一日中続くとして、どうすればこの3人は会うことができるのでしょうか? 第5問 IQ:140 ある船に、羊が26頭、ヤギ10頭が乗っています。 この船の船長の年齢を答えなさい。 なお、この問題文に誤りはありません。 第6問 IQ:140 ここに3人の子供がいます。 彼らからヒントをもらい、Aさんがみんなの年齢を当てるゲームを始めることにしました。 一人目の子供「みんなの年齢をかけると、72になるよ!」 A「うーんまだ、分からない・・・」 二人目の子供「みんなの年齢を足すと、今日の日付になるよ~!」 A「うーん、難しい…まだ分からない」 三人目の子供「一番年齢が高い子だけ、アイスクリームが好きだよ!」 A「そうか、ようやく分かった」 子供3人のそれぞれ年齢はいくつになるでしょうか? 第7問 IQ:160 ここに、白玉20個と黒玉13個が入ったカバンがあります。 バッグからランダムに玉を2個、取り出します。 もし玉の色が同色なら、白い玉1個をカバンに入れ、もし玉の色が違ったら、黒い玉1個をカバンに入れます。 これを繰り返します。 一度取り出した2つの玉については、カバンの中には戻さないので、カバンの中の玉は減り続けます。 さて、ここで質問。 カバンの中に最後に残る玉は、何色になるでしょうか?確率と一緒にお答えください。 第8問 IQ:190 赤い切手と緑の切手がそれぞれ4枚ずつあります。 これらをA君、B君、Cさんの3人に見せた後、それぞれのおでこに2枚ずつ、ランダムに切手を貼り付けます。 残った2枚の切手は、捨てます。 3人は、自分のおでこの切手2枚の色は分かりません。 しかし、他の人の切手の色はわかります。 彼らに自分のおでこに貼られた切手の色が何色かと順番に聞いていきました。 A「分からないに決まってるよ... 」 B「分かるはずないだろ!」 C「分からない」 A「まだ、分からない」 B「!分かった」 さて、B君の2枚の切手の色は何色でしょうか? 今回の最難問です。 第9問 IQ:150 たくさんのコインがテーブルの上に置かれています。 10枚のコインだけが表になっており、残りはすべて裏の状態です。 目を隠した状態で、コインを2つのグループに分けます。 ただし、2つのグループは互いに「表のコインの枚数」が同じにならなければいけません。 さて一体どうすればいいでしょうか? 第10問 IQ:105 さあ、最終問題です。 これまで、難しすぎて放棄されてきた方もおられるでしょうが、これを解いて、気持ちよく終わりましょう。 ボールペンと消しゴムの値段は、合計で110円です。 ボールペンの値段は消しゴムよりも100円高いのですが、このとき消しゴムの値段はいくら? これは、ある学校で実際に出題された問題です。 このテストを受けた受験生たちも困惑したのです。 この問題を見せられた周囲の人々も同じでした。 この短すぎる不可解な問題は、いったい何を問いにしているのでしょうか? 「船長は大人でなければならないので、少なくとも18歳である」という答えがありましたし、積載量の重さと、それに見合う船の免許最低年齢とを算出して、23~28歳という回答もあったそうです。 答えは、「分からない」。 これが正解です。 しかし、回答者の中には、2つの数字を足したりして、もっともらしい答えを書いた人が少なくなかったのです。 正解を導くには、情報が足りない。 知能が高いということは、理性の教えるところに、忠実に従うということです。 そこには、意志も関係してきます。 どんな権威も、誤る場合がある。 知性は、暴力や組織に屈服してはいけないのです。 第6問の答え 間違いなく黒玉が残ります。 これは、確率の問題ではありません。 玉を取り出したとき、次のように入れ替わります。 黒玉は、2個同時の時にしか減りません。 はじめの時のカバンは白が20個、黒が13個。 つまり、黒玉は絶対に奇数個がカバンの中に残ることになります。 黒玉は2個ずつ減っていき、最終的には白が1個、黒が1個になります。 その後、とりだす玉の色が白と黒になるので、黒玉をカバンへ。 ちなみに、白玉は必ず1個ずつ減っていきますね。 これも、あれこれ場合分けする間に、本質を見抜く種類の問題でしたね。 第8問の答え どの人も自分の切手が何色なのかわかる組み合わせがあります。 「自分以外の2人の切手が、すべて同色」の場合です。 このとき、解答順が回ってきた人は、すぐに自分の切手の色が分かります。 これがすべてのはじまりになります。 最初の発言から、BとCの4枚の切手は「すべて同一色」という訳ではないということ。 BとCの発言からも、そのことだけしかわかりません。 この時点で分かっていることは、「同一色4枚の切手を持つ2人の組み合わせは存在しない」ということ。 しかし、2度目のAが「分からない」と言った瞬間、Bは以下のように考えます。 「もし自分が赤・赤の場合、Aは2回目の解答で『もし自分が赤・赤だとすれば、赤は4つ出ており、Cは自分の切手が緑・緑だと分かる。 でも、Cは分からないと発言した。 ということは自分は赤・赤ではない。 そしてこのことは、緑・緑の場合も同じだ。 自分の切手は赤・緑』となり、2回目の時も「自分の切手は赤・緑」という正解になるはずだ。 でも、Aは2回目も『わからない』と話した。 となると『自分が赤・赤の切手を持っていれば』という仮定が間違っていることになり、これは『自分が緑・緑の切手を持っていれば』という仮定も同じ。 よって、自分の切手は「赤・緑」となる。 二重仮定でも、パターンが限定されているので、突き詰めることが可能なのですね。 これはかなりの歯応えでした。 第9問の答え まず、コインを「10枚グループ」と「それ以外のグループ」の2つにわけます。 ここで、10枚グループにある表のコインの枚数をaとします。 すると・・・ ・10枚のコイン:表がa枚 ・残りのコイン:表が10-a枚 この状態で「ランダムに選んだ10枚のコイン」グループのコインを全てひっくり返します。 表のコインがa枚ある10枚のコインを裏返すと、表のコインの枚数は10-a枚になります。 これで、見事に2つのグループの表のコインが同数になっています! 2つのグループはお互い「表のコインの枚数」が同じにならなければいけないとありますが、それは「表が5枚ずつのグループに分けなければならない」という意味ではないことを見抜く柔軟な発想が必要です。 第10問の答え 消しゴムの値段は、5円です。 10円だと思われた方、注意力を発揮して、踏みとどまりましたよね?!それだとボールペンが110円になり、合計で120円になっちゃいますね。 もし検算する癖がついている方なら、すぐにカラクリに気づいたでしょう。 あら、ちょうど問題の参考IQが、ボールペンの値段になっていますね。 以上、IQクイズ10問でした!お疲れさまでした! いかがでしたでしょうか? 人間の脳は、鍛えれば鍛えるほど、強く深くなっていくものです。 生まれつきの才能は、もちろん関係しますが、 知能は訓練することで、ある程度強くなっていくもの。 ぜひ、難しい問題に出会ったときでも、ここで覚えた論理力や発想力を利用して、対応してみてください。 メンサでは、知能を深め、平和に有効に利用することを目的としています。 せっかくの優れた知能も、人類の益のために使わなければ、意味がありません。 知能の深い人ほど、正しい人であってほしいものです。 そんな思いを込めながら、今回は閉じることにしましょう。 それでは!.

次の

「2020最新版」オープニング・イントロ動画を無料作成方法

イントロクイズ ブラウザ

1~5問正解 :IQ=120~140で、頑張ればメンサ入り 6~8問正解 :IQ=140~160で、あなたに国の将来がかかっている 9~10問正解:IQ=160~180で、末は博士か大臣か となっています。 合計70円にするには、1円玉・5円玉・10円玉、それぞれ何枚ずつになるでしょう? 第2問 IQ:150 部屋Aには、スイッチが3つあります。 部屋Aの3つのスイッチは、隣の部屋Bにある3つの電球に、それぞれつながっています。 どのスイッチが、どの電球に対応しているのかは分かりません。 いったん部屋Aから出ると、部屋Bには行けますが、戻ることはできません。 あなたは今、部屋Aにいます。 部屋Aの3つのスイッチが、部屋Bのどの電球につながっているのかを知りたいとき、あなたは、どのような行動を取ればいいでしょうか? 第3問 IQ:160 目の前にある道路は、30分以内に車が通る確率が、95%です。 では、10分以内に車が通る確率はいくつ? 第4問 IQ:130 A君、B君、C君の3人が明日会おうということになりました。 しかし、それぞれ以下のような主張をしました。 A君「晴れだったら行きたくない」 B君「雨だったら行きたくない」 C君「曇りだったら行きたくない」 雪やみぞれにならず、晴れ・雨・曇りの天気が一日中続くとして、どうすればこの3人は会うことができるのでしょうか? 第5問 IQ:140 ある船に、羊が26頭、ヤギ10頭が乗っています。 この船の船長の年齢を答えなさい。 なお、この問題文に誤りはありません。 第6問 IQ:140 ここに3人の子供がいます。 彼らからヒントをもらい、Aさんがみんなの年齢を当てるゲームを始めることにしました。 一人目の子供「みんなの年齢をかけると、72になるよ!」 A「うーんまだ、分からない・・・」 二人目の子供「みんなの年齢を足すと、今日の日付になるよ~!」 A「うーん、難しい…まだ分からない」 三人目の子供「一番年齢が高い子だけ、アイスクリームが好きだよ!」 A「そうか、ようやく分かった」 子供3人のそれぞれ年齢はいくつになるでしょうか? 第7問 IQ:160 ここに、白玉20個と黒玉13個が入ったカバンがあります。 バッグからランダムに玉を2個、取り出します。 もし玉の色が同色なら、白い玉1個をカバンに入れ、もし玉の色が違ったら、黒い玉1個をカバンに入れます。 これを繰り返します。 一度取り出した2つの玉については、カバンの中には戻さないので、カバンの中の玉は減り続けます。 さて、ここで質問。 カバンの中に最後に残る玉は、何色になるでしょうか?確率と一緒にお答えください。 第8問 IQ:190 赤い切手と緑の切手がそれぞれ4枚ずつあります。 これらをA君、B君、Cさんの3人に見せた後、それぞれのおでこに2枚ずつ、ランダムに切手を貼り付けます。 残った2枚の切手は、捨てます。 3人は、自分のおでこの切手2枚の色は分かりません。 しかし、他の人の切手の色はわかります。 彼らに自分のおでこに貼られた切手の色が何色かと順番に聞いていきました。 A「分からないに決まってるよ... 」 B「分かるはずないだろ!」 C「分からない」 A「まだ、分からない」 B「!分かった」 さて、B君の2枚の切手の色は何色でしょうか? 今回の最難問です。 第9問 IQ:150 たくさんのコインがテーブルの上に置かれています。 10枚のコインだけが表になっており、残りはすべて裏の状態です。 目を隠した状態で、コインを2つのグループに分けます。 ただし、2つのグループは互いに「表のコインの枚数」が同じにならなければいけません。 さて一体どうすればいいでしょうか? 第10問 IQ:105 さあ、最終問題です。 これまで、難しすぎて放棄されてきた方もおられるでしょうが、これを解いて、気持ちよく終わりましょう。 ボールペンと消しゴムの値段は、合計で110円です。 ボールペンの値段は消しゴムよりも100円高いのですが、このとき消しゴムの値段はいくら? これは、ある学校で実際に出題された問題です。 このテストを受けた受験生たちも困惑したのです。 この問題を見せられた周囲の人々も同じでした。 この短すぎる不可解な問題は、いったい何を問いにしているのでしょうか? 「船長は大人でなければならないので、少なくとも18歳である」という答えがありましたし、積載量の重さと、それに見合う船の免許最低年齢とを算出して、23~28歳という回答もあったそうです。 答えは、「分からない」。 これが正解です。 しかし、回答者の中には、2つの数字を足したりして、もっともらしい答えを書いた人が少なくなかったのです。 正解を導くには、情報が足りない。 知能が高いということは、理性の教えるところに、忠実に従うということです。 そこには、意志も関係してきます。 どんな権威も、誤る場合がある。 知性は、暴力や組織に屈服してはいけないのです。 第6問の答え 間違いなく黒玉が残ります。 これは、確率の問題ではありません。 玉を取り出したとき、次のように入れ替わります。 黒玉は、2個同時の時にしか減りません。 はじめの時のカバンは白が20個、黒が13個。 つまり、黒玉は絶対に奇数個がカバンの中に残ることになります。 黒玉は2個ずつ減っていき、最終的には白が1個、黒が1個になります。 その後、とりだす玉の色が白と黒になるので、黒玉をカバンへ。 ちなみに、白玉は必ず1個ずつ減っていきますね。 これも、あれこれ場合分けする間に、本質を見抜く種類の問題でしたね。 第8問の答え どの人も自分の切手が何色なのかわかる組み合わせがあります。 「自分以外の2人の切手が、すべて同色」の場合です。 このとき、解答順が回ってきた人は、すぐに自分の切手の色が分かります。 これがすべてのはじまりになります。 最初の発言から、BとCの4枚の切手は「すべて同一色」という訳ではないということ。 BとCの発言からも、そのことだけしかわかりません。 この時点で分かっていることは、「同一色4枚の切手を持つ2人の組み合わせは存在しない」ということ。 しかし、2度目のAが「分からない」と言った瞬間、Bは以下のように考えます。 「もし自分が赤・赤の場合、Aは2回目の解答で『もし自分が赤・赤だとすれば、赤は4つ出ており、Cは自分の切手が緑・緑だと分かる。 でも、Cは分からないと発言した。 ということは自分は赤・赤ではない。 そしてこのことは、緑・緑の場合も同じだ。 自分の切手は赤・緑』となり、2回目の時も「自分の切手は赤・緑」という正解になるはずだ。 でも、Aは2回目も『わからない』と話した。 となると『自分が赤・赤の切手を持っていれば』という仮定が間違っていることになり、これは『自分が緑・緑の切手を持っていれば』という仮定も同じ。 よって、自分の切手は「赤・緑」となる。 二重仮定でも、パターンが限定されているので、突き詰めることが可能なのですね。 これはかなりの歯応えでした。 第9問の答え まず、コインを「10枚グループ」と「それ以外のグループ」の2つにわけます。 ここで、10枚グループにある表のコインの枚数をaとします。 すると・・・ ・10枚のコイン:表がa枚 ・残りのコイン:表が10-a枚 この状態で「ランダムに選んだ10枚のコイン」グループのコインを全てひっくり返します。 表のコインがa枚ある10枚のコインを裏返すと、表のコインの枚数は10-a枚になります。 これで、見事に2つのグループの表のコインが同数になっています! 2つのグループはお互い「表のコインの枚数」が同じにならなければいけないとありますが、それは「表が5枚ずつのグループに分けなければならない」という意味ではないことを見抜く柔軟な発想が必要です。 第10問の答え 消しゴムの値段は、5円です。 10円だと思われた方、注意力を発揮して、踏みとどまりましたよね?!それだとボールペンが110円になり、合計で120円になっちゃいますね。 もし検算する癖がついている方なら、すぐにカラクリに気づいたでしょう。 あら、ちょうど問題の参考IQが、ボールペンの値段になっていますね。 以上、IQクイズ10問でした!お疲れさまでした! いかがでしたでしょうか? 人間の脳は、鍛えれば鍛えるほど、強く深くなっていくものです。 生まれつきの才能は、もちろん関係しますが、 知能は訓練することで、ある程度強くなっていくもの。 ぜひ、難しい問題に出会ったときでも、ここで覚えた論理力や発想力を利用して、対応してみてください。 メンサでは、知能を深め、平和に有効に利用することを目的としています。 せっかくの優れた知能も、人類の益のために使わなければ、意味がありません。 知能の深い人ほど、正しい人であってほしいものです。 そんな思いを込めながら、今回は閉じることにしましょう。 それでは!.

次の