[B! JavaScript][HTML5] [3ページ] moonbloggerのブックマーク

moonblogger id:moonblogger

JavaScriptとHTML5に関するmoonbloggerのブックマーク (51)

無職のHTML5 Canvas
HTML5 Canvasで作ったものいろいろ。
moonblogger 2012/05/31
HTML5

JavaScript
リンク
Learning HTML5 Canvas through jsFiddle Examples - RisingTrends Blog
moonblogger 2012/05/31
HTML5

JavaScript

表現
リンク
John Resig - Processing.js
As a sort-of reverse birthday present I’ve decided to release one of my largest projects, in recent memory. This is the project that I’ve been alluding to for quite some time now: I’ve ported the Processing visualization language to JavaScript, using the Canvas element. I’ve been working on this project, off-and-on now, for the past 7 months – it’s been a fun, and quite rewarding, challenge. The f
moonblogger 2012/05/31
JavaScript

HTML5
リンク
http://www.html5canvastutorials.com/
moonblogger 2012/05/31
HTML5

JavaScript
リンク
HTML5 Canvasを始めよう：EaselJSを使った流体パーティクル入門 | ClockMaker Blog
HTML5のCanvasをFlashライクに使えるようにするJavaScriptライブラリ「EaselJS」で流体パーティクルのデモを作ってみました。 demo source EaselJSを使えばFlashのようにHTML5 Canvasを使うことができるので、ActionScriptから概念だけではなくコードの再利用性が高まります。今回は流体パーティクルの表現を通して、EaselJSとCanvasのテクニックを紹介していきます。デモの作り方冒頭のデモですが、私が以前作成したFlashの作品「Flashの高速化を試す、Bit mapDataを配列に格納することで2〜3倍の高速化」から移植したものです。さて、このデモをHTML5 Canvasに展開するにあたり、特に抑えておきたいのは次の点だと思いました。フォースマップの作成パーティクル情報を付与した表示クラスの作成フォースマップ
moonblogger 2012/05/22
JavaScript

HTML5
リンク
CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5
A suite of modular libraries and tools which work together or independently to enable rich interactive content on open web techno logies via HTML5.
moonblogger 2012/05/18
HTML5

JavaScript
リンク
リッチなHTML5コンテンツのためのフレームワーク「CreateJS」が公式サイトを公開 | ClockMaker Blog
Flashのエンジニアとして著名なGrant Skinner氏が開発している、「CreateJS」の公式サイトがオープンしました。 http://www.createjs.com/ CreateJSはHTML5を介してリッチなインタラクティブコンテンツの制作をサポートする、JavaScriptライブラリとツールのスイートです。CreateJS SuiteにはEaselJS、TweenJS、SoundJS、PreloadJS、とZoeのツールがあります。私のブログでもEaselJS、TweenJSを使ったインタラクティブコンテンツのデモを幾つか制作して紹介してきましたが、Flashで培われた技術がそのまま利用できる点で非常に使い勝手のいいツール群だと思っています。 EaselJSとTweenJSでテキストエフェクト EaselJSを使った流体パーティクル入門今回は公式サイトで明らかになっ
moonblogger 2012/04/18
HTML5

JavaScript

ウェブデザイン
リンク
HTML5先取り！CanvasならFlash不要で絵が描ける (1/3)
現在主流のHTML 4.01が勧告されたのが1999年12月。その後もWebは進化し続け、HTML+CSS+JavaScript（≒DHTML）でできないことはFlashやSilverlightで補うことで、さまざまな表現が可能になっています。たとえば、ユーザーの操作で画像の位置などが変化するゲームや、刻々と変化するデータを外部が取り込んで図形を描く株式市場の相場グラフはFlashを使うのが一般的ですが、できればHTMLやJavaScriptだけで済ませてしまいたいもの。そこで今回は、HTML5の新機能「Canvas」を使い、Webページ上にJavaScriptで図形を描画する方法を紹介します。 Canvasってナニ？ 2010年の勧告を目指してW3C（World Wide Web Consortium）で策定中のHTML5では、「Canvas」という新しいHTML要素（タグ）が追加される
moonblogger 2012/04/09
HTML5

JavaScript
リンク
★HTML5リファレンス
山田太郎は、ウェブ開発やグラフィックスプログラミングに10年以上の経験を持つテクノロジーの専門家です。特にHTML5 CanvasやJavaScript、インタラクティブメディアに精通しており、動的なユーザーインターフェースや最先端のウェブアプリケーションの開発に携わってきました。複雑な図形描画や画像操作、リアルタイムグラフィックスに関する知識が豊富で、ウェブ技術の限界を追求する開発者たちにとって頼りになる存在です。知識の共有に情熱を持ち、初心者からプロフェッショナルまで幅広く支援するため、技術フォーラムやブログにも積極的に貢献しています。
moonblogger 2012/04/09
HTML5

JavaScript
リンク
Canvas - HTML5.JP
このコーナーでは、JavaScriptから図を描くことができるCanvasについて解説します。 Canvasとは Canvasとは何か、そしてCanvasで何ができるのかを事例を踏まえて分かりやすく解説します。 Canvasの使い方実際に、Canvasをどうやって使いこなすのかを、サンプルを通して解説していきます。いろいろな図形を描く Canvasでは線を引くだけではなく、さまざまな図形を描くためのメソッドを用意しています。このコーナーではCanvasで利用できる図形描画のいくつかをご紹介します。色を指定するこのコーナーでは、Canvasで描く図形に色を指定する方法を紹介します。またCanvasでは指定した色に透明度を与えることも可能ですので、その方法についても紹介していきます。線形グラデーションを指定するこのコーナーでは、Canvasで描いた図形にグラデーションを指定する方法
moonblogger 2012/04/08
HTML5

ウェブ開発

JavaScript
リンク
8XBET Wiki ⭐️ Trang Chủ 8XBET.COM Chính Thức | Đăng Ký +88K
8XBET ⭐️ Link 8XBET Mới Nhất Hôm Nay, Nhà Cái Châu Âu Uy Tín | Tặng +88K Khi Đăng Nhập Từ Trang Chính 8XBET là nhà cái uy tín hàng đầu châu Âu, cung cấp sân chơi giải trí đẳng cấp cho toàn bộ người chơi trên toàn thế giới. Tại 8XBET, bạn sẽ được trải nghiệm đa dạng hạng mục giải trí hấp dẫn như Casino, bắn cá, đá gà, thể thao,… cùng nhiều chương trình khuyến mãi và ưu đãi đặc biệt dành cho thành v
moonblogger 2012/03/01
HTML5

JavaScript

Canvas
リンク
前のページ 1 2 3