form属性は、object要素とform要素とを関連付ける際に使用します。 name属性の詳細については、下記のページを参考にしてください。 埋め込む領域に名前を付ける コンテンツの埋め込み方法 コンテンツのURLを、data属性で指定します。例えば次のように記述した場合は、example.mpg がその場所に埋め込まれることになります。 <p><object data="example.mpg" type="video/mpeg"></object></p> パラメータの指定について パラメータを指定する場合は、object要素内の最初の部分（代替コンテンツよりも前）にparam要素を配置します。 <object data="example.swf" type="application/x-shockwave-flash" width="300" height="150"> <para
4年前に HTML5のストレージ技術とプライベートブラウジング - Nothing ventured, nothing gained. という投稿をした。ブラウザのストレージ技術であるWeb SQL Database、Local Storage、Session Storage（いずれもWeb Storageで規定）のそれぞれが各ブラウザのプライベートブラウジングモードで使えるかを試してみたものである。 4年が経過し、各ブラウザの実装状況も変化した。また、ストレージ技術にも変化があったので、改めて調査してみた。 対象としたブラウザは前回と同じ5種類。Internet Explorer、Firefox、Opera、Safari、Chrome。それぞれ以下のバージョンを用いた。 Internet Explorer - 11.0.9600.17126 (Windows 7) Firefox - 3
Flash CC 2014で Flash（swf）と HTML5 と WebGL と SVG書き出しができるので Flashで描いたシェイプの書き出しを試してみた。 ↓Flash（swf）書き出し うん！キレイ！ ↓WebGL書き出し 若干ジャギってる感じ？ ↓HTML5書き出し 色の変わり目が目立つ。。。 ↓SVG書き出し HTML5と同等くらいかな？ ↓PNG画像 当然キレイ！ ブラウザによっても見え方は変わるだろうけど HTML5 や WebGLのコンテンツ見ても、Flashのような滑らかさがなく 若干ジャギジャギして見えるのは気のせいじゃなさそうな感じ。 【追記】 ブラウザで別タブで表示して切り替えると違いがわかりやすいです！ Flash（swf）書き出し WebGL書き出し HTML5書き出し SVG書き出し PNG書き出し
前の記事を岡田がバズらせたので、プレッシャーを感じている山田です 公開後も細かくマイナーチェンジを重ねているココノヱのサイトリニューアルのお話、その２です。 僕はぐにゃぐにゃする丸いヤツとか、ここのゑ君が落ちてきてDOM要素にぶつかるのとか、あと全体的な仕上げと調整で頑張りました。
Twitter CPIのTwitterアカウントでは、サイト、サーバー管理者のための重要なセキュリティ情報や、サイト運営者のためのヒント、お得なキャンペーン情報をお知らせしています。 Follow @cpiadjp Tweets by cpiadjp 掲載内容について、当社は情報の掲載には細心の注意を払っておりますが、完全性などについて保証を行うものではありませんので予めご了承ください。 掲載されている情報をご利用いただいた際に、損害が発生・誘発した場合や、情報自体の真偽性・合法性・道徳性・著作権の許諾等について問題が発生した場合などについて、当社は一切の責任を負いません。掲載されている情報を利用したサイト製作については、ご自身の責任において行ってください。
HTML5でゲームの仕組みを解説しているサイトです。 Game Mechanic Explorer http://gamemechanicexplorer.com/ 例えばこの弾を発射する処理の解説の章では最初は「1つだけ発射」、次に「複数発射」、次に「向きを考慮して複数発射」と徐々に機能を増やしていく作りで、とても理解し易いです。また、 HTML5 だというのを活かして同じ画面に実行画面とソースコードの両方が有るのも良いですね。 読み進め方 左側に有るメニューのドロップダウンから章(チャプター)を選択します。 次にその下のリストを順番に選択して節(セクション)を切り替えて読み進めて行きます。
A collection of concrete examples for various game mechanics, algorithms, and effects. The examples are all implemented in JavaScript using the Phaser game framework, but the concepts and methods are general and can be adapted to any engine. Think of it as pseudocode. Each section contains several different examples that progress in sequence from a very basic implementation to a more advanced impl
早いもので年が明けて1か月が経ちました。春はまだ遠いと思っていましたが少し暖かくなってきたような気もします。 来年に正式勧告が予定されているHTML5ですが、既に世の中にはHTML5を駆使したサイトがたくさんあります。 今日は「HTML5+CSS3で書かれた一瞬Flashと見間違うようなサイト」をご紹介します。 ウェブの進化 http://www.evolutionoftheweb.com/ すごい上に勉強になるサイトです。 ブラウザの歴史とインターネットの歴史。さらに画面の明度を変えたり、ズームイン／アウトも出来ちゃいます。 Mr.doob http://mrdoob.com/92/Google_Gravity_HTML5 かつてFlashのActionScriptで高度なインタラクティブな実験サンプルを公開していた方のHTML5実験サイトです。 あのGoogleがめちゃくちゃになったり
プログラミング学習を始めるにあたり「スクールに通うか、独学するか」は大きな悩みとなります。学習に挫折することがないよう、両者のメリットを理解した上で自分に合う学習方法を選択していくとよいでしょう。 プログラミングスクール or 独学？ 「プログラマーに転職したい！」 そう決意した時にまず悩むのが、独学でスキルを身につけるのか、それとも、プログラミングスクールに通って学ぶのか、という点かと思います。 スクールは高額だけど独学だと挫折する？ 近年はプログラミング学習の需要が急速に高まっており、スクールの市場も拡大を続けています。 「プログラミングスクール」と検索したら、膨大な数のスクールが見つかるため、どのスクールを選べばよいのかわかりませんよね。 また、プログラミングスクールの料金はかなり高額だというイメージもあります。 そんなこともあり、「できればスクールに通いたいけど、そんな高いお金を払
face.jsって、なんか、顔認識できるらしいぞ。凄い！ そんなわけで、試してみる。 ccv.jsとface.jsを使うと実現できるぽい。 ccv.jsは、コンピュータビジョンのライブラリ。 face.jsは、顔認識するためのパターンデータみたい。 ２つのソースは、以下から取得してきた。（どこがオリジナルかわからず。。。） https://github.com/wesbos/HTML5-Face-Detection 顔を認識っていったら、誰もが一度はやってみたいと思ったはず。 顔を笑い男に上書きするやつを書いてみた。 ソース(sample02.html) <html> <head> <title>sample02</title> <script type="text/javascript" src="./js/ccv.js"></script> <script type="text/jav
この記事のURL http://www.dango-itimi.com/blog/archives/2014/001216.html Haxe で作成した Flash & HTML5 ミニゲームサイト「ちょんまげゲーム」公開中です。HTML5 版はスマートフォンでも遊べます。 http://www.deeg.jp/mage/ ちょんまげゲームでは主に以下の二通りのゲームがあります。 ・神経衰弱やブロック崩しといった 簡単なミニゲーム ・脱出系ゲーム ミニゲームは、試しに作ってみたゲームに最低限のグラフィクスや演出を加えた内容となっています。Google Play Game Services により ゲーム結果ランキング登録が可能なため、多少遊べるものにはなっているかと思います。 脱出系ゲームはストーリー仕立てで そこそこ凝った内容となっています。専用の BGM もいくつか作成しており、後に
2013/11/25 taock WebRTCのgetUserMediaを利用して、カメラ、マイクの動画、音声を取得するサンプルです。 canvasに動画キャプチャを表示する機能が付いています。 //APIを格納 navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia; //window.URLのAPIをすべてwindow.URLに統一 window.URL = window.URL || window.webkitURL; if (!navigator.getUserMedia) { alert("カメラ未対応のブラウザです。"); } // 変数 var canvas =
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く