Kiwi.js - 簡単に使えるHTML5ゲームエンジン MOONGIFT
HTML5によって表現力が高まっていき、さらにハードウェアとJavaScriptエンジンが高性能化することでWebベースのゲーム開発も現実的なものになってきました。高度なゲームはまだ難しいかも知れませんが、パズルゲームやRPGであれば十分こなせるようになっています。 今回はそんなHTML5ベースのゲームエンジンKiwi.jsを紹介します。デスクトップ、スマートフォンの両方に対応したゲームエンジンです。 Kiwi.jsの使い方 Kiwi.jsでは様々な機能のデモが用意されています。例えばスプライト画像による動きのあるアニメーション。マウスの動きに合わせて動きます。 アニメーションとして自動再生されるタイプもあります。 カメラ。オブジェクトを中心に映し続けます。 多くのオブジェクトを描画しても動きは遅くなりません。 キーボード入力もサポートしています。 テキストについても表示場所、フォント、色
Chrome 43からDOMの属性がJSのプロトタイプチェーンに移行します - Qiita
Chrome 43およびそれ以降のバージョンにおいて、DOMの属性（値）がJavaScriptのプロトタイプチェーンに移行されます。これにより、突っ込んだことをやっていた場合に、今まで動作していたコードが動かないということが発生する可能性がありますので、事前に変更内容を知り、対策をしておくことが求められます。HTML5Rockの更新情報として掲載されていましたので、さっそく日本語訳をしてみました。心当たりがある方は、ぜひ以下の内容を読んでいただいて、コードの修正などに取り込んでいただければと思います。 原文: http://updates.html5rocks.com/2015/04/DOM-attributes-now-on-the-prototype DOM属性は今後プロトタイプチェーンに Chromeチームは、最近「DOM属性をプロトタイプチェーンに移動しています」とアナウンスしてい
HTML5 Canvasで動くジェネラティブ・アートをブログに貼る - roombaの日記
「ジェネラティブ・アート」 最近『ジェネラティブ・アート』という本を買いました。ジェネラティブ・アート(Generative Art)とは、通常のアート作品のように人間が描いたりつくったりするのではなく、何らかのアルゴリズムやランダム性を利用して生成的につくられるものを言います。ちょっとしたプログラムでアートができるので、絵心が不要なのが魅力です。 下のように画像検索すると、かっこいいものがいくつもでてきます。 generative art - Google 検索 HTML5 Canvasで描いた絵をブログに貼り付ける方法 本を読んだら実際に製作してこのブログに貼り付けたいので、お絵描き方法としてはHTML5 Canvas + Javascriptを使うことにし、貼り付け方を調べてみました。本ではProcessingという言語を使っているのですが、Javascriptの方が好みなので。 試
Blockrain.js - a Tetris game in HTML5 + Javascript
Embed & play the classic game on your site. Simple as that. Plug 'n' Play Just copy and paste a bit of code and you'll be good to go Responsive No matter how wide or narrow your display is, you'll always be able to play. Design Customize it as you want. Change the colors to fit your site. Speed Adjust how fast the blocks are falling to make it more difficult. Score Add the scoreboard or not. That'
ふしぎな動き！JavaScript+HTML5で50行で『ラングトンのアリ』を作ろう - コードレシピ
ラングトンのアリについて ラングトンのアリを知っていますか？ラングトンのアリは以下の単純なルールに従って動くアリのことです。 黒いマスにアリがいた場合、90°右に方向転換し、そのマスの色を反転させ、1マス前進する。 白いマスにアリがいた場合、90°左に方向転換し、そのマスの色を反転させ、1マス前進する。 たったこれだけのルールでラングトンのアリさんはとても複雑な動きを見せ、まるで生きているかのようです。そしてこの複雑な動きを大体1万回繰り返すとなぜか一直線の道を作ってどっかにいってしまいます。 詳しくはデモを見てください。 今回はこれをJavaScriptで作っていきます。 今回作るラングトンのアリの動作の流れ 書く前にどんなものか少し考えてみましょう。 アリの場所のマスの色によってアリの向きの変更 アリの場所のマスの色を反転 アリを一マス進める 1へ。 めちゃめちゃシンプルですね。では早
Phaser - A fast, fun and free open source HTML5 game framework
Open Source HTML5 Game Framework For over a decade, Phaser has enabled developers of all skill levels to create games for the web. Phaser Editor Phaser Editor enables you to visually create Phaser games. Instead of entering numbers in your code to position Game Objects, you can drag and drop them into place, tweak their animations, adjust their physics bodies, enable special effects and more. It's
Game Mechanic Explorer
A collection of concrete examples for various game mechanics, algorithms, and effects. The examples are all implemented in JavaScript using the Phaser game framework, but the concepts and methods are general and can be adapted to any engine. Think of it as pseudocode. Each section contains several different examples that progress in sequence from a very basic implementation to a more advanced impl
CSS 3D Solar System
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Perfume 5th Tour 2014「ぐるんぐるん」
Google HTML/CSS Style Guide まとめ - Qiita