GitHub - kirill-grouchnikov/trident-js: Javascript animation library
<span id="span" style="color:rgb(0,0,255)" onmouseover="rolloverTimeline.play();" onmouseout="rolloverTimeline.playReverse();">Some text</span> <script> var rolloverTimeline = new Timeline(span.style); rolloverTimeline.addPropertiesToInterpolate([ // interpolate the foreground color between blue and red { property: "color", from: "rgb(0,0,255)", to: "rgb(255,0,0)", interpolator: new RGBPropertyInt
Canvas + File API + Drag&Drop API で Instagram みたいな画像フィルターを作ってみた - hakobera's blog
Instagram の画像フィルターみたいことを HTML5 (Canvas + File API + Drag&Drop API) で実装してみました。 Instagram みたいなの - jsdo.it - Share JavaScript, HTML5 and CSS 動作するブラウザは FireFox 3.6、Chrome 8 開発版です。(Chrome 7 は File API はサポートしていますが、どうやら iframe 内では動作しないため、上記 jsdo.it 上では動作しません。) できること これを こんな風に加工できます。 大学時代に画像処理の研究をやっていた身としては、ブラウザだけでもここまで出来るようになったのか、と少し感慨深いです。 やっていること Drag&Drop API で画像ファイルを取得 File API で画像ファイルを DATA URI 形式に変
HTML5 Canvas用の描画フレームワークを自作してみる - KAZUMiX memo
HTML5 Canvas Sprite test （最近のブラウザなら動くと思う。IEは9なら動く? Google Chromeは爆速） HTML5 Canvasに関しては、IE9が出てから本気出す！…つもりだったんだけど、その前に仕事でやってきて、いきなり本気を出さざるを得なくなったKAZUMiXです。 実際にCanvasを使ってみたら思った以上にローレベル！Flashみたいなものを作ろうとすると、自前で深度管理やらなにやらやらざるを得ない！ というわけで、Flash(AS3)で言うところのSpriteの仕組みが欲しくて作ってみたサンプルが上のものもです。 Spriteとして実装しているメソッドはaddChild, removeChildのみｗ とはいえ親子、兄弟関係に対応するだけで、楽しくなりますね。 サンプルのJavaScriptソース sprite.js (utf8) 追加したい機
forvar.de - このウェブサイトは販売用です！ - forvar リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
jcotton
jcotton is a framework for drawing and animating using an html canvas. It contains a simple to read and write interface that allows properties and animations to be chained together. Simple shapes such as squares and rectangles (even with rounded corners) are trivial to create and animate, and even more complex shapes with curves are possible. Text can be added (and animated) with ease, including t
Dygraphs — main page
⚠ Please visit the official Dygraphs homepage https://dygraphs.com/ instead. You are reading this on a mirror, which may have outdated, incomplete and/or locally patched information, or as part of the Debian package; links may not work. dygraphs is a fast, flexible open source JavaScript charting library. It allows users to explore and interpret dense data sets. Here's how it works: This JavaScrip
Tutorial: Simple game with HTML5 Canvas - part 1
Check other language versions: [RUSSIAN] Tutorial: Simple game with HTML5 Canvas Part 1 - Introduction & Background Part 2 - Character & Animation Part 3 - Physics & Controls Part 4 - Platforms & Collisions Part 5 - Scrolling & Game States If you are interested in news and updates of that tutorial just follow me on twitter: [MichalBe's Twitter] Because 10KApart is closed now, and we are all waitin
1day JSPaint app
What is is? This is a 100% JavaScripted app implemented in one day. Please browse this page with latest Chrome, Safari, or Firefox. Please contact to fukatsu@gmail.com if you have any question.
[JavaScript][canvas] canvasを使って作られたプログラム、サンプルでこれはすごいと思うものを教えてください。…
[JavaScript][canvas] canvasを使って作られたプログラム、サンプルでこれはすごいと思うものを教えてください。 canvasってすごいって事を口で説明しにくいので、見せて説明したいです。
CanvasScript3 - Javascript Sprite Library for Canvas
About CanvasScript3 is a Javascript library for the new HTML5 Canvas with an interface similar to ActionScript3. This library enables Sprite Groups, Layers, Mouse Events, Keyboard Events, Bitmap Effects, Tween Animations etc. * This project is still in a pre-alpha state, however testing and bug reports are greatly appreciated. Examples There are some examples in the Examples Page. And there are al
SVGとCanvasのゲームをGWTで作って公開してみるテスト。 - 日記
前回、前々回とGWTでSVGやCanvasのサンプルを作ってみましたが、なぜこんなことやったかというと、、、 迷路メーカーhttp://gwt-html5-games.appspot.com/maze.html これが作りたかったから。最初はこんな感じ。ツールバーの"brush"のボタンを押してお絵かきソフトっぽく迷路を作っていってください。完成するとこんな感じ。作った迷路は"play"ボタンで3Dっぽい画面で遊べます。緑のマスがスタート青がゴール"solve"ボタンを押すと、スタートからゴールまでの経路がオレンジで表示されます。(3Dには反映されません) 画面の上部には[svg]と[canvas]の2つのタブがついてます。それぞれ、SVGで実装したアプリとCanvasで実装したアプリで遊べます。実装が違いますが、機能自体はほぼ同じです。作ってみた印象としては、迷路を作る画面はcanvas
初めてのCanvasでtwitterの発言数を折れ線グラフにしてみるのと、jsdo.itを使ってみた - こんにちはこんにちはmonmonです！
jsdo.itというサイトを知ったので、使ってみようと思い、ついでに触ったことないCanvasに触れてみた。 参考にしたサイト 今更聞けないcanvasの基礎の基礎 | tech.kayac.com - KAYAC engineers' blog これ見て楽しそうだなと思いcanvas触ってみた 加速度センサーを使いたかったんだけど、Safariで使えなくて断念 ASCII.jp：HTML5先取り！CanvasならFlash不要で絵が描ける (1/3) 折れ線グラフを含めたcanvasの解説サイト このサイトのコードをほぼ丸っとコピーしてきました Canvasリファレンス - HTML5.JP futomiさんのhtml5解説サイトで、canvasのリファレンス的に使わせてもらいました Basic usage - Trash | MDN mozillaのcanvas解説サイト。<canva
Medama Cherenkov Maker
色: 半径(0 - 100): 放射(0 - 100): 乱数色相(0 - 360): りせっと ここ↓に画像ファイルをドラッグ＆ドロップしてね。
jsdo.itで遊ぼう！ - os0x.blog
既にご存知の方も多いと思いますが、1週間ほど前にKAYACさんの新サービスjsdo.itがリリースされています。 jsdo.itはHTML, CSS, JavaScriptを編集してその場で実行、共有するプログラマ向けコミュニティサイトです。wonderflをご存知の方はそのJavaScript版の一言で十分でしょう。 単にコードを書いて公開するだけでなく、その場で実行したり、favorite に登録したり、forkしたり、コメントを書いたりと、ソーシャルな要素が強いところがポイントです。 とりわけforkが特徴で、公開されているコードをベースにして改良を加えてみたり、パラメータを変えてどうなるのか実験してみたり、といったことが簡単にできます。また、わからないところがあればquestionタグを付けてどこがわからないのか書いておけば、誰かが回答付きでforkしてくれるかもしれません。que
HTML5のCanvasで作る、Flash不要のお絵かきツール (1/5)
HTML5 Canvasで作った「シンプルペイント」。ペンの色とサイズが選べ、保存もできる。画像クリックでサンプルページを表示します（Firefox 3／Opera 10／Safari 4で表示可能） HTML5の新機能で特に注目を集めているのが、Flashなどのプラグインを使わずにWebブラウザー上でグラフィックを描画できる「Canvas」です。Canvasは、すでにInternet Explorer（IE）をのぞく、ほとんどのブラウザーに実装されていますし、マイクロソフトは現在開発を進めている「IE9」でHTML5を積極的にサポートするとしていますから、IE9にCanvasが実装される可能性は高そうです（ただし、現在公開されているPlatform Preview版ではCanvasは実装されていません）。すべての主要ブラウザーでCanvasが利用できるようになれば、画像処理を伴うWebア
SVG on canvas on Flash (FlashCanvas Pro) - yukobaのブログ
canvg という変なプロジェクトが登場しました！ というわけで、これを、 変更内容のパッチは、Patch for IE with FlashCanvas · Issue #20 · canvg/canvg · GitHub をご覧ください。http://yukoba.jp/SvgCanvasFlash/SvgCanvasFlash.patch もし読んでいらっしゃったら、FlashCanvas Pro の作者さんへ。パッチをご覧になるとわかりますが、var fc = FlashCanvas; で、一度、window.FlashCanvas を待避させた後、もう一度、イベントハンドラから呼び出された、関数 r() の中で、FlashCanvas = fc; として、元に戻しています。これしないと動かなかったのですが、なぜ必要なのでしょう？なんかの、バグではないかと思われます。バージョンは
錯覚エディター by HTML5 Canvas
ヘルプ 画像の読み込み URL入力後Enter （直リンク禁止だと弾かれます） 円の追加 未選択状態でクリック 円の選択 マウスオーバー（白枠表示） 円の拡大 選択中にクリック / Enter 円の縮小 選択中に右クリック / Space 円の削除 選択中にdelete / backspace 円の移動 選択中に矢印キー 画像の保存（FIrefox限定） 後、右クリックから
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
help-me-hackers.com - このウェブサイトは販売用です！ - 言語 プログ ジェクト 解決 上前 認証 グイン デザイン リソースおよび情報
hinata.in
Loading...