キーワード検索「フレーム」
929
WEBサービスを立ち上げるまでにやらなければ、ならないことを自分用にまとめてみた。少人数でやっていると、いろいろやらなければならないことが多くてつい忘れてしまいがち。 1) サービス名決定サービス名とキャチフレーズだけは、最初に決定しておいた方がいい。思いつかない場合は、TOPページのワイヤフレームを書きながら考える。また、サイト名を Google などで検索してみて、ユニークな名前であるかを調べ...
400
2010年12月21日09:30カテゴリニュースHTML5iOS向けゲームが15分で開発できる、高速HTML5ゲームエンジン「IMPACT」登場 【増田@maskin真樹】【増田(@maskin)真樹】maskin(masaki_masuda)ShareTweet[読了時間:1分] 先日、リリース間近とお伝えしたHTML5ゲームエンジン「IMPACT」が12月21日未明、正式に公開となった。同ンジ...
292
iPadや、iPhoneなどのタッチデバイス の普及で、個人的にも電子書籍への 関心がかなり高まりました。そんな中、 割と良さそうな電子書籍専用のフレーム ワークがあったのでメモがてらご紹介。 こういうの覚えておくと重宝しそうですね。 なかなか動きが良かったです。ただ読むだけの電子書籍ではなく、HTML5やjQueryを使って、より「電子」らしく表現出来ると楽しそうですね。 Laker HTML5...
260
JavaScript を知らない人に JavaScript の話して欲しいと言われたのでブログ書きました。*1難しい話は抜きにして JavaScript は で囲えば動きます。*2 HTML をコードレベルで編集できるサービスなら、設定は一切不要です。script>JavaScriptのコードscript>拡張子にも制限はありません。最終的にHTML文書として出力されるのであれば、htmlでもph...
133
![[JS]GIF以外の画像でもアニメーションさせることができるスクリプト -Canimate | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-canimate.html)
GIFアニメーションの色数やFPSの制約を受けずに、複数の画像からアニメーションを作成できるスクリプトを紹介します。Canimate デモ上記のデモで使用している画像のフォーマットはPNGで、GIFでは叶わない美しいアニメーションとなっています。利用できる画像のフォーマットに制限はなく、どんなタイプの画像でも利用が可能です。 また、FPS（1秒あたりのフレーム数）、フレームのトータル数も指定でき、...
116
なかなか良さそうだったので備忘録。iOSや Androidなど、スマートフォンでのHTML5環境 に合わせて作られた軽量モバイルフレーム ワークです。jQuery互換なので慣れてる方は 使い方もすぐに覚えられると思います。 特に軽量なのが嬉しいですね。 現状、jQueryを使うのであればスマートフォンにはjQuery Mobileという選択肢となりますが、やはりファイルサイズが気になります。そこで...
101
WebSocket が、12月12日についにRFCになりました（RFC6455)。テキスト転送だけでなく、バイナリー転送もサポートされ、コネクションをキープするための ping/pongなどコントロールフレームも定義されました。rfcになる過程で様々なバージョンと、その実装系が出ていますので、そこのネゴシエーションの仕組みが入っていたり、以前は割と自由に使えそうだった subprotocolが、I...
92
最大表示可能なマーク数（古いのは消えます）：開始する日付：フレーム間隔（ms 単位）：最低マグニチュード：震源地の推移をアニメーションします．マーカーの大きさはマグニチュードに比例します． から までのデータを表示可能です．10分間隔の分解能で震源地をプロットしています．震源地のデータはhttp://tenki.jp/earthquake/で公開されている，震源地が明らかなデータを利用させて頂きま...
81
ゲームを作成して共有するサイト - RmakeのゲームエンジンはFlashで作られているのですが、将来的なことを考えてHTML5 + JavaScriptで動作するエンジンを作ってみることにしました。スマートフォンやスレートPC（タブレット）などで動作することを踏まえて、まずはパフォーマンスをそれほど要求しないノベルゲームを移植してみました。現在は一つしかありませんが、HTML5で動作するテストゲ...
77
株式会社オープンウェブ・テクノロジー 代表 白石 俊平 2011/7/28 HTML5の<video>や<audio>タグとJavaScript APIで、自由に動画や音声を楽しもう。カスタムのビデオプレイヤーだって作れる video/audio要素のAPIやイベントを利用する video/audio要素は、JavaScriptを用いた細かい制御を行えるのも特徴の1つです。 カスタムのビデオプレイ...
73
![[CSS]あなたのウェブページにキーフレームを使ったアニメーションをちょこっと適用するチュートリアルのまとめ | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/css/enhance-your-sites-with-css3-animations-by-onextrapixel.html)
キーフレームを使ったCSS3アニメーションの入門として、ウェブページにちょっとしたアニメーションを適用するチュートリアルを紹介します。 下記は各ポイントの意訳です。 CSS3アニメーションとは アニメーションでドロップダウンするヘッダ 透過PNGを使ったカラーアニメーション 回転するローディングのアニメーション フォームのエラーをアニメーションで強調 フォームのエラーをアニメーションで強調:その2...
74
2010年10月12日16:00カテゴリニュースiOS上で60フレーム/秒を実現するHTML5ゲームエンジンが間も無く登場か 【増田@maskin真樹】maskin(masaki_masuda)Share[読了時間:1分] HTML5/JavaScriptを使った完成度の高い横スクロールゲーム「Biolab Disaster」を開発するDominic Szablewski氏が、iOSで60フレーム...
62
新春特別企画 2012年注目のモバイル向けJavaScriptフレームワーク・ライブラリあれこれ 2012年1月2日 吉川徹 JavaScript, モバイル, フレームワーク この記事を読むのに必要な時間：およそ 2 ～ 3.5 分 1 2 昨年は，スマートフォンが急速に普及した年でした。それに伴って，モバイルサイトの重要性が増し，多くのモバイル向けJavaScriptフレームワークやライブラリ...
47
とは言えそれはあくまでも「駆使」すればの話でしかない。やはりツールがなければ容易に作れるものではないし、容易でなければ普及しないだろう。そこで注目されるのがRadi、HTML5対応のアニメーション作成ソフトウェアだ。 0 RadiはFlashのようにレイヤーを重ねてタイムラインベースのアニメーションを作成する。作成したコンテンツはvideoタグ、canvasタグで出力することができる。フレーム間の...
66
現在、Flash Player 10.1 は RC2 で、すでに Google Chrome 5 βでは標準搭載になっています。Flash 10.1 はスマートフォン対応がメインで、パソコン版は大差ないのですが、パフォーマンス面で変更が加えられています。遅くなった部分と、速くなった部分があり、ひょっとしたら、ゲーム系は大旨fpsが落ちるかもしれません。遅くなった部分（タイマー）最大の変更点は、タイ...
37
圧縮後のファイルサイズはenchant.jsのほうが3kbほど少ないですね。 どちらもjs上に継承などを行う擬似クラスを作るためのClass要素があったり、スマートフォン/PC両方で使えるようにtouch系イベントとmouseDown/Move系イベントを判定したり、fps(フレーム数）を設定してフレーム毎のイベントを設定するなどしています。 後発だけあって、Arctic.jsのほうはenchan...
25
チェックボックスやラジオボタン、 セレクトボックスなどのデザイン を変更可能で、バリデーションも できる送信フォームのフレームワ ーク・Ideal Formsのご紹介です。 以前ご紹介したフォームデザインフレームワーク・Ideal Formsのサイトが無くなっていて、探していたらバリデーション機能が加わっていてLESSにも対応して、githubでホスティングされていました。ついでにレスポンシブWe...
27
CSS3 Keyframe Animation Demo CSS3なキーフレームアニメーションのデモ。 CSS3で動くアニメーションとそのサンプルコードが確認できます。 こんなことが出来るとは知りませんでした。ちょっとやり過ぎのような気もするけれど数年後には当たり前の技術になっていたりして。 日がくれていくというシンプルなアニメーション。 コードも公開されています。 WebkitかFirefox5...
23
jQTouchとそのテクニック白石俊平@OpenWeb Technology自己紹介株式会社OpenWeb Technology代表Google API Expert (HTML5) / html5-developers-jp管理人著書に「HTML5&API入門」があります。本日のアジェンダjQTouch入門jQTouchのテクニック（Mobile Safari/Webkitの知識）jQTouch...
22
enchant.js HTML5 / JavaScript Based Game Engine MIT or GPL dual license Reference Index 開発の基本 逆引きリファレンス 注意事項 enchant.js の基本的なテンプレート 基本(描画) Scene を作る/消すには 画像を出すには 文字を出すには 音をならすには 基本(制御) 素材を読み込むには フレーム処...
