SPEC vol.2の賞品としてNintendo 3DSをいただきました。関係者の方ありがとうございます。ちょうど2011/6/7からWebブラウザが配信されたので、どんなもんなのか調査。公式なスペックはhttp://www.nintendo.co.jp/3ds/hardware/features/browser.htmlで確認で…

SPEC vol.2向けに作った物→kisekae / forked from: pigg見事Goldとなりました。関係者の方ありがとうございました。今回は震災後ひさびさの趣味コード書きのため変度が低かったのがちょっと不満ですが、これからも変なものを作ります。作業メモは間違って消…

スライダを使いたかったので適当に作ってみた。

正確には「Google CGI API for Japanese Input」を使って、かな漢字変換＋ローマ字入力をシミュレートしたもの。

JAM Session 5の結果発表。入賞できました。ありがとうございました＞各位 これからも変なものを作ります。

JAM向けのものを作った。 フルスクリーンで見ないと残念な感じになるのでリンクだけ貼っておく。 CBC NET [HARD MODE] forked from: CBC NET以下制作時のメモとか。

画像を使用せずに、canvasでテレビの砂嵐を描くチュートリアルとhttp://jsdo.it/hakobera/nZe4を見て自分で書くならどうするか考えてみた。 fillRectじゃなくてImageDataを使ったほうが早いかも 砂嵐といったら白黒というイメージ アニメーションもさせたい …

最近ネタ色強め。次からはちゃんと一つ作るごとにこっちにも書くようにしよう。

面倒かどうかだけで、優劣とかとは別の話。間違い・勘違いがあるかもしれません。 動的な色の指定が面倒くさい 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でフォトビューアというのがテーマ。アンビリー…

こんな描画コードを実行するとする。 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とかをい…

あんまりこっちを更新していなかったので最近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）を加えてみた。もっとバラバラに配置したり、全部まとめて裏返すとかの機能を付ければ神経衰弱くらい…