jQuery+three.jsを実現したWebGLライブラリ「jThree」の「GOMLファイル」使い方（body編）
はじめに 数あるHTML5の機能の中でも特にビジュアルでインパクトのあるWebGL。GPUを駆使した高速3DCGレンダリングが可能なことで話題になったものの、今1つ普及しない背景には「実装があまりにも難しい」ことがあるのではないでしょうか。 three.jsの登場により、実装のハードルはだいぶ下がりました。しかし、JavaScriptに精通したプログラマでなければ使いこなすのは容易ではなく、ビジュアル要素の強いWebGLにあってデザイナーさんの参入は難しいのが現状です。 今回紹介する「jThree（ジェイスリー）」は、そんなWebGLをjQueryの記法で扱えるようにするための国産JavaScriptライブラリです。前述のthree.jsをラップしてjQueryで操作できるよう設計されており、jQueryを使ったことのある方なら、手軽にWebGLコンテンツを作ることが可能です。 本記事では
『Web Componentsで行うHTMLのコンポーネント化』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 みなさんこんにちは。アメーバ事業本部の泉水（@1000ch）です。 今日はHTMLをコンポーネント化するWeb Componentsという新しいHTMLの仕様と、 その機能を補完するPolymerというライブラリについてお話させていただきます。 Web Components Web Componentsについては、2013年のHTML5 ConferenceでGoogleの夷藤さんがセッションされていました。夷藤さんはChromeチームで、Web Componentの周りの実装をされていたり、Shadow DOMの仕様の編集をされています。 セッショ
<x-gif>·アニメーションGIFに新しい魅力を提供するJavaScriptライブラリ MOONGIFT
速度変更、音楽同期など面白い機能がいっぱいですよ！ 動画がどれだけインターネット上に溢れようともアニメーションGIFの人気は衰えません。音が出ない、何度も繰り返すと言った特徴が見ている人の心をとらえます。256色までの表現力もノスタルジックで楽しまれるポイントです。 そんなアニメーションGIFを自在に操作するライブラリがです。アニメーションGIFの新しい見せ方を提供するかもしれません。 のデモ 公式サイトにデモがあります。今回はそちらから紹介していきます。 上は普通のアニメーションGIF、下は最後まで描くと逆回転します。 こちらはスピードが変更できるデモです。 音楽と同期させるデモ。こうなるとVine風ですね。 こちらはクリックでスタート/ストップを繰り返すデモ。 一コマずつ書き出すこともできます。 の使い方 使い方としてはまずはJavaScript、スタイルシートを読み込みます。 <sc
CSSは分かるけどjQueryは苦手……という人が .attr()と .prop()に親しんでくれるといいなーと思って書きました。 | Ginpen.com
もちろん、そうでない方にも親しんで頂きたいと思います。 最近この記事が話題のようです。 CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました この記事中にjQuery 1.6/1.6.1での .attr()仕様変更がらみの話で、うちの「jQuery1.6のattr()で困ったら、1.6.1にすればいいみたい。」の記事へリンクされていました。 ただこの記事はちょっと中身が細かくて、ぱぱっと理解するのは難しいんじゃないかなあと思って、この記事を書いています。どこまでご理解頂けるかはわかりませんが、あっちの記事よりは読みやすいはず。 今さら感もないではないですが……。(´ω｀) jQuery 1.6/1.6.1で何があったの？ .attr()にまとめていた処理を .attr()と .prop()に分割した そしたら今まで動いていたも
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Site Under Maintenance
http://plus.appgiga.jp/masatolan/2014/03/28/51357/
