With still no common video format for HTML5 in sight, I decided to implement an MPEG1 decoder in JavaScript. I know there's already an h264 decoder for JavaScript around, but it's huge, compiled with emscripten and quite complicated. An MPEG1... 続きを読む
verlet-js About verlet-js a simple Verlet integration physics engine written in javascript by Sub Protocol. Verlet is pronounced 'ver-ley'. Examples Shapes (Hello world) Fractal Trees Cloth Spiderweb Features The following is the entity hiera... 続きを読む
Pixi.js the 2D webGL and canvas renderer released on githubTechnical Partner Mat Groves has finally pulled his finger out and released pixi.js We are extremely proud and excited to announce that pixi.js is now available on github along with e... 続きを読む
こんにちは、ICS池田です。HTML5でインタラクティブコンテンツを制作するにあたり、さまざまなJavaScriptライブラリがありどれを選ぶのか迷いどころではないでしょうか? そこで今回はHTML5の各種JavaScriptライブラリについて、パフォーマンスを比較検証してみ... 続きを読む
canvizはCanvasを使ってDOTファイルをグラフ化するソフトウェアです。フローチャートなど複雑なグラフを描くのに適しているのにDOT言語が知られています。通常、Graphvizを使って画像化するのですが、今回はcanvizを紹介します。なんとDOTファイルを読み込み、W... 続きを読む
jsでアメーバのシミュレーションを作ってみるなど。要HTML5環境(iPhoneだと重すぎる)。 スケッチの製作環境を、Flashからprocesing.jsに移動しようかなぁというテスト。「x‐DESIGN――未来をプロトタイピングするために」の一章を読んだら、なんか無性になにか... 続きを読む
I'd like to announce that I have LLJS successfully compiling to asm.js, so we can tap into the amazing optimizations provided from it. This is just a start, and there are many things missing, but I'd like to show that it works. You can get it... 続きを読む
var _ = Object.Wrap; // for convenience try { log( _(42) .learn('square', function() { return this*this }) .square() * 1 // 1764 ); log( (42).square() // TypeError: Object 42 has no method 'square' ); }catch(e){ log(e.message); }; // class me... 続きを読む
CODE YOUR OWN ROBOT USING JAVASCRIPT write the best javascript robot you can and battle against 7,675 other robots! CHALLENGE FRIEND OR FOE TO WIN GLORY AND FORTUNE there are already 8,031 people fighting for the brightest spot in the ranking... 続きを読む
setImmediate.jsはIE10のsetImmediateをIE6レベルのWebブラウザにも対応させるライブラリです。JavaScriptで処理時間の長いスクリプトを実行する場合、setTimeoutを使うと思います。IE10ではさらに電力消費量を抑えられるsetImmediateが用意されていますが、類... 続きを読む
JSには型固定配列が実装されていてそれを使えばかなり高速化されるので型のある言語で書いたコードをTyped Array使ったJSコードにコンパイルすれば手で書いた型なしJSコードより高速になる 続きを読む
svg.jsはアニメーションやイベント駆動型のSVGを実現するライブラリです。SVGはまだ広く利用されているとは言いがたいですが、ビットマップではなくベクターデータなので拡大してもきれいなど特徴が多数あります。今回紹介するsvg.jsはSVGを使ったアニメーショ... 続きを読む
Fabric.js Javascript Canvas Library JSでのCanvas操作を簡単かつ高機能にできる「Fabric.js」 canvasのネイティブAPIは若干分かりづらいという方も多そうですが、このライブラリを使えばオブジェクト指向で楽々Canvasプログラミングが出来そうです 単に便利に... 続きを読む
3月12 ブラウザのデコード機能を利用した Shift JIS などの読み込み はじめに JavaScript でバイナリから文字列を取り出したら Shift JIS だったなんてことよくありますよね。 そういう文字列もさっと表示したいことがあります。 読み込む方法はいくつかある こ... 続きを読む
var ll = List.Lazy(function(i){return i}); // also predefined as List.Integers p( ll.length ) // Inifity p( ll.get(42) ) // 42 p( ll.take(42) ) // [0..41] p( ll.map(function(x){ return x * x }) .filter(function(x){ return x % 2 == 1 }) .take(... 続きを読む
3月9 Zopfli を Emscripten をつかって JavaScript に移植しました はじめに Zopfli が公開されてから zlib.js の Deflate 処理と比較したいなーと思っていたので、 Emscripten を使って JavaScript に移植してみました。 Emscripten を使うのは初めてのためい... 続きを読む
若手の会で、JavaScript Hell on Earth というテーマで話してきました。 js_hell_on_earth http://www.rvl.io/mizchi/js_hell_on_earth というわけでDOM抽象ラッパーつくりました。 mizchi/skin.js · GitHub https://github.com/mizchi/skin.js 目的 クライアン... 続きを読む
Welcome to Octane, a JavaScript benchmark for the modern web. For more accurate results, start the browser anew before running the test. Refer to the documentation for more information on Octane. 続きを読む
これは2012年9月時点での情報です。 現在、Mozilla Firefoxでは並列計算を行うための ParallelArray 型の実装が進められています。早速この危険そうなドッグフードを試してみました。 Firefox 17 編 Firefox 17 (11月リリース予定)には、ParallelArray がプラグ... 続きを読む
w2uiはデスクトップ、スマートフォン、タブレットに対応したJavaScript UIライブラリです。新しいJavaScript UIライブラリの紹介です。名前はw2ui、多数のウィジェットを搭載したUIライブラリとなっています。 レイアウト。 グリッド。 詳細検索対応。 ツールバ... 続きを読む