忍者ブログ

Home > > (uupaa-ex)canvasの練習に星空風の個人サイト作った

[PR]

  • 2017-05-30

Share on Tumblr このエントリーをはてなブックマークに追加

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

Comments:

Trackback+Pingback:

Listed below are links to weblogs that reference
[PR] from Born Neet

Home > > (uupaa-ex)canvasの練習に星空風の個人サイト作った

Home > JavaScript > (uupaa-ex)canvasの練習に星空風の個人サイト作った

(uupaa-ex)canvasの練習に星空風の個人サイト作った

Share on Tumblr このエントリーをはてなブックマークに追加

こんなんです。


tnantoka.net
※ PCが悲鳴をあげかねないので長時間の閲覧は注意して下さい。

こうなっちゃいます↓


最近地味に使い始めたtnantoka.netドメインですが、
bornneet.comとどう使い分けるか決まってません。
(今のところサーバサイドスクリプト使うときはこっちで公開しようと思ってたりします)

いつまでも準備中じゃあんまりなのでとりあえず飾ってみました。

faviconも一応。
(実はこれが一番苦労した。作るのは一瞬だったんだけどIE7で表示されず。
ファイルの作り直しとか、キャッシュのクリアとかいろいろやっちゃったけど、
結論はHTMLの更新が漏れててfaviconの指定ができてなかったという単純ミス。
Firefoxは指定しなくても勝手に取ってくるんだね。。。)

技術的なこと

uupaaです。

ずっと気になってて0.7がリリースされたら触ってみようと思ってたんですが、
我慢できずにspinoffを先に使っちゃいました。

予想はしてましたが、かなりいいです!
プレゼンツールを作った時本家のexcanvasも使いましたが、
こっちの方が癖がない上にサクサク動くし、エラーに悩まされることもありませんでした。

※ IEで grd.addColorStop(0, 'rgba(255, 255, 255, 0.5)') とかやったら動かなかった。
  仕様かな??…なのでブラウザ判別してIEでは半透明にしてません。
  ⇒ ウソでした、すいませんm(_ _)m
    IEでも半透明グラデーションできました。
    ただランダム&大量描画のせいか、たまにエラーが出るのでそのままにしてます。


ラッパ関数も便利そうなんですが、canvasの勉強にならない気がしたので今回はあえて使いませんでした。

これはcanvasにはまりそう!!

さて何作ろーかなー。。。

ひとこと

google codeはCDNとしてかなり使えますよねー。
これだけライブラリ使ってるのにScriptダウンロードする必要ないんだもんなぁ!

参考

canvas : 描画スタイルの指定(グラデーション編) - WebOS Goodies
Canvas - さまざまな図形を描く - HTML5.JP

PR

Comments:0

Comment Form

Trackback+Pingback:0

TrackBack URL for this entry
Listed below are links to weblogs that reference
(uupaa-ex)canvasの練習に星空風の個人サイト作った from Born Neet

Home > JavaScript > (uupaa-ex)canvasの練習に星空風の個人サイト作った

Search
Loading
Feeds
Links
スポンサードリンク
Ad
デル株式会社
Ad

Page Top