John Resig - Processing.js
As a sort-of reverse birthday present I’ve decided to release one of my largest projects, in recent memory. This is the project that I’ve been alluding to for quite some time now: I’ve ported the Processing visualization language to JavaScript, using the Canvas element. I’ve been working on this project, off-and-on now, for the past 7 months – it’s been a fun, and quite rewarding, challenge. The f
Canvas Tutorial - Introduction
Welcome! In this tutorial, we're going to create a breakout clone that you can play in your browser, using javascript and the <canvas> element. In order to use this tutorial, you'll need a browser that supports the <canvas> element. Before you read any further, click on the "run code" button on the left to play the game that we'll end up creating. On every page, you'll be able to click the "run co
scripty2: for a more delicious web
scripty2 is now out in a preview alpha release, with cool demos and some of the nicest documentation any open source project has (we do know that's a bold statement!). In this release, the focus has been on the effects engine, with the UI parts still pending a rewrite (there will be a lot of really cool stuff coming for the UI part, but more about that later). As a bonus, the minified and gzipped
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
ブラウザでお絵描きプログラミング！ Processing.js 登場！ - IT戦記
はじめに 今日、 jQuery の作者として有名な John Resig さんが Processing.js という JavaScript のライブラリを公開しました。 John Resig - Processing.js このライブラリを使うと、比較的簡単に以下のようなグラフィックスやアニメーションを書くことができるようになります。 というわけで、公開されたばかりのこのライブラリを簡単な使い方から詳しい使い方までとことん掘り下げてみたいと思います。 Processing.js 概要 まず、 Processing.js とは何かという話をします。 Processing.js とは、ブラウザで Processing というプログラミング言語を実行する JavaScript のライブラリです。 では、 Processing とはどのようなプログラミング言語なのでしょうか。 Processing
MOONGIFT: » Google製のJavaScriptによるイメージ生成エンジン「Top Draw」:オープンソースを毎日紹介
アートな世界は感性的な要素が強く、デジタルな世界からのアプローチは難しい。だが、幾何学的な美しさや緻密さから生み出されるアートは技術からもアプローチができる。そんな可能性を感じさせてくれるソフトウェアが登場した。 幾何学的な模様が描き出される 今回紹介するオープンソース・ソフトウェアのTop Drawは、Google製のソフトウェアで、JavaScriptを使って画像を生成するというものだ。プログラミングから生み出されるものだけあって、幾何学的で、それでいてMac OSXらしさが加わった面白さに溢れている。 Top Drawを起動するとメニューバーにアイコンが表示される。そしてテーマを決めて指定時間が経過すると背景が変わっていく。それらは常に数式によって生み出されるものなので、表示されるたびに内容が変化している。 設定画面 プログラムはそれほど長くなく、60行程度のものになっている。なので
MOONGIFT: IEでもcanvasを「ExplorerCanvas」:オープンソースを毎日紹介
次世代のWeb技術として注目を集めているCanvas。ブラウザ画面上で絵を描いたり、2Dや3Dのグラフィックスがダイナミックに描ける技術だ。 しかし一つ問題がある。それは対応ブラウザがFirefoxやOperaに限られることだ。シェアが若干落ちたとは言え、もっとも普及しているIEが対応していないのは問題だ。そこでこれを使ってみよう。 今回紹介するオープンソース・ソフトウェアはExplorerCanvas、IE向けのCanvas実現ソフトウェアだ。 ExplorerCanvasを使うと、ブラウザ上でダイナミックな描画が可能になる。もちろん、クロスブラウザに対応し、Firefoxでも利用できる。 サンプルが同根されているので、一度試してみて欲しい。画像をダイナミックに回転させたり、細かい粒が飛び交うアクションは表現力の豊かになったWebサイトの形を連想させる。 これらをFlashなどを使って実
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Processing.js drug and drop
svg-edit - Project Hosting on Google Code
http://www.willjessup.com/sandbox/jquery/solar_system/rotator.html
bomomo
Google製のJavaScriptによるイメージ生成エンジン·Top Draw MOONGIFT
http://www.coders.me/ejemplos/sexy-lightbox
SexyLightBox - www.coders.me
IEでもcanvasを·ExplorerCanvas MOONGIFT