• ぱっと作れそうな感じだったので
• 息抜き

• 明確な目的はなし．息抜き

• 色付きの数字が，その色名（英語）の文字位置にある1文字を表している，というもの（一つの色付き数字が一つのアルファベットに対応する）

Web standard 16 colors をベースに考えてみる．そのカラーネームにおいて，どの英文字がどの位置に現れるかを求めてみると次のような感じ（ExcelでFIND関数を使って整理）．

• navy, teal, lime, aqua, fuchsia, olive, maroon は日本人にはピンとこない（わかりづらい）ので不採用．
• gray と silver も判断に困るのでどちらか一択 → 今回は s と v を使いたいので silver を採用（gray の使用回避）．
• 結果的に，f, j, m, q, x, z を含むカラーがないので，これらの文字は暗号化されないことに．それ以外については，上表のオレンジで塗りつぶしたセルの値（とカラー）を使うことにする．

こんな感じでベタに書いてみる．
今回はcanvasを使って描くことに．フォームに入力された文字列から1文字ずつ取り出して，事前に定義した変換（テーブル）ルールに従って出力する．f, j, m, q, x, z, スペースはそのまま出力する．フォントサイズや文字送り幅は適当に設定．

htmlソースはこんな感じでどうでしょう．

<canvas id="cv" width="400" height="100" style="display:none;"></canvas>

<form name="myform">
	<input type="text" id="inputtext" placeholder="半角英小文字とスペース" pattern="^[a-z\s]+$" title="半角英小文字とスペースを入力してください" size="15" maxlength="15">
	<input type="button" value="暗号化" onclick="genImg();">
</form>

<div>
<img id="out">
<div id="msg"></div>
</div>

canvasの描画内容を画像（PNG）として出力させることにした．
（遊んでみたい人向けの注意！上記スクリプトはcanvasタグより後ろに記述 or 読み込むこと．）

こちらのページからどうぞ．

• さあ仕事しよう

• Basic HTML data types – 6.5 Colors

three.js
http://threejs.org/

• 気分転換に

• 上記参考サイト（three.js）からファイルをダウンロードしてサーバにアップ，展開（設置）
• サンプルファイルをコピーして編集．今回は webgl_loader_collada.html を使って，以前にもらったホッキョクグマを読み込ませて表示させてみる
• スクリプトのパスの変更（環境に合わせて）を忘れずに

iOSなデバイスも早くWebGLに対応するとよいね．
もう少し余裕が出来たら真剣に遊ぶことにします．

• three.js
  http://threejs.org/

meso-cacase / difff
https://github.com/meso-cacase/difff

• 息抜きに

• 上記参考サイト（GitHub）からファイルをダウンロードして設置
• perl, diff, 作業ディレクトリのパス等を編集
• 設置ディレクトリに .htaccess を置くなりして必要な設定を実施（ExecCGI とか DirectoryIndex とか）

こちらから
ただし学内からのアクセス限定

便利．感謝．

• meso-cacase / difff
  https://github.com/meso-cacase/difff

Shortcode API « WordPress Codex
http://codex.wordpress.org/Shortcode_API

WordPressの投稿画面から、PhotoshopやIllustratorのデータ（拡張子がPsdやAiのファイルデータ）をアップロードする方法
http://www.communitycom.jp/2012/10/01/wordpress-psd-ai/

• 以前に Java Applet ベースの ttyplayer を教育用に使っていた
  ⇒ JavaScript ぐらいで誰か作ってないかしら？
  ⇒ 発見。だけどそのままじゃ WordPress で使えない
  GitHub – https://github.com/encryptio/jsttyplay
• プラグインにしてしまおう
• .tty ファイルのURLを引数とした Shortcode にしてみようかしら

• WordPress 3.6.1

• （書こうと思ったけど省略）参考サイトの情報がとっても有益
• 下記 92行目～が shortcode 作成の部分
• 下記 23～81行目が設定ページ（Option、フォントを選択できる）作成の部分
• 下記 84～88行目が’upload_mimes’ に拡張子 .tty を追加する部分（メディア追加で .tty ファイルをアップロードできるようにする）

[jsttyplay url=”tty_file_path”] で動作する。
いろいろ良くないところを残したまま、とりあえず公開してみる。誰かもっと素敵に作ってください。

