2010-01-01から1年間の記事一覧
正確には「Google CGI API for Japanese Input」を使って、かな漢字変換+ローマ字入力をシミュレートしたもの。
JAM Session 5の結果発表。入賞できました。ありがとうございました>各位 これからも変なものを作ります。
JAM向けのものを作った。 フルスクリーンで見ないと残念な感じになるのでリンクだけ貼っておく。 CBC NET [HARD MODE] forked from: CBC NET以下制作時のメモとか。
Eclipseをやめてemacsでphpのコードを書くようにしたけれども、php-modeの標準(php-mode-force-pear tの時)のインデントがちょっと気に食わない。こういった時にささっとカスタマイズできるのがemacsの利点なんだけど、どこを直せばいいのかよくわからない…
画像を使用せずに、canvasでテレビの砂嵐を描くチュートリアルとhttp://jsdo.it/hakobera/nZe4を見て自分で書くならどうするか考えてみた。 fillRectじゃなくてImageDataを使ったほうが早いかも 砂嵐といったら白黒というイメージ アニメーションもさせたい …
emacsの設定は以前使っていたマシンのをそのまま使っていたのだけれども、その時は超遅いマシンで、anything.elとかの便利そうなものがいまいち使いづらかったので未導入だった。今はそんなに遅いマシンでもないのでこのあたりの便利そうなものをいれたい。…
最近ネタ色強め。次からはちゃんと一つ作るごとにこっちにも書くようにしよう。
面倒かどうかだけで、優劣とかとは別の話。間違い・勘違いがあるかもしれません。 動的な色の指定が面倒くさい context.fillStyle = 'rgba(255,255,255,' + alpha + ')'; context.strokeStyle = 'rgb(' + v + ',' + v + ',' + v + ')'; 文字列連結とかきれい…
JAM Session 3 「思わず押したくなるボタンをつくってください」向けのもの。たぶん、「押したくなるボタン」というのはこういう意味ではないとは思うのだけど、思いついたのだからしょうがない。掃除機がしょぼすぎ。css3だけで装飾したそれっぽいボタンも…
css3向けのグラデーションエディタを作ってみた。http://jsdo.it/gct256/gz0u 動機 角度を指定したグラデーションを簡単に作りたい。 カラーストップを簡単に追加・削除したい。位置の指定や順番の入替も楽にやりたい。 既存のものへの不満 スライダで角度を…
CSS向けの色表現はいろいろある red ActiveBorder #123 #112233 rgb(11,22,33) rgb(11%,22%,33%) rgba(11,22,33,0.4) rgba(11%,22%,33%,0.4) hsl(11,22%,33%) hsla(11,22%,33%,0.4) これからRGBの値を取得したかったので、解析して割り出すコードを書いたり…
JAM http://jsdo.it/event/jam/ という、毎月テーマにそったものをつくるイベントで、七月分に応募?したカンフー時計 http://jsdo.it/gct256/9VVg が入賞。ありがとうございました>各位そして八月はMediaRSSでフォトビューアというのがテーマ。アンビリー…
さくっと乱数が欲しい時にいつも方法を忘れるのでメモ。 Math.randomは0以上1未満のNumberを返す。 0以上4未満の乱数を得たければMath.random() * 4とする。整数として欲しければMath.floorを使う。 3以上7未満は0以上4(=7-3)未満に3を足せばOK。 0以上4以下…
こんな描画コードを実行するとする。 CX.beginPath(); CX.moveTo(20, 20); CX.lineTo(100, 20); CX.lineTo(20, 100); CX.fill(); CX.beginPath(); CX.moveTo(100,20); CX.lineTo(100,100); CX.lineTo(20,100); CX.fill(); ↓こんな結果を期待するのだけれども…
基本 var CV = document.getElementById('canvas'); var CX = CV.getContext('2d'); canvasに対応しているかどうかは気にしない(気にするくらいだったら使わない)。 canvas自体のサイズを変える CV.width = 256; CV.height = 256; CV.style.widthとかをい…
CSのどっかのチャンネルをみてると頻繁にCMが入るこれを再現するというのはどうだろう?http://www.primeshop.jp/goods?goods-code=04772
あんまりこっちを更新していなかったので最近jsdo.itに上げた分でお茶を濁す。 Catmull-Romを使ってマウスで曲線を描く http://jsdo.it/gct256/ghS9 棒人間を描くライブラリ http://jsdo.it/gct256/Bouningen ↑を使ってダンシング http://jsdo.it/gct256/hIZ…
http://journal.mycom.co.jp/news/2009/08/25/062/index.htmlによると、Firefoxの最近のものでは、MacBook-Proの加速度センサを検出できるようなので、試してみた。http://jsdo.it/gct256/qfRXiPhoneとかと違って、本体を傾けたりするのがいまいちやりづらい…
http://jsdo.it/gct256/tCjb
http://jsdo.it/gct256/iUWfCSSで頑張らないで、JavaScriptに多くを委ねるようにした。ついでにドラッグによる移動と、ダブルクリックによる裏返し(flip)を加えてみた。もっとバラバラに配置したり、全部まとめて裏返すとかの機能を付ければ神経衰弱くらい…
手元に死蔵してたネタをjsdo.itにアップしてみた。手元の状態からはかなりいじったので一週間もかかったけど。 トランプ http://jsdo.it/gct256/9Q7L iPhoneっぽいツールバー(とボタン) http://jsdo.it/gct256/lBoG XorShiftによる擬似乱数(再現性のある…
帰りのバスの中で外を見ていたときに思いついた一発ネタ。http://jsdo.it/gct256/qYXW
昨日jsdo.itに置いたやつをもうちょっと発展しやすいようにいじってたら、結局全然別物になったので、別途上げた。http://jsdo.it/gct256/8brV左下のリンクでアニメーションする。 animation 1 ランダムな色と座標に移動 animation 2 立方体の面にそうような…
http://jsdo.it/gct256/iJD6コードをもうちょっと整理しないと発展しづらい。明日の昼休みにやろう。
http://hi-hat.jp/KEM.js/ http://code.google.com/p/kem/実際に使ってみて足りない点とかを追加した。 KEM.IS_IE6 - IE6の判別 グレード2であるIE6だけれども、position:fixedに対応していなかったり、32bit PNGに対応していなかったりで、特別視しなければ…
説明 http://hi-hat.jp/KEM.js/ 配布 http://code.google.com/p/kem/ ブラウザのグレードチェッカー http://hi-hat.jp/KEM.js/demo/browser_check.html QuickieTestによるテスト http://hi-hat.jp/KEM.js/test/runner.html YUI Compressorは関数中に@cc_onが…
体調を崩して間があいたものの、なんとかKEM.js向けのテストをだいたい作り終わった。並行して実装もしていたので、とりあえずテストが通る版ができたところ。現時点で、8677バイト(YUI Compressorで圧縮して5645バイト)なので、圧縮後4096バイト以内くら…
昔のファイルを整理していたらでてきたので載せておく。http://hi-hat.jp/ColorCube/↓こんな感じのキューブをマウスで回せるだけのもの。アフターバーナーのタイトル画面っぽく丸だけで3Dっぽい描画を試してたのと、色の表現方法(表色系?)を調べてたんだ…
誰が使うんだという感じもするけど、画像から半透明画像を生成するpythonスクリプトを作ったので載せておく。要PIL。 import sys import PIL.Image def clamp255(x): return max(0, min(255, int(x))) def get_alpha(b, w): alpha = (255 - w[0] + b[0]) / 2…
定数*1 KEM.REVISION リビジョン番号 KEM.RELEASE_DATE リリース日 KEM.GRADE ブラウザのグレード KEM.IS_IE IEかどうか ブラウザのグレードについては、ブラウザ判別関数に書いた通り。KEM.IS_IEがあるのはIEだけ違う処理を行う、ということが多そうなので…