わずか280行程度のJavaScriptで作られ... / JavaScriptで作るいろいろな物理シミュレ... / JavaScriptによる波の物理シミュレーショ...他...全14件
HTML5やCSS3を使った次世代表現を学ぶのに役立つコードサンプル
わずか280行程度のJavaScriptで作られ... / JavaScriptで作るいろいろな物理シミュレ... / JavaScriptによる波の物理シミュレーショ...他...全14件
HTML5のCanvasに描かれる「アートスクリプティング」とにかく美しいJavaScript表現のまとめ28個！
動くぞ！きれいだぞ！ ﾍ(･_･ﾍ) とにかく痩せたい、HTMLファイ部のほんだです。 jsdo.it、nakamap、Paberish、HTML5実力テストといった自社運営Webサービスの HTML5エンジニアを担当している者です。 jsdo.it、ユーザー数 5万人突破！ 手前味噌ですが、このたび弊社運営のHTML5コード共有コミュニティ「jsdo.it」が、 ユーザー数 5万人を突破しました！（わーい！） 今回の記事では、jsdo.itのユーザー5万人を記念して、 HTML5 Canvas に芸術的な動きを表現しているJavaScriptコード「アートスクリプティング」を特集します！ あまり一般的ではないようですが、「アートスクリプティング」という言葉でくくってみました。 Canvasアートスクリプティング特集！ 説明不要！ 気になったコードは是非のぞいてみてください！
chrome-life.com - このウェブサイトは販売用です！ - chrome life リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
[HTML5]世界一インストールが簡単なWikiをリリースしました。 #jswikimini - DQNEO起業日記
IE6,7,8,9, Firefox, Google Chrome, iPhone, iPadで動く！(たぶんAndroidも) このシステムは非常に奇妙なアーキテクチャで、いろんなプラットフォームで動きます。 プラットフォームごとに動作モデルが異なります。(ここが奇妙な点です。) IE6,7,8,9で動かす場合 PCローカルにHTMLファイルをダウンロードして、それをIEで開いてください。 (セキュリティレベルを下げる必要があるかもしれません。自己責任でお願いします。) IEでの動作モデルは前作 JSWikiMini と同じです。 データはテキストファイルとしてPC内に保存されます。 USBメモリや共有フォルダに置いて使うこともできます。 (逆に、Webサーバ上に置いた場合は使えません) windows環境では、一種のネイティブアプリとして振る舞います。 この仕組みはActiveXObj
JavaScriptで2D-FFTによるハイパス/ローパスフィルタ – Rest Term
Spatial Frequency Filtering by 2D-FFT これまでにJavaScriptとHTML5 Canvas APIでいくつかの画像処理を試してきましたが、今回は二次元離散フーリエ変換(2D-DFT、実装上では2D-FFT)で得られた周波数スペクトルにハイパス/ローパスフィルタ(HPF/LPF)を適用します。 「フーリエ変換」は音声処理でよく耳にする単語かと思います。音声データをフーリエ変換してHTML5 Canvas上でビジュアライズするデモもたくさん公開されています(例: Visualizing an audio spectrum – MDN)。ただし、ここでは”音声”ではなく”画像”に対するフーリエ変換を行います。音声の場合はデータが一次元なので周波数は一つしか持っていませんが、画像の場合は水平/垂直方向の二つの周波数を持つことになります。なので画像データに対
パーティクル3万個 - latest log
IE 10pp2 と iPad2 (iOS5) のスコアを追記しました iPhone4S (iOS5) のスコアを追記しました Firefox 4 から window.mozRequestAnimationFrame が利用可能になっています。 window.requestAnimationFrame / setTimeout(,4) / setInterval(, 16) で パーティクル3万個を飛ばすデモ。 ベンチマークマシンのスペック → MacBook (13-inch, Late 2009) - 技術仕様。 メモリ4GBに + BootCamp + Windows7 上で計測しています。 Windows エクスペリエンスインデックスの数値は、5.1 で、各項目は プロセッサ: 5.8 メモリ: 5.8 グラフィックス: 5.1 ゲーム用グラフィックス: 5.5 プライマリハードデ
冷吟閑酔
東京てら子Vol.16 『ドキッ、JavaScriptだらけの240分』でLT枠で発表させていただいた「Canvasアニメーションについて」の資料をアップします。正直技術的に参考になるものは特にないので、ご了承ください。 今回発表させていただいた内容は、FlashIDEで作成したFlashアニメーションを、FlashIDEのマクロ機能(?)であるJSFLを使用してHTML5のCanvasへ移植するというコンバーター「CanvasAnimationConverter（仮）」を作ってみたよーという紹介です。スライド内でも書いていますが、Grant Skinner先生のEaselJSフレームワークを使用しています。 今のところ、知る限りではCanvasによるアニメーション制作ツールというのは出ていない気がします。そういう意味では、少し目新しかったかな、と。 JSFLの配布に関しては、まだアルファ
東京てら子Vol.16 の発表内容。 (memo.kappa-lab.com)
土曜日はてんこもりでした。午前中はAEDを使った救急救命講義を受けて、午後は「東京てら子Vol.16 『ドキッ、JavaScriptだらけの240分』」で喋って、アフター7は皆で懇親会（飲み会）してきました。 今回は大人数だった事もあり、タイムキーパーアプリを作って厳密に時間管理が行われていました。タイムオーバーしてしまう発表者がいる中、特別枠とLT枠で２度も喋るKYっぷりを許していただきホントありがとうございます。 特別枠 「BeBop βversionについて」 先日ベータリリースしたBeBopの紹介をさせていただきました。会場で「無料なの？」と質問がありましたが、勿論、ムリョーですよ！ 将来的にはプレミアムプラン的な有料高機能版が出るかもしれませんが、その際も無料版はなくならないのでご安心ください。この辺は断言しておきますのでご安心ください。 発表したスライドは以下です。 *背景の壁
JavaScriptで作ったお絵描き掲示板のソースを公開するよ | fladdict
去年、ノリで数日で作り上げたJavaScript製のお絵描きアプリ、JSPaintのソースコードを公開してみた。 なんとなく勢いで。 Download 1週間で実装したわりには、指先ツールとかカラーピッカー、Undoまで完備されていて結構頑張ってるんじゃないかと。ただしIEでは（メンドイので）動きません。Twitter投稿のみphpを使っていてZendのフレームワークが必要です。この辺は @sumihiro さんのご助力に感謝です。 ソースの書きかたが、ちょっとクラシックでprototypeで疑似クラスを作っていますが、まぁ気にしない。本職JavaScripterでもないので割と突っ込みどころが満載です。 こまかい事はTwitterのfladdictで捕まえて聞いてください。
Stars 2 - jsdo.it - Share JavaScript, HTML5 and CSS
Typographyシリーズ第2弾。 文字画像をトレースしてパス情報を求めようとあれこれしています。 オレオレアルゴリズムのため難しい漢字とか苦手かも。。。 How it works : http://jsrun.it/tsmallfield/stars2?debug Stars #1 : http://jsdo.it/tsmallfield/stars /** * @fileoverview Stars 2 * @author Tohl SMALLFIELD */ "use strict"; (function(win, doc) { var vibration = 0, tmr; /** * @see http://dvcs.w3.org/hg/webperf/raw-file/tip/specs/RequestAnimationFrame/Overview.html * * TODO
IO 9elements
HTML5 Canvas Experiment Click here to launch the experiment! (beware: sophisticated browser needed) HTML5 is getting a lot of love lately. With the arrival of FireFox 3.5, Safari 4 and the new betas of Google Chrome and Opera, browsers support some great new features including canvas and the new audio/video tags. Most interesting: modern mobile devices like the iPhone or Android-based phones also
.xyz Domain Names | Join Generation XYZ
Latest news from .xyz 08/09/2024 – XYZ Registry: Continuing our commitment to combating online abuse09/30/2024 – AI-powered platform OpenEXA.xyz helps fund managers turn non-yielding assets into high-yield investments Follow us on Twitter @xyz 04/12/2024 – 5 tips for building community through your online presence09/26/2024 – Innovative oracle network Switchboard.xyz powers decentralized applicati
HTML5でコーディングしたページでjQueryを使うときに気をつけること :: 5509
そろそろHTML5でコーディングする機会も増えてきたりするかもしれませんが、どうしてもブラウザ対応はしておきたいもの。jQueryで（※）要素をごにょごにょする際にちょっとはまったので一応書いておきます。 IE8以下での話ですが、IE8以下でHTML5を利用するときはHTML5の要素にCSSが適用されないので、html5.jsのようなスクリプトをヘッダで読み込ませたりすると思います。 ちなみに僕はわざわざ読み込むのもアレなので、以下のものを毎回貼ってます。 こんな感じでJavaScriptのcreateElementメソッドでHTML5の要素を追加すれば、CSSが使えるようになって見た目もだいたいばっちりになるんですけど・・・ jQueryで $(hoge).append('セクション') とか $(hoge).append([ '', '', // hogehoge '', '' ].j
[JS]画像を使用せずに、canvasでテレビの砂嵐を描くチュートリアル
How to Generate Noise with Canvas デモページ（当方作成） [ad#ad-2] JavaScript function generateNoise(opacity) { if ( !!!document.createElement('canvas').getContext ) { return false; } var canvas = document.createElement('canvas'), ctx = canvas.getContext('2d'), x, y, r, g, b, opacity = opacity || .2; canvas.width = 100; canvas.height = 100; for ( x = 0; x < canvas.width; x++ ) { for ( y = 0; y < canvas.heigh
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
roxik | Kung-Fu Girl
Responsive Cat
ROXIK | Monalisa