これは見ておくべきHTML5のCanvasを使ったデモ集:phpspot開発日誌
21 Ridiculously Impressive HTML5 Canvas Experiments | Nettuts これは見ておくべきHTML5のCanvasを使った実験集。 ここまで出来るの？っていうサンプルが満載で一度は見ておきたいものばかりです。 8 Bit Color Cycle Particle Letter Animation Particle System Strange Attractors Liquid Particles Fake Floor Reflections 次世代のWEBが楽しみです。 関連エントリ HTML5で動画や音声再生を可能にするライブラリ集 HTML5ベースのTODOリスト「5List」 CSSでクールにデザインされたHTML5動画・音楽プレイヤー実装JS「MediaElement.js」 CSSでスキン作成が可能なHTML5動画プレイヤー実
はじめての共同作業 Canvas編 (node.js + websocket)
こんにちは、中川です。 先月無事に結婚をした開発者が一名おり、近年アシアルでは徐々に既婚者が増えてきている状況です。 ということで、結婚といえば共同作業ですよね。 今までは、一人で作業していて大変なことが色々あったと思いますが、 二人（複数）でやれば、乗り越えられることもあることでしょう。 Webアプリでも最近は、より共同作業がしやすい環境ができつつあるように思います。 そこで、今回はWebSocketを使ったリアルタイム通信でのやり取りを行い、 一緒にお絵描きができるサンプルアプリを作ってみました。 ■■■概要■■■ ・アプリ概要 ・・Canvas + WebSocket ・対応ブラウザ ・・Chrome or Safari (他、WebSocketが使えるブラウザ） ・サーバ側プログラム ・・node.js 0.2.0 ・・express@1.0.0rc2 ・・websocket-se
Canvasタグで作られた3Dモデリングツール『3DTin』 | 100SHIKI
こ、こんなものまで既に出来るとは、という驚きも込めてエントリー。 3DTinはJavaScriptとCanvasタグを使って作られた3Dモデリングツールだ。 ただ、そうはいっても四角を積み重ねていく程度の表現力しかないものではある。なおかつ、動作速度には不満も残る。 しかしながらちゃんとマウスでぐりぐり回せたり、色を変えたり、Undoが出来たりと、基本的な機能を備えている点が驚きだ。 昔はFLASHでしかできなかったようなものもだんだんとこうした実現されているのですねぇ。
JavaScript, Canvas スキャンライン・シードフィル アルゴリズムによる塗り潰し : Serendip – Webデザイン・プログラミング
HTML5 Canvas でバケツツールによる塗り潰しを実現するために、スキャンライン・シードフィル (Scan Line Seed Fill) というアルゴリズムを使ってみた。 アルゴリズムの詳細については、以下のサイトを参考にした。 参考：ActionScript入門Wiki@rsakane – 塗りつぶしアルゴリズム(スキャンライン – シードフィル編) ペイント・ルーチン (1)シード・フィル アルゴリズム 単純に言えば、水平方向に塗り潰し可能な範囲を探して塗り潰してゆき、それを塗り潰し可能な範囲が無くなるまで上下方向に繰り返していくといったもの。 JavaScript, Canvas スキャンライン・シードフィル アルゴリズムによる塗り潰しデモ 塗り潰し処理のコード var fillColor = function(startX, startY, imgData, penColo
今更聞けないcanvasの基礎の基礎 - KAYAC Engineers' Blog
はじめまして。新入りのnagataです。 入社式で自転車乗ってた野郎です。 先輩方から「ブログ、書いてね！」とのお達しがあったので、 日報で書いたらウケがよさげだったcanvasのことについて書いてみようと思います。 ※各種サンプルはMac上のSafari4.05、Firefox3.6.3、Chrome5.0で動作を確認しています。 canvasってなんぞ？ 図を書き込めるhtml要素です。 OpenGLやDirectXのような面倒な設定を書くことなく、 手軽にグラフィック描画が行えます。 ブラウザだけでローカルアプリケーションのような グラフィカル（かつ動的な）表現が行えるわけです。 とりあえずつかってみる 早速何か描いてみましょう。 こういうことは実践あるのみです。 処理にはJavascriptを使います。 canvasに描画を行うときは、canvas要素からcontextを取得して、
ASCII.jp：HTML5のCanvasで作る、Flash不要のお絵かきツール｜古籏一浩のJavaScriptラボ
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ア
Canvasを使用してインタラクティブで高機能なグラフを描くライブラリ -RGraph
棒グラフ 機能：ツールチップ、コンテクストメニュー、ズーム スタイルのバリエーションも豊富で、デモページには多くのグラフが掲載されています。
[HTML5] - 個人事業主のつぶやき
http://pluswing.net/html5/canvas.html ということで、テトリスを実装してみた。 テトリス自体(tetris.js)は小一時間でてきとーに実装したので、 ブロックの回転とかが微妙な感じ。 ※FirefoxはCanvasがもっさりしてるので、Chromeでプレイすることをオススメします。 それは置いておいて、なんでHTML5のCanvasを使おうかと思ったのかというと、 ChromeのCanvasが恐ろしく速いという事実。*1 これは、ゲームが作れるぞ！という興奮から。 (僕がゲームを作ってたのは7年ほど前になるけど、 その頃のそこらにあるマシン並に速度出てそうな勢い。Chromeは。) 実はテトリスは副産物で、 Canvasを使うにあたり、ライブラリが無いとねー ということで、描画周りのライブラリをひととおり作りました。 一個くらい作ってみないとライブラリ
HTML5のCanvasで動く超クールなデモページ:phpspot開発日誌
HTML5 Canvas Experiment ・IO 9elements HTML5のCanvasで動く超クールなデモページ。 Safari 4 とか Firefox3.5 で動くのですが、これは1回見ておいたほうがよいかもしれないカッコいい＆Canvasの可能性を見せてくれるものです。 単に動くだけでなく、インタラクティブな動作もします。 Flash、Silverlight、Canvas というもうひとつの選択肢が増えたという感想も持ってしまいます。 関連エントリ Canvasでブラウザ上に動的にテキストを描画できる「canvas-text」 CanvasデータをPNG/JPEG等の１枚画像に変換するJS「Canvas2Image」
Jewel-mmo開発日記
ソフトバンクに2年間で67万円払っている 次女と末っ子の長男はもう中学生。1年半後には長男が高校生なのでその時には家族全員がスマホ持ちとなろう。 かねがねケータイ代が高いと思いつつ、なんだかんだここまで来たけど、近々次女と長男までスマホを持つことを考えれば、格安スマホへの乗り換えは必須と考えた次第。 ソフトバンクの内訳 現在ソフトバンクで4回線契約しており内訳はというと、 オレ ... 9000円 iPhone 5S で契約（実際はシムフリー版の6+を使用中） 妻 ... 8000円 iPhone 5S で契約 長女 ... 5000円 iPhone 5 で契約（オレの旧機種で契約。実際は空きになってるオレの5Sを使用中） 次女 ... 3000円 ガラケーで契約 通話料 ... 1000円くらいかな ざっくりこんな内訳で、消費税を合わせると毎月2.8万円ほどかかっている。 この2年で実際
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Wonder-boys.net
Home | Nidhis