HTML5 Boilerplate helps you build fast, robust, and adaptable web apps or sites. Kick-start your project with the combined knowledge and effort of 100s of developers, all in one little package.
Get awesome stuff delivered straight to your inbox! Twice a month! Plus a list of tools and plugins we use.
「enchant.js」でゲームを作ろう! HTML5とJavaScriptによるアクションゲーム制作入門 ライター:Veki HTML5でゲームが作れるライブラリ「enchant.js」がユビキタスエンターテインメントから発表されました。Webブラウザだけでスプライトを使ったゲームが動くとのことで興味を持った人も多いのではないかと思います。ここではenchant.jsを使ったゲーム作りについて見ていきたいと思います。 enchant.jsがサポートしているHTML5は,長らく使われていたHTML4に代わる次世代Webシステムの要となるものです。HTML5ではWebページの動的な要素,とくにグラフィックスの描画機能などが大幅に強化されており,これまでFlashを使わないとできなかったようなことが,HTMLとJavaScriptだけでできるというのが最大の特徴となっています。 ここにきてIn
Galactic Plunder This game, written in JavaScript using the HTML5 Canvas and Audio objects, was developed as a proof of concept that a shooter-style game can be coded without the use of any Flash. The first level of the game is fully implemented, and the second is in development. More Information Game Play Music & Artwork Credits About the Code Revisions more experiments
Download cvi_busy_lib.js and include it into your webpage. <script type="text/javascript" src="cvi_busy_lib.js"></script> Add overlay to element ctrl = getBusyOverlay(parent[, overlay[, busy]]); parent == element to add the overlay to or "viewport" overlay e.g. {color: 'black', opacity: 0.5, ...} color == STRING 'black' or '#000000' or 'rgb(0,0,0)' Default: 'white' opacity == FLOAT 0.0 - 1
前のエントリでこんなことを書きました。 JavaScriptで波形データを読み書きすることができる。しかし再生するのは難しい。 HTML5のaudioタグとData URIを組み合わせればできないこともないが、コストが大きすぎる。 コストが大きいのは音声ファイルが大きいからです。50MBある波形をいちいち変換してられません。 でも小さい波形ならできるかもしれない! ということでやってみました。 基本的なアイディア 波形データをつくる(数値の配列) 波形をバイナリ列に変換する バイナリ列にWAVヘッダを付加する Base64エンコード audioタグのsrc属性に指定 audioを再生 つくったもの http://yanagiatool.appspot.com/jsaudio/mmltest.html シンプルなMMLプレイヤーです。JavaScript + HTML5。 ベロシティとかルー
音楽データを連続再生した際に出る遅延についての解決策について書きました. 以前 「HTML5 Audio と JavaScript でピアノ制作」という内容の記事を書いたのですが, たまに音ズレが起きるという指摘を何人かの方から頂きました. たしかに, どうしても音楽ファイルの読み込みにはコストがかかるのでバンバン鍵盤を叩いているとどうしても音ズレが起きます. 今ネット上で公開されている HTML5 Auido についてのサンプルのほとんどに同じような現象が起きています. そこで解決法はないかと色々探したところ, Data URI scheme ってやつで遅延を解消することができました!! 画像ではお馴染みの, URL にリソースのデータも埋め込んじゃおうってやつですね. 詳しく知りたい方はこちら. 画像では読み込み速度を上げるために最近よく使われてたりするのですが, 今回はそれを音楽デー
Elegant Your scene graph is a hierarchy of containers. Updates and drawing operations are dispatched separately. Draws are opt-in; add compute-only renderable for AI, special effects, etc. Powerful Level Design melonJS integrates the popular Tiled map format, allowing designers easily create levels using the Tiled map editor, and to focus on the game features itself. Features A fresh and lightweig
ログ (タイトルのTypo修正) 前置き ある程度こなれてきたので、現在の認識をまとめてみる。まとめとしては「Box2D を使う時のアレコレ」「アクションゲームのアレコレ」「オワタを再現するためのアレコレ」の3つを予定。「一般→特殊」という流れ。 swf 現在、以下のようなものが作れる程度の理解。 はてダにFlashを埋め込むのははてなダイアリーに Flash を埋め込むガジェット - てっく煮ブログ 跡地を使わせてもらっている。 操作方法 左右キー 移動 上キー ジャンプ Sキー ショット Rキー リセット GOALと書かれているところに接触すればクリア。 Box2Dを使う場合の留意点 自分がはまった部分について説明する。 プレイヤーが動かせない:Sleepの存在 Box2DではSleepの機能が存在する。これは、動いてない物体を「Sleepしている」と判定することで計算を省略し、高速化
Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a
Xy-pic is a package for typesetting graphs and diagrams using the principle of logical composition of visual components. It is structured as several modules, each defining a mnemonic plain text notation for a particular kind of graphical object or structure. Example objects are arrows, curves, frames, and colouring/rotation on drivers that support it; these can be organised in matrix, directed gra
Left-click to create an object. Right-click to show next example. What's this Box2DJS is a JavaScript port of Box2D Physics Engine. To tell the truth, this is converted from Box2DFlashAS3_1.4.3.1 in an automatic manner. (The reason why not Box2DFlashAS3_2.0.0 based is simply because I overlooked the renewal.) How to use Download a zip file and extract it. Copy js/ and lib/ directories from the ext
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く