スマホ対応HTML5アドベンチャーゲームエンジン - Almight - スマホ対応HTML5アドベンチャーゲームエンジン - Almight
AlmightJSAlmight（オールマイト）は次世代標準技術であるHTML5で構築された、ノベル＆アドベンチャーゲームエンジンです。 プログラミング知識なしでも高機能なゲームを製作でき、作ったゲームはパソコンでもスマホでも遊べます。 最新情報 2/20Almight SDK 4.2 betaをリリースしました 11/19Almight Packager 2.0＆Almight SDK 4.1.1 betaをリリースしました 11/12Almight SDK 4.1 Betaをリリースしました 9/20Windows向け 機能デモゲームがダウンロード出来ます 9/20サイトをリニューアルしました // 背景を1秒かけてフェードイン [show_bg file="sky.jpg"] [action time=1000] // BGMを再生 [play_bgm file="sunnyday.
スマートフォン対応でよく使うhtml、css、javascriptのまとめ
スマートフォン(ios、android)向けのウェブサイト・ウェブアプリを作る際に個人的によく使うhtml、css、javascriptの備忘録。 html関連 headタグ内での設定<!-- //デバイスサイズにあわせて表示領域を変更する --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- //電話番号のリンクを無効化 --> <meta name="format-detection" content="telephone=no"> <!-- //ホーム画面用アイコン --> <link rel="apple-touch-icon" href="icon.png"> <!-- //ホーム画面用アイコンの光沢を無効化する --> <link rel="apple-touch-icon
HTML5+CSS3で構築する時のIE8対策メモ | Gatespace's Blog
今さらかもしれませんが、HTML5+CSS3で構築したウェブページをIE8でも期待通りに表示・印刷されるためのメモ。 Win7+IE8で確認しています。ちなみにIE9の開発者モードでは再現しませんので、ご注意ください。 html5.js ファイル HTML5でウェブページを作成する場合、IE8以下への対策として html5.js を <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> と埋め込んでいたけど、これだとIE8で印刷しようと思うと、<header>などHTML5タグ部分が正常にレンダリング（印刷）されません。 対策：プロジェクトのページ（Google Project Hostingのhtml5shiv）から js ファイル
30 Exceptionally Designed HTML 5 Websites - Dezign Matterz
A constant evolution in the use of new technologies and programming languages is continually evolving across the web, when Paul Irish’s HTML5 Boilerplate project was first introduced it served as an exceptional starting point for creating websites of any type. The HTML5 Boilerplate provided an incredibly useful set of CSS, JavaScript, image, and HTML files which enabled users to kickstart their HT
MoMA | Century of the Child
Home page. Avant-Garde Playtime|1910s–1930s Light, Air, Health|1920s–1930s Children and the Body Politic|1920s–1940s Regeneration|1940s–1960s Power Play|1960s–1990s Designing Better Worlds|1960s–2000s New Century, New Child, New Art|1900s–1910s 80|-65, 150|-75, 55|-220, 415|-150, 195|-230, 125|-360, 435|-300, 405|-490, 200|-520, 585|-370, 575|-150
SmartStart WP - Responsive HTML5 Theme by Smuliii | ThemeForest
Theme Information WordPress 3.5 Compatible SmartStart WP is a simple and clean but still professional WordPress theme suitable for any business or portfolio, and it’s created by using the latest HTML5 and CSS3 techniques. With a responsive design it is easily usable with any device (Desktop, tablet, mobile phone…), without removing any content! Latest Update: v1.08 – 18.1.2013 Added: Basic table s
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
PNGを解析してJavaScriptでPNGを描く·png.js MOONGIFT
png.jsはJavaScriptを使ってPNGを解析し、その結果をCanvasタグにレンダリングするライブラリ。 png.jsはHTML5/JavaScript製のオープンソース・ソフトウェア。Web上で扱われる画像のフォーマットと言えば、GIF/JPEG/PNGだ（WebPもあるか）。個人的な主観としてGIFはアニメーションやアイコン、JPEGは写真やサイズの大きな画像、その中間がPNGに向いていると感じている。 レコード画像を描く 写真を取り扱うサイトでは、そのメタデータを解析して撮影した機種や撮影場所、露出といったデータをEXIFから得ている。同様のPNGを解析するJavaScriptライブラリがpng.jsだ。 png.jsはPNGをJavaScriptで解析し、その結果をCanvasタグを使って画像として表示する。つまり表示されるのはPNG画像であり、単純にWebブラウザでim
HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル:phpspot開発日誌
Create a page flip effect with HTML5 canvas | Tutorial | .net magazine HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル。 canvasなんかも活用しつつ次のようにリアルに実現できちゃってます。Chromeなんかでは超なめらかでした。 Flashじゃなくてもできちゃうんですね。 ライブデモ 実装のためのコードがチュートリアル形式で解説されていますが、このテクニックは色々と使えそうですね。 関連エントリ CSS3を使った驚きのデモいろいろ２５種類 画面をスワイプさせてページ送りができるWordPressプラグイン「iPad Swipe」 iPadのブラウザ上で電子書籍風のめくる操作を可能にするJavaScript
jCanvas | jQuery meets the HTML5 canvas
Seriously, what is jCanvas? jCanvas is a JavaScript library, written using jQuery and for jQuery, that wraps around the HTML5 canvas API, adding new features and capabilities, many of which are customizable. Capabilities include layers, events, drag-and-drop, animation, and much more. The result is a flexible API wrapped up in a sugary, jQuery-esque syntax that brings power and ease to the HTML5 c
HTML5 でやりがちな間違い
HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 Avoiding common HTML5 mistakes ： HTML5 Doctor 翻訳といっても要約みたいな感じですので、書いてあることをそのまま日本語にしたものではあり
HTML5＆CSS3でフォームをかっこ良くするチュートリアル集:phpspot開発日誌
Top 15 HTML5 and CSS3 Forms Tutorials | webexpedition18 HTML5＆CSS3でフォームをかっこ良くするチュートリアル集 次のように検索窓をかっこよくしたり入力フォームをクールにしたりするチュートリアル集です。 CSS3の便利さは分かっているつもりでも、いざつくろうとなると頭を抱えてしまう場合もありそうですが、あらかじめこうしたサンプルでパターンを把握しておけばデザインが効率的に行えそうですね。もちろんそのまま利用させてもらうというのもありですが。 ５年後のフォームはどんな物が主流になっているか楽しみですね 関連エントリ HTML5とCSS3を使ったフォームデザインのチュートリアル集３０ HTML5/CSS3に関する便利ツールやチーとシート、リソース２５ HTML5＋CSS3でクールなオーディオプレイヤー「ZEN」 CSS3で描画された
http://cuepoint.org/
For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.
HTML5 の Drag and Drop API と File API を使ってファイルアップロードを実装する - しばやん雑記
HTML5 の Drag and Drop API を使うことで、ブラウザにドロップされたファイルの情報を扱うことが出来ます。そして File API を組み合わせることで、ファイルの中身まで扱うことが出来るようになります。 そして FormData オブジェクトと XHR を組み合わせることでアップロード処理までを実装することが出来ます。完成図はこんな感じです。 今回は JavaScript の処理が中心です。jQuery を使っているので追加してくださいね。 $(function () { var uploadFiles = function (files) { // FormData オブジェクトを用意 var fd = new FormData(); // ファイル情報を追加する for (var i = 0; i < files.length; i++) { fd.append(
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS3D Clouds
Loading...
マレーシア・オーディオガイドマップ
http://gdd11-webgl.appspot.com/
Initializr - HTML5 project - template
IBM Developer