こちらから

• Shortcode API « WordPress Codex
  http://codex.wordpress.org/Shortcode_API
• WordPressの投稿画面から、PhotoshopやIllustratorのデータ（拡張子がPsdやAiのファイルデータ）をアップロードする方法
  http://www.communitycom.jp/2012/10/01/wordpress-psd-ai/

「攻殻機動隊」「電脳コイル」の世界を実現！ARToolKitを使った拡張現実感プログラミング
http://kougaku-navi.net/ARToolKit/

ARToolKit, Collada DOM, OpenSceneGraphとosgARTインストールスクリプト
http://tech.enekochan.com/2012/07/04/installation-scripts-for-artoolkit-collada-dom-openscenegraph-and-osgart/?lang=ja

• 創造祭の学科展示で何か見せたい
• H25プロジェクトに関連して，子どもに喜んでもらいたい
  →　ホッキョクグマ（シロクマ）を登場させてみようかしら

• Pansonic Let’snote CF-SX1GELDC (wubi 経由インストールの 32bit Ubuntu 12.04 LTS)
• ELECOM UCAM-DLJ200HBK （200万画素）

Let’snote（Windows 7 Pro）にUbuntu 12.04 LTSをインストールする．wubi 使用．
普通にインストールすると64bit版がインストールされてしまうので，次のサイトを参考に32bit版をインストールする．
※ 後述の作業は64bit版ではうまくいかない．あれこれ試すもののうまくいかず，なんだか大変だったので32bit版でさらっと済ます．

UbuntuTips/Install/WubiGuide
https://wiki.ubuntulinux.jp/UbuntuTips/Install/WubiGuide

先に紹介したサイトのリンク先（github）からスクリプトをダウンロード（Download ZIP）して展開する．

インストールスクリプトを実行する．注意点は以下のとおり．

• 足りないライブラリ関係は自動で apt-get するようになっているので，実行時は sudo しておく．
• インストールスクリプトの実行順序は守る．ARToolKit → Collada DOM → OpenSceneGraph → OsgART
• スクリプト中の Collada DOM, OpenSceneGraph の SVN パスは古い（現在使えない）ので，適切に修正する．
• Select a video capture driver. は 6: GStreamer を選択（した気がする）
• OpenSceneGraph-2.8.3 を使用
• インストール後，いくつか環境変数が設定されるので，一応確認しておく（home 下の~/.bashrc）．Webカメラ（内蔵でないもの）を指したまま起動・作業しているのであればそのWebカメラが /dev/video0 に，内蔵カメラが /dev/video1 になる模様．ちゃんとチェック

osgviewer で cow.osg を表示させ確認．
※ フルスクリーンから抜けるには f キー押下

（省略．Web上に多数記事あり）

ARTookKit に同梱されている blankPatt.gif をベースに作成（協力：三輪先生）．
出来上がったマーカーをプリントして，100円ショップで購入したコースターの裏側に貼り付ける．

Maya から出力した obj 形式の3Dモデルを使用（協力：三輪先生）．ほか，画像とロゴを準備．

osgART/ の example フォルダ内にサンプルソースをコピーして編集．
CMakeList.txt も変更（追加）すること．
build ディレクトリまで移動して sudo make, sudo make install
（ソースの掲示は省略）

なんとか動作した様子．
【残された課題】いろいろ試したものの，PositionAttitudeTransform で scale は調整はできても position と attitude の変更がどうしても効かなかった．暇があったらホッキョクグマをダイブさせたいと思う今日この頃．

• 「攻殻機動隊」「電脳コイル」の世界を実現！ARToolKitを使った拡張現実感プログラミング
  http://kougaku-navi.net/ARToolKit/
• ARToolKit, Collada DOM, OpenSceneGraphとosgARTインストールスクリプト
  http://tech.enekochan.com/2012/07/04/installation-scripts-for-artoolkit-collada-dom-openscenegraph-and-osgart/?lang=ja
• OSGART
  http://www.osgart.org/index.php/Main_Page
• COSC 426 Lecture 6a on using osgART
  http://www.slideshare.net/marknb00/426-lecture6a-osgart-development