Learn web development | web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
Media Capture and Streams (W3C Working Draft 28 June 2012)
More info Initial Author of this Specification was Ian Hickson, Google Inc., with the following copyright statement: © Copyright 2004-2011 Apple Computer, Inc., Mozilla Foundation, and Opera Software ASA. You are granted a license to use, reproduce and create derivative works of this document. All subsequent changes since 26 July 2011 done by the W3C WebRTC Working Group (and previously the Device
enchant.jsでゲームを作る7つの利点と5つの注意点
enchant.jsとは―― 2Dゲームに特化したHTML5＋JavaScriptライブラリ 「enchant.js」とは、ユビキタスエンターテインメント（UEI）が2011年4月にリリースした、HTML5＋JavaScriptベースのゲームエンジンです。enchant.jsはオープンソースでGitHubでソースコードを公開しています。ライセンスは、MITライセンス／GPL2のデュアルライセンスです。もともとはプログラミング学習を目的として開発されましたが、現在では世界中で多く利用されているHTML5向けゲームエンジンとなりました（2012年6月UEI調べ）。 実際に活用された事例としては、サントリータウンの会員コンテンツであるFlashミニゲームが、enchant.jsを用いてHTML＋JavaScriptに組み直されました。これはiPhoneなどのFlash非対応端末からでも楽しめるよ
9leap : 金魚すくい by gunsou_911 - どこでも遊べる、投稿型ゲームサイト
お知らせ このゲームは、お使いのブラウザには対応していない可能性があります。 9leapに投稿されているゲームを快適に遊ぶためには、 Internet Explorerの機能拡張 Chrome Frame をダウンロードしてください。 ※Safari、Google Chromeの最新版でも動作します。 クリックするとスキップできます。 新しいウインドウでゲームを遊ぶ 金魚すくいゲームです。 簡単操作で老若男女どなたでも！ これからの季節のおともにどうぞ！ 操作方法 ・タップしている間ポイがでます。金魚をすくったり、運んだりする間は、タップしたままにしてください。 ・ポイをすばやく移動させている間、ポイを水中に沈めることができます。 ・ポイが水中にあると、金魚を捕まえることができます。 ・ポイを動かすのをやめると、ポイを持ち上げます。 ・そのまま左上のおわんにポイを持っていって、タップをやめ
HTML5やJavaScriptでゲームが作れる！ ゲーム制作のためのアプリケーション、フレームワーク、ゲームまとめ
HTML5で誰でもゲームが作れる！？ 最近webで何かを作るためのフレームワークというものがどんどん出てきており、ゲームにしろwebサイトにしろ、さわりを学べばそれを作る組み合わせだけなら抑えることが可能になってきています。 それを実際に使いこなし、またそれで作るものの内容がしっかりしていなければ何人もの人が使ったり遊んでくれるものにはならないわけですが…。優れた構想を持ったクリエイターが自力でゲームを作る、ということは実際に出来るようになっていると言えます。 今回は、それを実現するフレームワークやゲームエンジンと言われているものをまとめて紹介します。プログラミングやCanvasについてはちょっと知識が浅いので、調べたことをまとめるに留めています。今後の勉強課題ということで…。 ゲームエンジンまとめ よくHTML5でゲームが作れる、JavaScriptゲームエンジンというように紹介されるも
jsdo.it HTML5-Games
This website has a collection of HTML5 browser game posted through jsdo.it. Enjoy browser games made by users! Play Games Create Games Many games using a smartphone as a controller are posted. In addition, this website itself can be operated with smartphone. Try connecting your smartphone from 'Operate website with smartphone' button. Connect your smartphone!
javascriptを使わず、html + cssだけでクリックシューティングゲームを作ってみた - 最高のコンピューティング環境とは？
CSSで描かれたぐぬぬ画像などを見てたら、ふとhtml + CSSだけでアクションゲームが作れないかと思ったので作ってみました。 ページ移動すればいくらでも可能ですが、それだとつまらないので、1ページ内で作るという縛りもつけてます。 デモページ http://ndruger.lolipop.jp//hatena/20110429/css_game/css_game.htm Chrome / Safariの最新版で動きます。Firefox / IEだと動きません。 ソースコード https://github.com/ndruger/css-game 技術的な説明 アニメーションはCSS Animationを使うだけなので簡単ですが、問題は状態管理です。 アクションゲームを作るには、基本的に下記の要素が必要です。 1. ユーザー入力に対する状態の変更 2. 状態の保持 3. 状態に応じて見た目
初めてのHTML5ゲーム作成
名前: 石井 隆 性別: 男 年齢: 47才 (2011年1月現在) 【経歴】 大阪市立大学工学部修士課程終了後、(株)東芝に入社。 東芝ではオフィスコンピュータ/IAサーバー関連のハードウェア開発業務に15年程度従事。 現在は、東芝を退社し、フリーランスでソフト開発の請負やシェアウェア開発等を行っています。 【連絡先メールアドレス】 t-ishii@js2.so-net.ne.jp 当サイトでは、第三者配信による広告（Google Adsense社の広告）サービスを利用しています。 Google を含む第三者配信事業者は、Cookie を使用して、ユーザーのウェブサイトでの閲覧履歴に基づく広告を配信します。 Google 広告 Cookie を使用することにより、Google や Google のパートナーは当サイトや他のサイトへのアクセス情報に基づく広告をユーザーに表示でき
Sell Domains | Buy Domains | Park Domains
return to homeAbout AfternicPartnersCareersPrivacy PolicyContact UsLegalBuy DomainsSearch for a Domainor browse listings:›Premium›Trending›Newly ListedAfternic Agent Services for BuyersAgent Appraisals by the industry prosSell DomainsList your Domainsell your domain fast:›Promote›Park›Sales AccelerationList Once, Sell EverywhereAgent Appraisals by the industry prosMy AccountCreate AccountLog InSig
IO 9elements
Our company's top wizards, stuntmen, and industry experts offer their best advice, how-tos, and insights - all in the name of shockingly good code & design. Building a Rock Solid Auto GridExplore a customizable CSS auto-grid layout in our latest post. Adjust column widths, gaps, and max column count for flexible web designs. Ideal for any web project. Hosting a ComfyUI Workflow via APIBasic WebSoc
HTML5で簡易シューティングゲームを作る1
HTML5とJavaScriptで、簡単なシューティングゲームを作ってみます。 シューティングゲームといっても地形の変化するステージやボスなどはなく、適当に出現させた敵を弾丸で攻撃するタイプのものです。背景は、黒一色。自機や敵は、16*16ピクセルのグラフィック（HTML5のCanvasに描画するImageData）にしましょう。 とりあえず、今回は240*240ピクセルのCanvasをゲーム画面としてゲーム画面上で自機を移動しながら弾丸を発射できるようにしてみます。 自機のグラフィックは、JavaScriptの配列でグラフィックパターンと色付け用のカラーテーブルを作成し、ImageDataにピクセルの色情報を設定する形にしてみました。 // 自機グラフィック var jssht1_chr_img; // 自機グラフィックパターン var chr_ptn = new Array(); ch
HTML5で複雑なアニメーションを実現する最適な方法とは？ CreateJSを使って容量もパフォーマンスも最適化しよう - ICS MEDIA
HTML5で複雑なアニメーションを実現する最適な方法とは？ CreateJSを使って容量もパフォーマンスも最適化しよう HTML5で複雑なアニメーションを実現する方法にはいつか方法がありますが、それぞれの手法について容量とパフォーマンスのメリット・デメリットを検証してみたいと思います。 スプライトシートを使う方法 ベクターアニメーションを使う方法 スプライトシートビルダーを使う方法 おまけ：GIFアニメーションを使う方法 おまけ：Flashアニメーションを使う方法 スプライトシートを使う スプライトシートとは映画のコマのようにアニメーションの全コマを画像として用意しておいて、順番に高速に切り替えることでアニメーションを実現する方法です。enchant.jsやCreateJSなど多くのJavaScriptのフレームワークで採用されており、もっともスタンダードな方法です。 表現の再現性が高いう
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Moved…
Initializr - HTML5 project - template
Html5+javascriptでゲーム開発
HTML5.JP - 次世代HTML標準 HTML5情報サイト
IBM Developer
汝の隣人のブログを愛せよ | LOVELOG