JavaScriptを使って描画するCanvasとは？
座標系 具体的なCanvasの使い方に入る前に、ここでは座標系について理解しましょう。Canvasで図を描く際、必ず「どこ」に「どんな大きさ」で「何を」描くのかをJavaScriptから命令しなければいけません。ここでは「どこ」に注目します。 Canvasでは、「どこ」を表すために座標を使います。たとえば、折れ線グラフでは左下が起点となることが多いと言えるでしょう。この起点の座標は（0,0）です。そして右方向へx軸が延び、右へ向かうほどx座標の値が大きくなっていきます。そして、上方向へy軸が延び、上へ向かうほどy座標の値が大きくなっていきます。 ところが、Canvasでは若干異なります。まず起点は左上です。x座標は右へ向かうほど大きくなりますが、y座標は下へ向かうほど大きくなっていきます。 Canvasで図を描く際に使う大きさや長さの単位は、基本的にはピクセルです。図3では、Canvasの
JavaScriptでヒアドキュメントを使うライブラリを作った。 - こせきの技術日記
JavaScriptでヒアドキュメントを使うライブラリを作りました。 heredoc.js http://www.teria.com/~koseki/memo/jsheredoc/heredoc.js テスト http://www.teria.com/~koseki/memo/jsheredoc/test.html 外部ファイルサンプル http://www.teria.com/~koseki/memo/jsheredoc/tests.txt 使い方 scriptタグ内に直接書き込む使い方(インラインモード)と、外部ファイルを読み込んでコールバックを実行する使い方があります。 インラインモード <script src="heredoc.js"> # ここはscriptとして解釈されません。 str1 =<<EOT 複数行の文字列です。 下の行でおわりです。str1はグローバルになります。
JavaScriptをやり始めた人が理解したほうが良いJSONパーサのコード - sifue's blog
そろそろ4月も近いということもあって、新たにWeb業界やSIer業界に入るぞという方がプログラミングの勉強をし始めているころでしょうか。最近は、エンタープライズでもWebクライアントが主流になりつつあるのでJavaScriptの習得は避けては通れない道だと思います。また、Node.js等サーバーサイドのJavaScriptも出てきたこともあって、非常に有用な言語になりつつあります。 そんなJavaScriptを学び始めている人の中でも、ある程度プログラミングをやったことがある人がJavaScriptの綺麗な書き方を学ぶのに絶対理解しておいた方が良い300行程度のソースコードがあります。 それは、JavaScript: The Good Partsに載っているJSONパーサのコードです。 JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス 作者:
エブログ マルコフ連鎖で文章生成（JavaScript）
マルコフ連鎖で文章生成（JavaScript） マルコフ連鎖による文章生成。マルコフ連鎖と言っていいのかあまり自信はないのだが、とりあえず文章を作ってはいる感じ。 テキストエリアに入力された文章を解析して、その中の単語を使って、自動生成します。文章生成ボタンを何度か押すと文章が変わっていくと思います。 意味不明であったり、そのままの文、同じ文が続けて出たりはしてしまいますが。 メロスは激怒した。必ず、かの邪智暴虐（じゃちぼうぎゃく）の王を除かなければならぬと決意した。メロスには政治がわからぬ。メロスは、村の牧人である。笛を吹き、羊と遊んで暮して来た。けれども邪悪に対しては、人一倍に敏感であった。きょう未明メロスは村を出発し、野を越え山越え、十里はなれた此（こ）のシラクスの市にやって来た。 ここに文章が作成されます。 posted by knit at 19:45 | Comment(9)
暗号化アルゴリズム Blowfish を JavaScriptで
暗号化アルゴリズム Blowfish で暗号化と復号化 IE4+, NN4.06+, Gecko, Opera6+ 概要 JavaScript で暗号化アルゴリズム Blowfish を使えるようにします。 以下の4つのモードが利用できます。 ECB (Electronic Code Block) CBC (Cipher Block Chaining) CFB (Cipher Feedback) OFB (Output Feedback) 尚、本ライブラリには Base64 Encode/Decode 機能はありません。 必要でしたら拙作のBase64ライブラリを利用してください。 Download Download [blowfish.js] Download [base64.js] Sample キー [ 1-56 byte ] 暗号化 復号化 Round数 Mode ( IV はラン
JavaScript でソートアルゴリズムを可視化 - bkブログ
JavaScript でソートアルゴリズムを可視化 JavaScript でソートアルゴリズムを可視化するプログラムを書いてみました。元ネタは Jon Bentley による ソートアルゴリズムを可視化する Java アプレットです。 アルゴリズム 要素数 動作確認は Firefox 2, IE 7, Opera 9 で行いました。要素数は最大で200まで選べますが、かなり重くなるので遅いマシンで実行すると危険です。 English version is also available. ソースコード: sort-animation.js 解説 X軸が配列の添え字、Y軸が配列の要素の値を示しています。最初に要素がランダムに並んでいる配列 (値に重複なし) を作って、それを各種のソートアルゴリズムでソートする様子をアニメーションで表示します。 ただし、要素のあらゆる変更に対して毎回表示を更新し
Javascriptを使うなら理解しておきたいアルゴリズム - 抽出・ソート・結合・集計 - いろいろ解析日記
Javascriptでのアルゴリズムの書き方の覚書です。 目次 説明に使用するデータ構造 抽出 ソート Javascriptでの配列のソート ソートの例(五十音順) ソートの例(数値順) 結合 集計 関連記事 説明に使用するデータ構造 アルゴリズムの説明のために、以下のようなオブジェクトの配列を使います。 var countries = []; countries.push( { name: "日本", currency: "JPY", population: 127156000 } ); countries.push( { name: "フランス", currency: "EUR", population: 65073482 } ); countries.push( { name: "スペイン", currency: "EUR", population: 44904000 } ); co
JavaScriptで2D-FFTによるハイパス/ローパスフィルタ – Rest Term
Spatial Frequency Filtering by 2D-FFT これまでにJavaScriptとHTML5 Canvas APIでいくつかの画像処理を試してきましたが、今回は二次元離散フーリエ変換(2D-DFT、実装上では2D-FFT)で得られた周波数スペクトルにハイパス/ローパスフィルタ(HPF/LPF)を適用します。 「フーリエ変換」は音声処理でよく耳にする単語かと思います。音声データをフーリエ変換してHTML5 Canvas上でビジュアライズするデモもたくさん公開されています(例: Visualizing an audio spectrum – MDN)。ただし、ここでは”音声”ではなく”画像”に対するフーリエ変換を行います。音声の場合はデータが一次元なので周波数は一つしか持っていませんが、画像の場合は水平/垂直方向の二つの周波数を持つことになります。なので画像データに対
フーリエ記述子を用いて特徴抽出＆再構成 - jsdo.it - Share JavaScript, HTML5 and CSS
授業課題用, まだ未完成の部分があります * 点の間隔が1でないので誤差が生じていると思います * ソースコードが未整理です * 成分の個数を楽に変更できるようにする予定です // TODO: コードの整理 var drawFlag = false; var oldX = 0; var oldY = 0; var pointsX = []; var pointsY = []; var restore_x = []; var restore_y = []; window.addEventListener("load", function(){ var can = document.getElementById("myCanvas"); can.addEventListener("mousemove", draw, true); can.addEventListener("mousedown"
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サービス終了のお知らせ
典型的殺人事件 | ロドリゲス出版
Paper.js — Examples
http://syntensity.com/static/sql.html