HTML5によるゲームプログラム本「Learning HTML5 Game Programming: A Hands-on Guide to Building Online Games Using Canvas, SVG, and WebGL」 - 強火で進め
扱ってる内容は以下。 Canvas SVG WebGL 目次はこちら。 Chapter 1. Introducing HTML5 K.Moving beyond Basic HTML Bridging the Divide Getting Things Done with Web Workers and Web Sockets Application Cache Database API Web Storage Geolocation Getting Users’ Attention with Notifications Media Elements HTML5 Drawing APIs Conveying Information with Microdata Summary Chapter 2. Setting Up Your Development Environment Develo
Purchase Intent Data for Enterprise Tech Sales and Marketing | TechTarget
Enterprise Strategy Group: Go-to-market Expertise to Help You Win
HTML5 canvas element: move, resize, rotate photo - Pressbin.com Coding Blog - PHP tutorials, MySQL tutorials, Javascript tutorials, CSS tutorials, AJAX tutorials, Greasemonkey tutorials, jQuery tutorials, Facebook app tutorials
I recently created a small web application that uses HTML5's canvas element to do basic photo-manipulation, such as moving, scaling, and rotating an image. The project was an attempt to teach myself how to perform those operations with the canvas element, and I'm sure I have a lot still to learn, but I'll share with you some of the things I've picked up so far. First, let me describe the web appli
サーバサイドでCanvasを利用する(node.js)
// sample.js var Canvas = require('canvas') , http = require('http'); http.createServer(function (req, res) { var canvas = new Canvas(200,200); var ctx = canvas.getContext('2d'); // 四角形描画 ctx.fillStyle = 'rgba(0, 0, 255, 0.5)'; ctx.fillRect(10, 10, 190, 190); // テキスト描画 var text = "Canvas Test"; ctx.font = '30px Impact'; ctx.rotate(.1); ctx.fillStyle = 'rgba(0, 0, 0, 1.0)'; ctx.fillText(text, 10, 1
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
無限にAmen Breakを再生するウェブサービス - hitode909の日記
無限にAmen Breakを切り刻んで再生し続けるウェブサービスを作った．Firefoxで動く． WindowsのFirefoxだとちょっと音が途切れたりするらしい．Macだとちゃんと動く． 追記 Google Chromeで見ると意図せず音割れしてめちゃくちゃかっこいい音が出る．原因は不明． Amen Amen BreakのwavファイルをXHRで取ってきて，JSでバイナリを解析して，ビートごとに分割して，それをランダムに並べることで，新しいパターンを作ってる． 音はaudioタグで，波形はcanvasで出してる． ビートごとに分割してるので，ランダムに並べても，ちゃんとそれっぽく聞こえる． 参考 Amen break - Wikipedia, the free encyclopedia Amen Breakについて． GlitchMonkey for Greasemonkey char
Hakim Experiments [Scripts, HMTL5]
This is the personal playground of Hakim El Hattab, exploring what is possible using HTML5 and Canvas. Most recent addition includes Sinuous, a simple game built using canvas which will test your mouse pointer reflexes by having you direct your cursor against incoming meteors. My other personal favourites include Blob, Magnetic, Particle Depth and Particles. Sorry, this is Members Only content. Pl
![Hakim Experiments [Scripts, HMTL5]](https://cdn-ak-scissors.b.st-hatena.com/image/square/591dff0e78cb0d110f9528d1c1683caebcba99a3/height=288;version=1;width=512/https%3A%2F%2Fwww.creativeapplications.net%2Fwp-content%2Fuploads%2F2010%2F08%2Fhakim05.png)
canvasをバイト単位で修正する方法（ImageDataの使い方） - KAYAC engineers' blog
引っ越ししました。agoです。 思いっきりネタがかぶってますが、あまり気にせずcanvasネタを書いてみたいと思います。 今回はcanvasの中でもImageData関係をまとめて見ました。 ImageDataってなに？ canvas内のバイト列を扱うためのObjectです。 canvas内の各バイト毎に赤、緑、青、透明度の情報を配列として保持しています。 何に使うの？ canvas内をバイト単位で修正したい場合に使います。 canvas内に図形等を書く場合、通常提供されているlineTo等を使用することも出来ますが、こういった抽象メソッドは一回ごとの呼び出しコストが大きいため、細かい単位の操作には向きません。 その点、ImageDataであればバイト単位での操作しかできない代わりに呼び出し毎のコストが小さいため、細かい単位の操作も高速に行うことができます。 ただ、もちろん線を引く、丸を書
John Resig - Javascript Sparklines Library
This is an unobtrusive implementation of Sparklines, done in Javascript using the new Canvas element. It has been confirmed to work in the new Firefox betas, at the very least. Until the Canvas element becomes more widely accepted, this is more of a ‘fun demo’ at best. How To Use: To use, place your data points within your HTML, like so: <span class="sparkline">10,8,20,5...</span> (Note: Any HTML
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TJ Holowaychuk
CamanJS
http://glimr.rubyforge.org/cake/canvas.html
Canvasリファレンス - HTML5.JP
Taken SPC: いい加減な canvas 要素の紹介
HTMLタグ ファレンス