Canvasで背景(星屑)テスト Canvasで星を作って動かして遊んでて、背景で動かしたら面白いかなと思って作ってみた。ちょっと(?)ケバいけどね:-P ランダム要素が入っているので毎回少しずつ違った背景になる。うるさくない程度に改良すれば何かのアクセントになりそうな予感。 ただ、作っているオブジェクトの数がけっこうあるので、低スペックマシンだとカクカクするかも。 追記 ちょっとパラメータを変更した。より重たくなったかも
Canvasでアニメーション背景 - hogehoge @teramako
Canvasで背景(星屑)テスト Canvasで星を作って動かして遊んでて、背景で動かしたら面白いかなと思って作ってみた。ちょっと(?)ケバいけどね:-P ランダム要素が入っているので毎回少しずつ違った背景になる。うるさくない程度に改良すれば何かのアクセントになりそうな予感。 ただ、作っているオブジェクトの数がけっこうあるので、低スペックマシンだとカクカクするかも。 追記 ちょっとパラメータを変更した。より重たくなったかも
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Mozilla Party 10 の資料 - 最速チュパカブラ研究会
Mozilla Party 10 でcanvasの話をしてきましたので資料を公開します。 http://www.slideshare.net/gyuque/mozilla-party-2009-canvas-programming デモは以下のURLにあります http://gyu.que.jp/jscloth/touch-opera-gecko.html 海外からのゲストのために通訳がついていたのですが、ボランティアの学生さんだったそうです。普通にお金を出して依頼したものだと思っていたので、閉会の挨拶のときに知ってびっくりしました。 会場の質問で Flash と比べてどうなんだと聞かれ、今の時点では、自分が仕事で Web ページを作る立場だったら無難に Flash を使うと答えました（「ねる。」はあくまで趣味なので、IE なんて気にせず canvas を使えたわけです）。 悲しいことに、
いま HTML5::Canvas って使えるの? (HTML::Canvas のサポート状況) - latest log
Opera の getContext("opera-2dgame") について追記しました。 fillText(strokeText) + pattern, + linerGrad, radialGrag について追記しました。 uupaa-excanvas.js ver 0.3 リリース版に基づき表を更新しました。 uupaa-excanvas.js ver 0.31で、drawImage(canvas, ...) をサポートしました。 先ほど Windows XP 上で調べました。Mac や Linux だとちょっと違うかもしれません。 # レンダリングの実例はhttp://uupaa-js-spinoff.googlecode.com/svn/trunk/uupaa-excanvas.js/DEMO.htmで見れます。 凡例 5: 実装されており他のブラウザの描画結果と互換性がある(
はてなブログ | 無料ブログを作成しよう
念願の資生堂メイクレッスンに行った かしら、かしら？ご存知かしら？ 資生堂のメイクレッスン、美容に興味のある女性はたいてい知っていそうだが一応そこから説明しておく。 世の中にはメイクを教えてくれるサービスがいろいろある。ドラッグストアのカウンター、デパートのカウンター、専門のサロンエト…
Chrome Experiments
Chrome Experiments is a showcase of work by coders who are pushing the boundaries of web technology, creating beautiful, unique web experiences. You'll find helpful links throughout the site for creating your own experiments, and you can also explore resources like WebGL Globe and our workshop of tools.
DEFENDER of the favicon | Mathieu 'p01' Henri | July 2008
16x16 pixels of thrilling retro shooter action in your favicon. DEFENDER of the what ? DEFENDER of the favicon is a JavaScript remake of Eugene Jarvis' brilliant arcade game Defender written by Mathieu 'p01' Henri and inspired by Scott Schiller's experiment with generated favicons VU meter. The idea was to push the concept of generated favicons further and pack a thrilling retro shooter in 16×16 p
Games round-up for February 2009 - Nihilogic
Tuesday, March 3, 2009 Leave a comment Games round-up for February 2009 Labels: games Last month, I opened up another section of Nihilogic devoted to JavaScript games and I got a lot of nice feedback, so I'm hoping it will grow to be a successful site with time. To keep a connection between that section and the blog and for those who want to stay up to date without getting spammed every time a new
Nihilogic : Javascript Image Effects
Click the effect names in the table to apply effects to the sample image. Original image: Processed image: Effect Compatibility This library tries to enable different client side image effects. IE has long had its filters, which have provided a few basic effects for IE. With canvas, some of these effects can also be achieved in Firefox and Opera. Safari lacks the getImageData/putImageDa
Canvasによる3Dテクスチャマッピングとパフォーマンスチューニング（仮題） - 最速チュパカブラ研究会
MAX 打ち上げのときに川崎さんに「英語の記事書いたら絶対ウケるから書くべきだよ」と言われていつ書こうかなーと思ってたら、そういえば11日は休日だったので、日本語の下書きだけでも一気に書いてみることにしました。 といっても、欲を出してあれもこれも書こうとして、結局まだ書ききれてませんけど。 タイトル案 Javascript と Canvas によるフルスクラッチ3Dプログラミング Javascript と Canvas 3Dプログラミング入門 ドキッ JSだらけの あと、今日（11日）は私の誕生日でもあります。25になりました。そろそろ鏡を見るのが怖くなってきますね。 以下、書きかけ Introduction Adobe MAX 2009 で Spark Project は、拡張現実（AR）のデモを展示し、来場者の注目を集めていた。Shibuya.JS のメンバーもこのデモに感激し、是非
canvas って文字が出せないのね…。 - s-n-kのブログ
先日の続き せっかくグラフを書いてみたんだから軸ラベルを付けてみようと思ってリファレンスを探してたら、fillText とか strokeText っていういかにも「オイラが文字を出します！」的なメソッドを見つけた。 とりあえず試してみたけど全然文字が出ないんで、調べてみると対応してるブラウザ一個もないやん。 ここのブラウザ対応状況ってところをみて愕然とした…。 仕方が無いので、世の皆様はどうやってるのかなぁとGoogle先生に聞いてみたら「div要素を絶対座標で埋め込んで表示」してるっぽい*1 んで、無理やりサンプルを書いてみたのが以下のコード 果てしなくダサいコードになったなぁ。 <html> <head> <script type="text/javascript"> // ウィンドウが開いたら呼ばれるっぽい window.onload = function() {draw_samp
Canvas - HTML5.JP
このコーナーでは、JavaScriptから図を描くことができるCanvasについて解説します。 Canvasとは Canvasとは何か、そしてCanvasで何ができるのかを事例を踏まえて分かりやすく解説します。 Canvasの使い方 実際に、Canvasをどうやって使いこなすのかを、サンプルを通して解説していきます。 いろいろな図形を描く Canvasでは線を引くだけではなく、さまざまな図形を描くためのメソッドを用意しています。このコーナーではCanvasで利用できる図形描画のいくつかをご紹介します。 色を指定する このコーナーでは、Canvasで描く図形に色を指定する方法を紹介します。またCanvasでは指定した色に透明度を与えることも可能ですので、その方法についても紹介していきます。 線形グラデーションを指定する このコーナーでは、Canvasで描いた図形にグラデーションを指定する方法
Paint : Microsoft Paint Online
Microsoft Paint is also known as MS Paint. It is a basic graphics drawing program that has been an indispensable part of all versions of the Microsoft Windows operating system. MSP provides easy ways for creating different types of graphics with different tools. The tools include brushes, shape generators, pens, and erasers. Many users of Windows might also be unaware of its presence, considering
Box2DJS - Physics Engine for JavaScript
Click this image to start demos. Note that it takes long time to load the page. Left-click to create an object. Right-click to show next example. What's this Box2DJS is a JavaScript port of Box2D Physics Engine. To tell the truth, this is converted from Box2DFlashAS3_1.4.3.1 in an automatic manner. (The reason why not Box2DFlashAS3_2.0.0 based is simply because I overlooked the renewal.) How to us
excanvas.js のハマリどころ, G_vmlCanvasManager.initElement の使い方 - latest log
追記: uupaa-excanvas.js をリリースしました。 excanvas.js は IE で canvas 要素のエミュレートを行う Google 謹製の JavaScript ライブラリです。 このライブラリは、最初のとっかかりが結構難しいです。 実体験を元に、ハマリポイントを列挙してみます。 動的に生成したcanvas要素は、すぐにドキュメントツリーに追加し、その場で初期化する必要がある。 以下が、動的にcanvas要素を生成し2Dコンテキストを取得する例です。が… var e = document.createElement("canvas"); document.body.appendChild(e); var ctx = e.getContext("2d"); 上記のコードでは、IEでは動作しません(Firefox,Safari,OperaはOK)。 動的に生成したca
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
uuQuery.js と uuCanvas.js の version 1.0 をリリースしました。 - latest log
Admiral
js cloth
Dance Party
http://typeface.neocracy.org/