タグに「canvas」を持つ
11〜12件目 / 12件
前へ 1 2

　scriptaculous.jsのsliderとcanvasのshadow / magicien　

せっかくscriptaculousを導入したので、スライダーを使ってみた。そのついでにcanvasの実験。


X
Y
Blur
スライダーを動かすと、影の位置とぼかし幅が変わります。そして、相変わらずJavaScriptのコードの説明は放棄...いつか気が向いたら説明書きます。本当は、スライダーに画像を設定してもっと見栄えを良くできるのだけれども、画像を作るのが面倒なのでやめた。これもいつか気が向いたら...。まぁこういったところで僕の人となりを察してもらえればと思います。

そして、アップしてから気づいたけど、shadowはSafariしか使えないらしい。他のブラウザを使っている人はスライダーを左右に動かして遊んでね♪何も起こらないけど（泣）

　canvasに挑戦 / magicien　

JavaScriptにも慣れてきたので、以前から気になっていたcanvasに挑戦してみた。

canvasタグを使うと、Safari、FireFox、Operaで直線やらベジエ曲線やら画像やらが描画できるらしい。ただ、IEでは動かない...と思ったら、GoogleがExplorerCanvasなるものを作っていたらしく、これを使えばIEでもcanvasが使えるようだ。同梱されているサンプルがすごいので、JavaScriptをやらない人もダウンロードして見てみるといいかも。

で、何かミニゲームでも作ろうと思ったけど、画像の回転が限界でした。OpenGLを使ったときに勉強したはずの座標系の回転と平行移動でつまづいて、数時間かかってしまった...。基礎から勉強し直さないとだめかも。
「回転開始！」ボタンを押すと、DarkHorseのロゴ画像が回転します。