JavaScript
1.はじめに CANVASの画素を1つずつ操作することが可能になったので、今回から本格的に写真を使った画像処理を行っていきます。CANVASの画素の読み込み方は第1回に記載しております。 2.アルゴリズム 写真のグレースケール化はシンプルで、以下の式で表すこ…
1.はじめに 画像処理といえば大半はC言語やJava等の言語で行うのがほとんどであり、サンプルコードの多くがこれらの言語で実装されています。JavaScriptでも画像処理を行っている記事を見かけますが、ほとんどがグレースケール化、踏み込んでもSobelフィル…
実験のレポートや卒論などで、度々使わされるTEXですが、JavaScriptでTEXの数式が書けるのかとふと調べたところ、あっさりと見つかったので紹介しておきます。今更ですが、JavaScriptはスピードこそ遅いものの大体何でも実現しちゃうんですね。 www.mathjax.…
FC2ではAjaxが使えなかった件 お馴染みのjQueryで簡単に扱える非同期通信ですが FC2では上手く動作しないことが判明してしまいました。 $(function(){ $.ajax({ url: "sample.html", type: "GET", cache: false, dataType: "html", success: function(html){…
ローカルディスクにデータを保存する(HTML5) 完全に全てのブラウザに対応したわけではないのですが。 DOM APIの一部にローカルストレージというHTML5に追加された機能というものがありまして これを使えばいちいちクッキーに頼らずとも簡単にデータを保存す…
最近Web言語以外また、やっていないWeb系言語について軽く広く勉強しておりました。 そこで今までやってきた言語も含めてそれぞれの難易度や個人的な意見を添えつつ 今後新しい言語をやってみたいや、新しい言語を取得してみたいなどの手助けになれば幸いで…
無料でオフライン下で出来るJavaScriptプログラミング jsany http://itunes.apple.com/jp/app/javascript-anywhere/id363452277?mt=8 jsanyはiPodやiPhoneでオフライン下で動く便利なWeb製作アプリです。操作する端末がPCであるため、使う人にとっては使いに…
alert()を直接使わずにdivにスタイルを適応させて製作する 今回はJavaScriptでお馴染みの第一歩であり、デバッグ用に使われるalertメソッドですが 見た目が予想以上に殺風景ですので(特にfirefox)独自作成してみました。 alertを装飾するjQueryライブラリは…
DOMのもうひとつの見方 JavaScriptにはDOMの概念でhtmlのツリー構造に当たる隅々の要素までアクセス出来る仕組みがあります。用いられる書き方として Sample1 document.getElementById("id名"); //値 document.getElementsByTagName("タグ名"); //配列 docum…
JavaScriptで扱うイベントをまとめてみる onabort : 読み込みを中断した時 onblur : 要素がフォーカスを失った時 oncanplay : 再生が可能になった時 oncanplaythough : 再生が途切れない状態になった時 onchange : 属性の値が変わった時 onclick : クリック…
微変化の連続はsetTimeoutが万能 Demo // 大体がjQueryで持つことが多いですがsetTimeoutとclearTimeoutを駆使すれば、大抵の効果は可能となりますjQueryに頼ってばかりでなく、JavaScriptでかけるところはかいてしまいましょうそれが上達の路だと思います";…
マップ場でキャラクターを動かす方法 マップでキャラクターが動く原理について説明していきます。 まず動かすために扱うイベントを作成します。 「移動」ということですので矢印キーを使用していこうと思います。 各キーコードについては // ↑:38 // ←:37 //…