スーパーマリオ風ゲームを作るなら。HTML5用2Dスクロールアクションゲームフレームワーク·melonJS MOONGIFT
melonJSはHTML5を使った2Dスクロールアクションゲームを開発するためのJavaScriptフレームワーク。 melonJSはHTML5/JavaScript製のオープンソース・ソフトウェア。登場から何十年もたった今もスーパーマリオブラザーズの人気は高い。キャラクターによる所が大きいが、2Dスクロールのアクションゲームは今も昔も人気があるジャンルなのだ。 ワニが主人公 左右に移動しジャンプをし、アイテムをゲットする。敵を踏みつけたり攻撃したりしてどんどん先に進んでいく。そんな誰でも遊べるシンプルさを持ったアクションゲームを作ってみたいと思ったらmelonJSを使おう。 melonJSは2Dアクションゲームを作るためのゲームフレームワークだ。実際、デモではスーパーマリオ風のゲームが多数登録されている。音も鳴るようになっており、実際にゲームとしての完成度は高い。HTML5を使っており、
Canvasでデジタル時計 - ほげほげ（仮）
Canvasタグを使ったデジタル時計を作ってみました。 こんな感じです。 ココで公開してます。 DigitalClock - jsdo.it - Share JavaScript, HTML5 and CSS 初めてCanvasタグで作ったから、座標とかの計算で苦労しました(´Д`；) ソースも汚くなって、座標位置とかほぼハードコーデングという＼(^o^)／ 時間があれば修正しようかなぁ・・・
メッセージ表示ウインドウで文字列表示-ゲーム開発室-
Canvasの描画機能で、ゲーム中の台詞や説明を表示するためのメッセージ表示ウインドウを作ってみます。とりあえず、今回は設定された文字列をウインドウの横幅に合わせて折り返し（改行し）ながら一画面で表示し、改ページは考えないことにしましょう。 メッセージ表示ウインドウは、白枠をつけた黒い長方形として描画し、その中に文字列を描いていきます。ゲームのスクリプトからも呼び出しやすいようJavaScriptのクラスとしてまとめてみました。 ウインドウの描画は、クラスの変数（パラメータ）x/yの位置に行います。描画用メソッドdraw()に描画用のCanvasコンテキストを渡すと、そのコンテキストのx/yの座標位置を基準に描画するようにしてみました。 draw()では、まずウインドウ全体をfillRect()で白く塗りつぶし、その後枠の部分を除いて黒く塗りつぶします。こうすることで「白枠を持つ黒い長方形
[html5] canvasでテキストのコピペ防止
Web2.0的にHTMLソースを隠す方法を修正しているときに思ったんだけど、 単純に小説とかのコピーブロックならCanvas使う手もあるよね。ってことでデモ書いてみた。 Canvas novel – jsdo.it – share JavaScript, HTML5 and CSS Canvasのテキスト関係は図形とかの描画に比べると貧弱貧弱ゥ！な感じだから自分で処理書かないと何も出来ないのだが、Flash化や画像化に比べると格段に楽チンだと思う。 DOMや接続をモニタリングする解析ツールには弱いものの、素の状態でコピペが出来ないというのは強い。 考えられるデメリットは… ガラケーで見れない IEが9からしか対応してない（ライブラリとかで対応させる手間がある） スクロールとかページングとかの処理を実装するのが面倒 jsdo.itにうｐしたデモのロジック解説 小説テキストをXHRで読み込む
![[html5] canvasでテキストのコピペ防止](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
HTML5のheader要素とfooter要素はdiv要素の代わりではない ｜ SEOモード
html5から新しく採用された要素にheader要素とfooter要素があります。 これら2つの要素は、しばしばウェブページ全体のヘッダーとフッターというこれまでdiv要素で区分してきた部分を置き換えるものだという話を聞きます。私自身もそう考えていたのですが、今回改めて仕様書を見てみたところ、どうもそういう単純な話ではないようです。 自分用のメモ、という意味も込めて、ここで改めてheader要素とfooter要素について、整理しておきたいと思います。 header要素まずheader要素です。html5のワーキングドラフトには以下のように書かれています。 The header element represents a group of introductory or navigational aids.（header要素は導入部ないしナビゲーションの補助を表します。） Note:A hea
TONPOOBLOG » 「このサイトはオフライン作業用データの保存を求めています」
TONPOOBLOG 神宮前にあるWEB制作事務所「株式会社ブリコルール（bricoleur inc.）」に所属しているFlash（ActionScript）開発＆WEB制作プロジェクト「Tonpoo.com」のブログです。 関連リンク Tonpoo.com 日本語化：SWFObject 2 HTML and JavaScript ジェネレーター v1.2 株式会社ブリコルール（bricoleur inc.） 超訳：Tweenerドキュメント＆言語リファレンス カテゴリー cgi (1) firefox (25) flash (62) actionscript2 (9) actionscript3 (19) alivepdf (1) betweenas3 (1) flashdevelop (5) papervision3d (1) swfaddress (2) swfobject (2)
HTML5 & CSS3 ブラウザ別サポート状況
What is an IP Address? An IP (short for “Internet Protocol”) address is a unique number assigned to every machine that connects to the internet. Nowadays, you can have multiple computers behind a router that share a single IP using Network Address Transformation (NAT). If you have ever used a wifi hotspot to access the internet, you’ve shared an IP address with someone. What’s the Difference betwe
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
YouTube人気急上昇
60 Web Design Galleries for Design Inspiration « AcrisDesign – Web Design Resources and Inspiration
Sketchpad