[B! canvas] motikawaのブックマーク

uuCanvas.js のサブセットとして VMLCanvas.js を切り出しました + 速くしました - latest log

uuCanvas.js は、ExplorerCanvas をヒントに作成した、canvas を VML, Silverlight, Flash でレンダリングするライブラリです。 uuCanvas.js から VML 限定版として VMLCanvas.js を切り出しました。 # uuCanvas.js は 1万行。VMLCanvas.js は 2000行です。 VMLCanvas.js は、機能的に ExplorerCanvas の上位互換となっており、より高機能、より高速、より簡単です(たぶん)。 uuCanvas.js と違い、VMLCanvas.js は外部ライブラリに依存しません。mofmof.js にも依存しておらず単体で機能します。 IE 8 で canvas が使いたくなった場合に、候補の一つとして検討してみてください。説明 | デモ | ダウンロード | ソースコード

motikawa 2012/11/16

リンク

canvas のタイポグラフィ効果 - HTML5 Rocks

Typographic effects in canvas Stay organized with collections Save and categorize content based on your preferences. My Background <canvas> entered my awareness in 2006 when Firefox v2.0 was released. An article on Ajaxian, describing the transf ormation matrix, inspired me to create my first <canvas> web-app; Color Sphere (2007). Which immersed me into the world of colors, and graphic primitives;

motikawa 2012/08/23

canvas

リンク

Multiuser Drawing Pad Built with Pure JavaScript/HTML5/Canvas • The Union Platform, By USER1

This example shows how to create a simple multiuser drawing pad (aka shared whiteboard, multiuser sketchpad, or collaborative painting tool) using pure JavaScript and HTML5's <canvas> tag. The drawing pad updates in realtime when any connected user draws a line. Here's UnionDraw. Have a scribble! [View source] To manage communication between users, the JavaScript code uses OrbiterMicro, which conn

motikawa 2011/06/02

リンク

Webブラウザ上で動く自作OS公開 - マイペースなプログラミング日記

自作OSといっても、エミュレータのデバッグ用に作られたOSなので何もできないけど、公開しておく。画面描画だけで処理能力的に精一杯なので、これから何かするというのはきついだろう。HTML5のCanvasが使えるブラウザなら見れるはず。描画時間5分くらい、画面開くと最初の方に僅かにフリーズする http://d-emulator.appspot.com/

motikawa 2011/05/19

リンク

Flash→HTML5移植は本当か？　ハンゲームの事例

「HTML5でFlashが不要になる」――。次世代Web標準規格「HTML5」でよく聞くのがこんなフレーズだ。ところが、実際にFlashで作ったコンテンツをHTML5（+JavaScript）で置き換えた、なんて話は（少なくとも日本では）ほとんど聞かない。本当にFlashコンテンツをHTML5で（しかも商用レベルで）置き換えられるのだろうか？そう思っていたら、あの「ハンゲーム」を手掛けるNHN JapanがモバイルゲームのHTML5化を着々と進めていると聞き、同社の「HTML5勉強会」（2月25日開催）に行ってみた。勉強会では同社のエンジニアが、HTML5/CSS3によるオンラインゲームの開発事例について語った。

motikawa 2011/04/27

リンク

SplineAlignedImage – HTML5 Experiment

Posted by: pixelero | April 26, 2011 SplineAlignedImage – HTML5 Experiment Hi there! O oh, long time, no blog entry: well, that happens but it doesn’t mean I haven’t done plenty of Flash and image processing stuff lately. I also know I’ve been really lazy answering all the comments or questions you’re posted here. Anyway, I have also done some HTML5 – graphics stuff with canvas-element mostly. So

motikawa 2011/04/26

html5
canvas

リンク

FACEs: ほぼ HTML5 だけでサムネイル作成

Flashでも同じようなことはできますが、HTML5だとiPhoneやiPadでも動作したり、 flv以外の動画もキャプったりできるはず。 PNG作成→BASE64で送信までがHTML、受信して保存のみPHPという感じ。 html, js // required // jquery-1.5.1.min.js // jquery.json-2.2.min.js var Application = { post:function(action,data,callback){ $.post('api.php?api='+action,data,callback); }, saveImage:function(f,d,c ){ this.post('saveImage',$.toJSON({'filename':f,'data':d}),c); } }; function isSafari()

motikawa 2011/03/03

html
canvas

リンク

Superfast Blur - A pretty fast box blur for Canvas by Mario Klingemann, Quasimondo

This is a demo for a Javascript / Canvas based implementation of my Superfast Blur algorithm. Usage: boxBlurImage( sourceImageID, targetCanvasID, radius, blurAlphaChannel, iterations ); or: boxBlurCanvasRGBA( targetCanvasID, top_x, top_y, width, height, radius, iterations ); or: boxBlurCanvasRGB( targetCanvasID, top_x, top_y, width, height, radius, iterations ); The "iterations" argument controls