HTML5 CanvasとWebGLの使い分け―CreateJS勉強会/池田発表資料 (前編) ― ICS LAB
2015年2月10日（火）、アドビシステムズ株式会社でCreateJS勉強会 (第5回)が開催され30名を超える方々が来場されました。勉強会のフォローアップとして、発表資料「CreateJSで制作するスペシャルコンテンツ」のスライドをブログ記事という形で公開します。本記事では口頭で発表した内容もできる限り記載しました。 なお、前編（CanvasとWebGLの比較）と後編(WebGLの最適化)の二部構成にしています。前編となる本記事ではスペシャルコンテンツ制作にあたり調査したHTML CanvasとWebGLの双方の利点・欠点をまとめています。 HTML CanvasとWebGL 今回のテーマは「HTML CanvasとWebGLの使い分け」です。皆さんもご存知の通り、HTML5のCanvas要素 (JavaScript ではCanvasRenderingContext2Dオブジェクト）は従
HTML5の技術だけで実装！「YouTubeみたいなWebGLプレーヤー」とは？
HTML5の技術だけで実装！「YouTubeみたいなWebGLプレーヤー」とは？ 松田光秀（jThree合同会社） この記事では、HTML5 Japan Cup 2014で優秀賞を頂いた「YouTubeみたいなWebGLプレーヤー」で利用されている技術を解説します。 はじめに 「YouTubeみたいなWebGLプレーヤー」はコンテンツそのものとは分離された、オープンソースJavaScriptライブラリ「jThree」のプラグインです。オープンソースとして公開していますので、誰でも自身の作品に差し替えてブログなどに掲載することができます。WebGLの描画部分は全てjThreeで管理しています。この記事では、プレーヤーで採用している2つのHTML5 APIとjThreeの概要をご紹介します。 プレーヤーの機能 このプレーヤーは、まるで動画のごとくWebGLコンテンツを楽曲付きで再生できます。動
WebGLコンテンツをjQueryで作るJavaScriptライブラリ『jThree』
WebGLコンテンツをjQueryで作るJavaScriptライブラリ『jThree』
Famo.us·WebGL/Canvasを使って高度な表現を可能にするJavaScriptフレームワーク MOONGIFT
スマートフォンにおいてWebかネイティブかと言った議論は常にされています。ネイティブアプリは高度なUI/UXを提供する一方、インストールの手間が否めません。Webは速度やUXにおいて見劣りがします。 しかしWeb（HTML5）の進化は止まりません。ついにここまで！というフレームワークがFamo.usです。3Dを備えたレンダーを行うJavaScriptフレームワークになります。 Famo.usの使い方 たくさんのデモが登録されていますので見ていきましょう。 写真と画像の組み合わせ。左右から表示されるアニメーションもあります。 スクロールパララックスエフェクトのデモ。 アニメーションのデモ。 カレンダーの日付を選択するとスケジュールが開きます。アニメーションがスムーズです。 スライドして表示される写真のデモです。 ページ送りのデモ。 天気アプリデモ。ベクター調の表示がいいですね。 タスク管理。
FirefoxOS(ZTE Movistar)のWebGL調査
みなさん、ごきげんよう！ GClueの下っ端プログラマーの★です。 うちの会社に、ようやくFirefoxOS端末が届きました！ それが、こちらです！ 見た感じ、近未来的なフォルムがかっこいいですね！ FirefoxOSといえば、TIZENと同じようにHTML5やWebGLが動きます。 というわけで、今回はFirefoxOSのWebGLについて調査していきたいと思います。 調査内容 今回調査用のプログラムをCloud9を使って作成しました。ワタクシ、プログラマを名乗っておりますが、WebGLは全くわかりません！！（えっへんというわけで、現在うちの会社で開発中のライブラリを使ってWebGLを使ったプログラムをJavaScriptで簡単に作成しました。その様子をPC上のブラウザ（MacBookPro上のChrome)で動かしている様子がこちらになります。 プリミティブな立体が回っております。これ
WebGLアプリをPhoneGapを使ってAndroid／iOSで動かしてみた
WebGLアプリをPhoneGapを使ってAndroid／iOSで動かしてみた：HTML5で可能になった6OS対応時代のスマート開発（4）（1/3 ページ） 本連載では「第三極」モバイルOSの登場で新時代を迎えたアプリ開発市場において、Android、iOS、Windows ストア（Windows 8）、Windows Phone、Firefox OS、Tizenの6OS全方位対応をするための方法論や課題について解説していきます。今回は、Firefox OS／Tizen／Windowsストアに適応させたHTML5アプリをPhoneGap（Apache Cordova）を使ってAndroid/iOSアプリ化する方法を解説します。 前回「Firefox OS／Tizenに使ったWebGL／Three.jsアプリをWindowsストアアプリ化しよう」までの連載では「Three.js」を使った3D
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
「three.js」でつくるお手軽3Dマンガ作成ソフト - 中編
Buy Instagram Likes - 100% Real & Instant | Just $1.49