Node.js東京Node学園祭2011で出てきたものを触ってみよう、ということで。node-canvasを使ったアプリをNode Ninjaにデプロイしてみた。 http://favicon.node-ninja.com/ ソースコードはGithubで公開しています。https://github.com/sugyan/node-favicontable要... 続きを読む
科学 技術勉強会 東京Node学園祭_2011 プログラミング Node.js 再生数:9 / コメント数:0 コメントやお気に入り登録をしたい方は ニコニコ動画アカウント でログインしてください。 動画の説明文:全文を表示 2011年10月29日に開催された「東京Node学園祭... 続きを読む
canvas を苛めていたら気づいたことがあったので書きます。(この記事は2011年5月現在の情報です。あなたがこの記事を読んでいる時点で、より新しくて良い方法が無いか確認して下さい) 基本的な話canvas には、図形を描画する機能だけでなく、描かれている内容... 続きを読む
HTML5 Canvasでグレースケール画像を自動生成 WebDesignerWallにて、HTML5 CanvasとjQueryでグレースケールを実現するチュートリアルが公開されている。画像にマウスを乗せると、グレースケールの画像がカラーになるというものだ。 HTML5 & jQuery Grayscale De... 続きを読む
Sketchpad is an online drawing application -- written in <canvas>. 続きを読む
スマートフォンにてソーシャルゲームを作ろうとすると、HTML5を中心にブラウザで動作するもの、もしくはネイティブアプリでの提供ということになります。モバゲータウンやグリーはその両方をサポートしています。ネイティブアプリの作り方は既に文献も多数なの... 続きを読む
<p>You've already learned about the <code><video></code> and <code><canvas></code> elements, but did you know that they were designed to be used together? In fact, the two elements are absolutely wondrous when you combine them together. I'm g... 続きを読む
うわ、すごいすね。これ。CanvasとJavaScriptでOpenCVちっくな顔認識機能を実現しています。 デモを試してみましたが顔が検出されるとそこを赤い枠で囲ってくれます。いくつか例をば。 ↑ おー、すごい!つか、かわいいな!w ↑ 顔が小さすぎると検出されませ... 続きを読む
Ai->Canvas How it works The Ai->Canvas plug-in enables Adobe® Illustrator® to export vector and bitmap artwork directly to an HTML5 canvas element that can be rendered in a canvas-enabled browser. The plug-in provides drawing, animation and c... 続きを読む
canto.js is a small JavaScript library that improves the HTML5 Canvas drawing API to support features such as: method chaining relative coordinates polylines SVG path commands turtle graphics easier specification of drawing attributes 続きを読む
ようやくHTML5に興味を持ち始めました。 サンプルを以前記事にして、凄いなーと 思っていましたが、なかなか時間がなく、 先延ばしに。で、ようやく頭に入れ始めま した。なにするにも行動が遅くて困ります。 HTML5でも話題になっているCanvasを勉強し始めまし... 続きを読む
映像などいろいろ 音楽などいろいろ 思いつきでときどき落書き 2009/08/27 JavaScript教材のサンプル・グラフ編 2009/08/18 JavaScript Canvasサンプル いろいろサンプル。 --------------------------------- 2008/12/15 ホームページを作り始めてみる。 2009/... 続きを読む
スタートアップ SVG 第1回 SVGの基礎知識 2010年7月7日 太田昌吾 サポート, Internet, Canvas, HTML, Explorer, JavaScript 1 2 SVGは比較的古くからある仕様の1つですが,2010年3月にマイクロソフトがInternet Explorer 9でのサポートを表明してから一気に注目... 続きを読む
canvasを一通り勉強したので、復習をかねてアニメーションするものを作ってみました。 canvasで描く太陽系 canvasでアニメーションする時のコツや手順をまとめてみました。 アニメーションする時の手順 図形の削除:clearRect() 状態の保存:save() 図形の描画... 続きを読む
Flash… without the pluginSmokescreen is a new open-source project aimed at converting Flash to JavaScript/HTML5 to run where it previously couldn’t and better interoperate with webpages where it previously could. 続きを読む
Chuckle and ChortlePress Space to fire, the ← and → arrow keys to turn, and the ↑ arrow key to thrust. Press P to pause, F to toggle the framerate display and hold down G to see a demonstration of the Grid System. Suggested browsers: Safar... 続きを読む
tech.kayac.com、ささやかにリニューアルしました! tech.kayac.comをご覧の皆さん、はじめまして。意匠部ME課のfuchigamiといいます。 どうして技術部ブログに意匠部の野郎が?って感じですが、 技術部ブログのリニューアル記念ということで、ちゃっかりcanvas... 続きを読む