ASCII.jp：HTML5のcanvasで作る画像フィルター (1/6)｜古籏一浩のJavaScriptラボ
※この記事は「古籏一浩のJavaScriptラボ」の第14回です。過去の記事も合わせてご覧ください。 現在の主要なWebブラウザーには、グラフィックを自由に描画できる「canvas」機能が用意されています（Internet Explorerを除く）。canvasは、W3C（World Wide Web Consortium）で策定が進んでいる「HTML5」に含まれる新しい要素です。HTML5の仕様はまだ正式に決まっていませんが、canvasは仕様策定の早い段階から盛り込まれていたため、すでに多くのブラウザーに実装されています。また、canvasへの対応が遅れているInternet Explorer（IE）でも、「ExplorerCanvas」などのJavaScriptライブラリーを使えば、ある程度の機能をエミュレートできます。 canvasを利用したペイント canvasを利用すると複雑な
Raphaël―JavaScript Library
The most popular coding language for the web is javascript; so much so that since the advent of HTML5, it has now been officially accepted as the default standard. Javascript has moved beyond a smaller client-side browser-based language to become integrated not just for front-end design, but also for back-end server-side development. As a result there are has been a huge growth of Javascript libra
Redirecting to: https://jsnes.org/
Redirecting from /projects/jsnes/ to https://jsnes.org/
Chrome Experiments
Chrome Experiments is a showcase of work by coders who are pushing the boundaries of web technology, creating beautiful, unique web experiences. You'll find helpful links throughout the site for creating your own experiments, and you can also explore resources like WebGL Globe and our workshop of tools.
gauge.js (javascript programmable gauge)
gauge.js 1.4 allows you to add gauges (with shading and reflection) to your webpages. It uses unobtrusive javascript to keep your code clean. It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+. On older browsers, it'll degrade and your visitors won't notice a thing. Shows some of the things gauge.js does. 8 inbuilt colors available (if are more colors required - t
Sarien.net - Instant adventure gaming
Welcome to Sarien.net, the authorized portal for reliving classic Sierra On-Line adventure games. With its focus on instant fun and a unique multiplayer experience, Sarien.net hopes to win new gamers' hearts and promote the adventure game genre. TIME lists sarien.net among the "50 Best Websites" Sarien.net is supported by Activision After 2 years, Sarien.net has received official authorization fro
Nihilogic Games - The best JavaScript games on the web
An 8080 emulator capable of running the classic Taito games Space Invaders, Lunar Rescue and Balloon Bomber. Projects like these always impress me, since they are a sign of a truly dedicated and talented developer. It takes quite a bit of both technical insight and dedication to pull of even a simple emulator - and having to make it run nicely in a browser doesn't improve your odds. The output is
MOONGIFT: IEでもcanvasを「ExplorerCanvas」:オープンソースを毎日紹介
次世代のWeb技術として注目を集めているCanvas。ブラウザ画面上で絵を描いたり、2Dや3Dのグラフィックスがダイナミックに描ける技術だ。 しかし一つ問題がある。それは対応ブラウザがFirefoxやOperaに限られることだ。シェアが若干落ちたとは言え、もっとも普及しているIEが対応していないのは問題だ。そこでこれを使ってみよう。 今回紹介するオープンソース・ソフトウェアはExplorerCanvas、IE向けのCanvas実現ソフトウェアだ。 ExplorerCanvasを使うと、ブラウザ上でダイナミックな描画が可能になる。もちろん、クロスブラウザに対応し、Firefoxでも利用できる。 サンプルが同根されているので、一度試してみて欲しい。画像をダイナミックに回転させたり、細かい粒が飛び交うアクションは表現力の豊かになったWebサイトの形を連想させる。 これらをFlashなどを使って実
Mozilla Foundation
A Richer Web: SVG And Canvas In Mozilla Robert O'Callahan Lizard Engineer Today's Web Graphics CSS: text, rectangular boxes, border effects, opacity Images: JPG, translucent PNGs, animated GIFs Flash Creatively scripted combinations of the above The Problem You can't do this with just HTML/CSS! Demo (And Flash isn't really what you want here)
busy.js (javascript loading indicators)
Download cvi_busy_lib.js and include it into your webpage. <script type="text/javascript" src="cvi_busy_lib.js"></script> Add overlay to element ctrl = getBusyOverlay(parent[, overlay[, busy]]); parent == element to add the overlay to or "viewport" overlay e.g. {color: 'black', opacity: 0.5, ...} color == STRING 'black' or '#000000' or 'rgb(0,0,0)' Default: 'white' opacity == FLOAT 0.0 - 1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Redirecting to: https://jsnes.org/
http://tools.mozilla.com/
IEでもcanvasを·ExplorerCanvas MOONGIFT
Mozilla Foundation
Firefoxではcanvasとsvgの両方に対応していますが、なぜ両方とも実装されたのでしょうか。…
http://scriptnode.com/lab/spacius
http://scriptnode.com/lab/spacius/
dhteumeuleu
