can I use... Support tables for HTML5, CSS3, etc
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
forked: 四角の描画テスト：徐々に埋めるやつ - jsdo.it - Share JavaScript, HTML5 and CSS
forked: 四角の描画テスト：徐々に埋めるやつ ＜対応した点＞ ・四角形がドット絵になるよう調整。 ＜参考＞ ■ forked: 単振動（マウスに追従）Canvas版 http://jsdo.it/cx20/xL0N // forked from abebetaro's "四角の描画テスト：徐々に埋めるやつ" http://jsdo.it/abebetaro/testing02 var dx, dy; //縦横のブロックの数 var bsize = 5; //ブロックの大きさ var wsize = 100; //描画するブロックの数 var initRate = 0.05; var FPS = 30; var world = new Array(); var DOT_SIZE = 5; var X_START_POS = 13; var Y_START_POS = 13; // ‥‥
初心者でも絶対わかる、WebGLプログラミング＜three.js最初の一歩＞
初心者でも絶対わかる、WebGLプログラミング＜three.js最初の一歩＞ 小山田 晃浩（株式会社 ピクセルグリッド） WebGLはとても高度な技術である一方、APIは低レベルであるためそのまま使うにはどうしても冗長な準備を行う必要があります。一方で、JavaScriptライブラリーを通して高レベルなAPIとしてWebGLを利用する方法があります。こうしたJavaScriptライブラリーとしてはthree.js、Away3D.js、Babylon.jsなどが有名です。その中でも特に人気があるthree.jsを通して、WebGLを利用する方法を解説します。(three.jsのリビジョンは執筆現在の最新であるr65を利用します) three.jsを手に入れる three.jsはhttp://threejs.org/から手に入れることができます。downloadから、zipファイルを手に入れま
Three.js で作る 3D 年賀状 - コードレシピ
準備するもの 今回必要なものは以下のようになります。 three.js r69 立体ドット絵 つくっていくもの 今回のレシピで作っていくファイルは以下のようになります。 index.html index.js index.html を作る index.html を以下のように記述してください。 <!DOCTYPE html> <meta charset="utf-8"> <title>Happy New Year 2015</title> <!-- three.min.js --> <script src="http://threejs.org/build/three.min.js"></script> <script src="index.js"></script> index.js を書いていく 雛形コピーした後、dataSet ～ の箇所に、ドット絵を描いていきます。 "×" は色無
HTML5やJavaScriptでゲームが作れる！ ゲーム制作のためのアプリケーション、フレームワーク、ゲームまとめ
HTML5で誰でもゲームが作れる！？ 最近webで何かを作るためのフレームワークというものがどんどん出てきており、ゲームにしろwebサイトにしろ、さわりを学べばそれを作る組み合わせだけなら抑えることが可能になってきています。 それを実際に使いこなし、またそれで作るものの内容がしっかりしていなければ何人もの人が使ったり遊んでくれるものにはならないわけですが…。優れた構想を持ったクリエイターが自力でゲームを作る、ということは実際に出来るようになっていると言えます。 今回は、それを実現するフレームワークやゲームエンジンと言われているものをまとめて紹介します。プログラミングやCanvasについてはちょっと知識が浅いので、調べたことをまとめるに留めています。今後の勉強課題ということで…。 ゲームエンジンまとめ よくHTML5でゲームが作れる、JavaScriptゲームエンジンというように紹介されるも
ふしぎな動き！JavaScript+HTML5で50行で『ラングトンのアリ』を作ろう - コードレシピ
ラングトンのアリについて ラングトンのアリを知っていますか？ラングトンのアリは以下の単純なルールに従って動くアリのことです。 黒いマスにアリがいた場合、90°右に方向転換し、そのマスの色を反転させ、1マス前進する。 白いマスにアリがいた場合、90°左に方向転換し、そのマスの色を反転させ、1マス前進する。 たったこれだけのルールでラングトンのアリさんはとても複雑な動きを見せ、まるで生きているかのようです。そしてこの複雑な動きを大体1万回繰り返すとなぜか一直線の道を作ってどっかにいってしまいます。 詳しくはデモを見てください。 今回はこれをJavaScriptで作っていきます。 今回作るラングトンのアリの動作の流れ 書く前にどんなものか少し考えてみましょう。 アリの場所のマスの色によってアリの向きの変更 アリの場所のマスの色を反転 アリを一マス進める 1へ。 めちゃめちゃシンプルですね。では早
コードレシピにJavaScript・HTML5で作る50行ラングトンのアリのレシピを投稿しました - あのねノート。
2015-01-18 コードレシピにJavaScript・HTML5で作る50行ラングトンのアリのレシピを投稿しました 前にこのブログで記載した50行ラングトンのアリをコードレシピへ移しました。 JavaScriptで書け、なんといっても50行というクソ短いコードで書けるのでお勧めです。 アリの動きもかなり面白いです。 こちらからどうぞ。 ふしぎな動き！JavaScript+HTML5で50行で『ラングトンのアリ』を作ろう - コードレシピ ottati 2015-01-18 12:43 コードレシピにJavaScript・HTML5で作る50行ラングトンのアリのレシピを投稿しました Tweet Share on Tumblr 書いている人 おっ立ち野郎です。学生です。スマホアプリやウェブアプリを作って公開しています٩(๑❛ᴗ❛๑)۶ @ottatiyarou2 Feedly ふぇえｄ
JavaScriptで作るテトリスのレシピを書きました - あのねノート。
2015-01-04 JavaScriptで作るテトリスのレシピを書きました JavaScriptでCanvasで描くテトリスのレシピを書いた。 【JavaScript】200行で作るテトリスのレシピ【HTML5】 デモページ: http://ottatiyarou.github.io/canvas-tetris/ 是非つくってみてください。 ottati 2015-01-04 11:16 JavaScriptで作るテトリスのレシピを書きました Tweet Share on Tumblr 書いている人 おっ立ち野郎です。学生です。スマホアプリやウェブアプリを作って公開しています٩(๑❛ᴗ❛๑)۶ @ottatiyarou2 Feedly ふぇえｄｌｙ:) ここまで読んで頂きありがとうございました(；´Д｀) コメントを書く RSSを使ってWebページの更新を自動でSNSに… »
tmlib.jsのここがすごい! - Qiita
Qiitaで初めての記事になります。simiraaaaと申します。 よろしくお願いします。 tmlib.jsを知らない人向けに紹介していきます。 tmlib.jsとは JavaScriptでゲームやWebアプリが簡単に作れるライブラリです。 http://phi-jp.github.io/tmlib.js/ phina.jsについて 追記 tmlib.jsは現在phina.jsというライブラリに名前を変えて開発を進めております。 http://phinajs.com/ tmlib.jsを再設計し、さらに使いやすくなっていると思います。 phi_jpという神がサポートしてくれる！(敬称略) phi_jpさんはtmlib.jsの作者です。 「こんなエラーが出てどうしたらいいかわからない」 「これはどうしたらできますか？」 など、質問すると真剣に答えてくれます。 ※できるだけ自分で調べましょう。
[tmlib.js] tmlib.js でゲームプログラミング始めませんか？ - Qiita
個人的にずっと作ってるゲームライブラリ tmlib.js の紹介です! tmlib.js Advent Calendar 2014 初日の予定だったのにこのタイミングになってしまいすみませんmm ※『国民全員プログラマ化』計画進行中 tmlib.js ってなに？ まずはトップページを見てください. なんとなく分かりますかね？w てかそもそもなんて読むの？って話ですよね. 『てぃーえむ りぶ ドット じぇいえす』と読みます. ざっくり言うと tmlib.js は phiのphiによるphiのためのオレオレライブラリ アイディアを即座に形にできるライブラリ です!! tmlib.js ってどんなことできんの？ グラフィックス描いたり ゲーム作ったり ツール作ったり 具体的にはどんなよ？ 具体的な機能としては コア機能の拡張 (最近 high.js に分離しました) クラス定義, ネームスペース
![[tmlib.js] tmlib.js でゲームプログラミング始めませんか？ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc6e1888c2246c85a7afff25459e644e43b532bd/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCdG1saWIuanMlNUQlMjB0bWxpYi5qcyUyMCVFMyU4MSVBNyVFMyU4MiVCMiVFMyU4MyVCQyVFMyU4MyVBMCVFMyU4MyU5NyVFMyU4MyVBRCVFMyU4MiVCMCVFMyU4MyVBOSVFMyU4MyU5RiVFMyU4MyVCMyVFMyU4MiVCMCVFNSVBNyU4QiVFMyU4MiU4MSVFMyU4MSVCRSVFMyU4MSU5QiVFMyU4MiU5MyVFMyU4MSU4QiVFRiVCQyU5RiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzM0EzQzNDJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9YzhmYjNlMWQ3MmFjNTc1NWE1NTI5MTFiOGJjYzNkNWU%26mark-x%3D120%26mark-y%3D96%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9OTcyJnR4dD0lNDBwaGkmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWU5MjJlZTNlZmFhNWFhMzg5OWQ0YmI0OTRjNmY0Mzc1%26blend-x%3D120%26blend-y%3D500%26blend-mode%3Dnormal%26s%3D7e6ceaf428471c6d050907c09f1faba8)
HTML5でゲーム開発。JavaScriptゲームフレームワークまとめ | BACKEND AS A SERVICE mbaas BLOG
ゲームと言えばネイティブアプリなイメージがありますが、HTML5やJavaScriptエンジンが高性能化するのに伴ってWebブラウザでも十分ゲームが遊べるようになっています。Webブラウザであればインストールの手間なく遊べて、さらにラップすることでアプリ化することだって可能です。ゲームエンジンは多数存在しますが、今回は特に2Dをサポートしたソフトウェアを紹介します。mBaaSお役立ちブログ トップ> ブログ> Tips> HTML5でゲーム開発。JavaScriptゲームフレームワークまとめ ゲームと言えばネイティブアプリなイメージがありますが、HTML5やJavaScriptエンジンが高性能化するのに伴ってWebブラウザでも十分ゲームが遊べるようになっています。Webブラウザであればインストールの手間なく遊べて、さらにラップすることでアプリ化することだって可能です。 ゲームエンジンは多数
Games Editor ★★★★★
Construct 3 Create stunning games in the worlds best 2D game engine
#ガチJS でJavaScriptとフロントエンドの未来について熱い話をした - mizchi's blog
(追記): このブログで一部のJSをgithubに置いてたら 「The website abuses rawgit.com」という警告が出てました。現在修正しました。ご迷惑おかけしました。 @kyo_agoさんの主催で、 @mizchi(シングルページ系フロントエンドJSer) と @damele0nさん(ゲーム系HTML5のJSer)でJavaScriptについて話をした。すごく有意義な話だったので、会話を思い出せる限り書いてみる。 このエントリを読む前にこの記事を読むと幸せになれる。 幸せになりたいソーシャルゲーム系Webフロントエンドエンジニアが本気で考える HTML GUI ツール第一回 - damelog このまとめは僕の主観であり、僕が理解できた部分と自分の発言を一番覚えてるのでどうしてもそれが多めになりますが、ご容赦ください。ついでに酒入ってる。 iOS SafariのIE化
入門 Webゲーム開発
TOPICS Web , Game , JavaScript 発行年月日 2014年03月 PRINT LENGTH 356 ISBN 978-4-87311-664-8 原書 The Web Game Developer's Cookbook FORMAT PDF 本書は、JavaScriptライブラリとHTML5によるゲーム開発テクニックを解説するWebゲーム開発の入門書です。「HTML5ゲームエンジン」と称されるJavaScriptライブラリを、100種類を超える候補の中から厳選し、これらのエンジンと本書で紹介するツールを使って、ブラウザで動作するゲームを“手早く”開発していきます。また、本書の各章では、1つのゲームジャンルとそれを補助する1つのエンジンを合わせて解説しています。ゲームジャンルは主要な10種類を採り上げています。読者はエンジンの使い方を学ぶうちにそれらの共通点と相違点
50行で作る、HTML5+JavaScriptな簡単ライフゲーム【プログラミング】 - あのねノート。
2013-09-14 50行で作る、HTML5+JavaScriptな簡単ライフゲーム【プログラミング】 やり方 はじめに。 ライフゲームを知っていますか？ライフゲームは世界でとっても有名なシュミレーションゲームです。Wikipediaによると、 1970年にイギリスの数学者ジョン・ホートン・コンウェイ (John Horton Conway) が考案した生命の誕生、進化、淘汰などのプロセスを簡易的なモデルで再現したシミュレーションゲームである。 らしいです。 眺めているだけでもさまざまなパターンを観測することができてとても興味深く、魅力的なゲームです。 見つけだすのに賞金も賭けられたという「グライダー銃」というパターンは特に有名ですね。 もっとライフゲームについて詳しく復習したい方は秀逸なWikipediaのページを見ることを薦めます。 ライフゲーム - Wikipedia また、ライフ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
四角の描画テスト：徐々に埋めるやつ - jsdo.it - Share JavaScript, HTML5 and CSS
四角の描画テスト - jsdo.it - Share JavaScript, HTML5 and CSS
CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5
three.js - JavaScript 3D library
HTML5 Canvasでシューティングゲーム
