ペペロン頭脳

ソフトウェアエンジニアのメモ的なアレ。

漢字の線に囲まれた部分だけを塗りつぶした画像で何の四字熟語か当てるアレをWebアプリ化

f:id:peperon_brain:20141017011943p:plain

どーも。
最近は流行りに遅れつつもingressなど始めてみたりしちゃって、ロードバイクで夜な夜な近所を疾走しつつも情報処理試験が近いので遊んでばっかりもいられない今日このごろです。

遊んでばっかりもいられないのですが、先日下記のまとめ記事がホッテントリ入りしちゃって。

即答してる人は超人なのか?サヴァン的な才能を持ってるのか?っつーくらい難しいのです。難しい。無理ゲー。全然わからない。悔しい。

そういったフラストレーションが蓄積した結果、むしゃくしゃしてWebアプリ化してみたのが以下のページでございます。

基本機能

クライアントサイド完結。canvas使って実装してます。
文字描画→2階調化→周囲塗りつぶし→白黒反転
カッとなって作ったレベルなので、機能はシンプルです。デザインもBootstrapそのまんまです。

  • 上記スレッドにある四字熟語を決め打ちで保持。この中からランダムに出題
  • 解答見たり隠したりできる
  • [次の熟語]ボタンで次の問題をランダムに出題

いずれ追加したい機能

  • ソーシャルボタン追加
  • URLハッシュで問題切り替え
  • 投稿機能
  • 問題一覧の表示

情報処理試験が終わってから育てる。