USAGI-WRP https://blog.hatena.ne.jp/USAGI-WRP/ C++ ときどき ごはん、わりとてぃーぶれいく☆ https://usagi.hatenablog.jp/ JavaScript Canvas HTML5 それまでCanvasを使わなさそうだったJavaScriptを教えている学生さんから Canvasにボタン的なオブジェクトを表示してクリック判定とかどうするんですかー、divやimgみたいにHTMLのタグレベルでイベントハンドラーとかってわけにいかないしー。 みたいな質問を貰ったのでそそくさと講義中に書いて解説したサンプル。ちなみにfork元は質問をくれた学生さんのてけとーに用意してくれた雛形から。https://gist.github.com/3991317今回はJSのプロトタイプについて綺麗に活用したりタイマーの誤差を考慮したりしていませんが、その分Canvasという世界でオブジェクトを制… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fusagi.hatenablog.jp%2Fentry%2F2012%2F11%2F01%2F124604" title="JavaScriptとCanvasの基礎、オブジェクト、Update、Draw、クリックイベントの判定法など、弾幕システムも基本はここから - C++ ときどき ごはん、わりとてぃーぶれいく☆" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2012-11-01 12:46:04 rich https://usagi.hatenablog.jp/entry/2012/11/01/124604 1.0 100%