立方パノラマ表示 WebGL Panorama 修正版

Ruby+GLUT 版に相当する WebGL パノラマ表示スクリプトを既に誰かが作ってないかと探してみたら、 「WebGL Panorama by ulfbiallas」が見つかりました。 ただし、 これの立方体表面画像との対応は WebGL のキューブ・マップに合わせてあり、 そのままでは Qu…

重ねた紙片の奥にある紙のドラッグとクリック

一番手前にある紙片をドラッグで移動、 クリックで編集開始するのは自然なことです。 では奥にある紙片では、 どうするのが良いのでしょうか。⇒ https://tociyuki.sakura.ne.jp/archive/postit.html⇒ https://tociyuki.sakura.ne.jp/archive/postit.js奥にあ…

付箋紙でカスタム・イベント遊び

そろそろ付箋紙のモデルがモデル・オブジェクトらしくなってきたので、 jQuery の便利機能であるカスタム・イベントで遊んでみます。 おおまかには、 コントローラがモデル・オブジェクトの内容を変更し、 内容の変化に応じたカスタム・イベントが発火します…

付箋紙もどき 空の付箋紙削除

付箋紙もどきに、 空の付箋紙を削除する機能をつけました。 $('#erase').on('click', cards_gc); 削除にあたって、 付箋紙オブジェクトの識別番号と zorder のそれぞれの順番を保ちつつ、 途中に空きができないように番号を詰めることにします。 var cards_g…

付箋紙もどき (localStorage 版 マルチタブ非対応)

2 年前に作った付箋紙もどきを localStorage で永続化するように変更しました。⇒ https://tociyuki.sakura.ne.jp/archive/postit.html⇒ https://tociyuki.sakura.ne.jp/archive/postit.js以前は付箋紙に書き込んだ文字列をオブジェクトに並べていたのを変更…

付箋紙もどき

レモン色の小さな長方形をマウスを使ってウェブ・ページの中で動かして配置を変えることができ、長方形をクリックすると内容を書き直すことができる、そんな付箋紙の真似事をするおもちゃをウェブページの中で動かして遊んでみます。ただし、付箋紙の位置と…

コンウェイのライフゲーム

本館用に Javascript Canvas API でライフゲームを書いてみました。128×128 のマス目で、枠で閉じた系にしています。⇒ https://tociyuki.sakura.ne.jp/lifegame.html ⇒ https://tociyuki.sakura.ne.jp/lifegame.jsコンストラクタでは、パラメータ他をすべて…

8 桁電卓

なんでも、Windows の電卓は任意精度計算エンジンを備えているそうです。 ⇒ When you change the insides, nobody notices - The Old New Thing - Site Home - MSDN BlogsThe innards of Calc - the arithmetic engine - was completely thrown away and rew…

文字列で 10 進任意精度整数の四則演算の Javascript 版

Perl は bigint があるので、おもしろみが失せるため、Javascript に翻訳してみました。⇒ https://gist.github.com/tociyuki/10974217 bernoulli_number.jsFirefox の「ツール → Web 開発 → スクラッチパッド」に読み込ませて、動作確認をしています。

wiki-creole.js をリファクタリング

wiki-creole.js を、v0.0.3 から v0.1.0 へ。ユニットテストができるようになったので、リファクタリングをおこないました。行数が 200 行増えていますが、気にしないことに……。⇒ https://gist.github.com/1496276/6c8ad26f2ddcc299974afdb9f9231696fd5fdb0f…

Text-Creolize を Javascript に移植

ブラウザ側で Wiki フォーマッタとテキスト差分を動かす Wiki でも作ってみようかと Perl で記述した Text-Creolize を javascript-1.6 に移植しだしたところ、標準の正規表現で非欲張りマッチが使えないことを初め、いろいろと苦しむハメになって土日を潰し…

Y.js

Mozilla LXR の中に Javascript で記述した Y コンビネータを発見。 ⇒ mozilla/js/src/Y.js リンク先のコードは関数名を使っており Y コンビネータらしく見えないので、それっぽく書き直してみました。 (function(f){ return (function(p){ return f(functio…

ドラッガブル・マーカー

Google Maps API v2 のマーカーを地図の上でドラッグできる機能がオフィシャルにアナウンスされ API ドキュメントにも記載されました。ただし、現在のところ、マーカーを表示されている外にもっていこうとしても自動的に地図がスクロールされず、現在表示さ…

diff_heckel.js αテスト中

ブラウザで差分処理をさせてみようと Heckel アルゴリズムで書いた Javascript のコードをαテストしています。 (2011年2月2日) バージョン 0.03へ。クラスにして、テストを追加しました。diff3 も追加。 (7月9日) バージョン 0.02へ。長いプロパティ名を使う…

左揃えをブックマークレットでおこなう

idea:3973 の要望の目的の一つとして書いてある詩や台本向けの左揃えをブックマークレットでやってみます。エスケープ div 要素で左揃えしたい連続した行を囲んで、各行の末尾に br 要素を追加すれば良いでしょう。 はてなの編集画面専用ですけど、下の 4 行…

Lightbox JS

本館の写真集ページ「鎌倉雪景色2006年1月22日」で、年末年始にはてブで注目されていた Lightbox JS を使ってみました。 ⇒ http://www.huddletogether.com/projects/lightbox/ いい感じです。 使うのはあっけないほど簡単。 上の Lightbox JS のページの末尾…

フィードと連携(その2)

Tociyuki::Diary - フィードと連携の javascript の再利用性を上げるために、リファクタリングしました。 ⇒ https://tociyuki.sakura.ne.jp/util/geotkbure.03.js この版を用いた、HTML のスクリプト要素の典型的な記述は次のとおりです。 var map=new GMap(…

prototype.js で Floating Leaflets

prototype.js を使って付箋紙風の DHTML を作ってみました。BSD ライセンスにしておきます。 ⇒ https://tociyuki.sakura.ne.jp/test/postit.html 元ネタは、萩原 真一さんのJavaScript Tips collectionの「付箋紙」 Ver1.1です。 といっても、参考にしたのは…