タグ

canvasに関するsiriusjackのブックマーク (2)

  • Canvas を使ってみんなもお手軽に弾幕作ろうぜ!! - 其の壱 - - 凹みTips

    はじめに 勉強がてら Canvas を使ってなにか作りたいなーと思いまして、昔作っていた STG のドット素材を利用して、簡単なマルチタッチ対応 STG を作ってみました。 だんまくてすと 触った指の数だけゆっくりが出てきます。マウスでもプレイ出来ます。死んだらクリックで復活します。 作成の過程で学んだことなどを共有できればと思い、簡単にまとめてみました。 解説は何回かに分けて行おうと思います。今回は、N-Way 弾が画像で出せるところまで書いてみました。 あ、ちなみにタイトルではこんなこと言ってますが、ぶっちゃけ重いので弾とかエフェクトを1000個とか結構辛いです(´・ω:;.:...。 勉強に使った場所 Canvas - HTML5.JP 今更聞けないcanvasの基礎の基礎 | tech.kayac.com - KAYAC engineers' blog canvasでキラキラした背

    Canvas を使ってみんなもお手軽に弾幕作ろうぜ!! - 其の壱 - - 凹みTips
    siriusjack
    siriusjack 2012/05/16
    弾幕シューティングだ!おもろそう
  • レーダーチャート - JavaScript ライブラリー - HTML5.JP

    JavaScriptからレーダーチャートをcanvas要素に描画します。パラメータを指定することで、項目、色、凡例表示などお好みのレーダーチャートを柔軟に描画できます。 ダウンロード Release Date Size (byte) Download 使い方 graph_radar_x_x_x.zipを解凍し、html5jpフォルダをウェブサーバにそのままアップロードしてください。グラフを表示させたいHTMLには次のタグを記述してください。 <div><canvas width="400" height="300" id="sample"></canvas></div> 上記タグは次の点に注意してください。 canvas要素は、必ずdiv要素で囲んでください。 canvas要素には、必ずwidth属性とheight属性を記述し、幅と高さを指定してください。 canvas要素には、必ずid属

  • 1