FN1209008 - EaselJSのオブジェクトを物理演算エンジンのBox2Dで落とす - HTML5 : テクニカルノート
「Box2D」はもともとC++で開発された2次元空間の物理演算エンジンです[*1]。重力と物体の質量や摩擦、弾性にもとづく位置と動きの物理計算を行い、シミュレーションしてくれます。ActionScript 3.0やJava、C#、Pythonなど、さまざまな言語に移植されています。JavaScriptのライブラリとしても、いくつか公開されてきました。その中でも対応するバージョンが新しく、解説も整っているBox2dWebを使ってみましょう。 01 物理空間と剛体を定める 物理演算エンジンというのは、物体の位置や動きの数値計算をするだけで、オブジェクトの座標を変えたりはしません。つまり、エンジンがいくら演算を進めても、コンテンツの見た目は止まったままです。演算結果をオブジェクトの座標に与えて、初めてアニメーションとして動きます。 物理演算のシミュレーションをする前に、定めておかなければならない
enchant.jsでゲームを作る7つの利点と5つの注意点
enchant.jsとは―― 2Dゲームに特化したHTML5＋JavaScriptライブラリ 「enchant.js」とは、ユビキタスエンターテインメント（UEI）が2011年4月にリリースした、HTML5＋JavaScriptベースのゲームエンジンです。enchant.jsはオープンソースでGitHubでソースコードを公開しています。ライセンスは、MITライセンス／GPL2のデュアルライセンスです。もともとはプログラミング学習を目的として開発されましたが、現在では世界中で多く利用されているHTML5向けゲームエンジンとなりました（2012年6月UEI調べ）。 実際に活用された事例としては、サントリータウンの会員コンテンツであるFlashミニゲームが、enchant.jsを用いてHTML＋JavaScriptに組み直されました。これはiPhoneなどのFlash非対応端末からでも楽しめるよ
プロになるためのJavaScript入門 | 技術評論社
概要 本物のオブジェクト指向をJavaScriptで実践する方法を解説し、高い評価を得てきた『Java開発者のためのAjax実践開発入門』が、最新のWeb開発事情に合わせ内容を全面刷新。90％以上書き直し、JavaScriptをオブジェクト指向で根底から学ぶトレーニング方法や、Backbone.jsによるサーバサイドの開発、jQueryMobileによるスマートフォン対応など、仕事ですぐに役立つ技術解説を高密度に濃縮。今後10年以上稼ぐための基礎を、スジ良く学べる最強のJavaScript解説書です。 本書の概要 第1章 JavaScript入門 本章では文法の解説に入る準備として、JavaScriptの歴史や特徴を解説します。これらの知識は文法学習の指針となり、さらには現在の技術動向を読み解く上で役立つでしょう。また、サンプルコードを実際に動かす環境として、FireBugとChrome
無料で使えるHTML5 JavaScriptゲームエンジンまとめ
HTML5とJavaScriptによるインタラクティブなWebアプリケーションの開発が注目される中、ゲーム分野では数多くのHTML5 JavaScriptゲームエンジン（ゲーム開発用のフレームワーク）が登場している。JavaScriptのライブラリーや情報をまとめているJSwikiによると、その数は70以上に上り、開発者はどのゲームエンジンを選べばいいのか判断が難しい状況だ。 本記事では、数多くあるJavaScriptゲームエンジンの中から、筆者がおすすめするライブラリーを紹介しよう。紹介するゲームエンジンはすべてMIT Licenseで提供されているので、個人はもちろん、商用でも利用できる。 Cocos2D JavaScript (http://cocos2d-javascript.org/) Crafty (http://craftyjs.com/) enchant.js (http:
- WebModular | g200kg Music & Software
: サイト内検索 トップ 製品 KnobMan 偏ったDTM用語辞典 過去記事一覧 ソフトウェア/VST WebMusic その他 g200kg > WebModular 2017/01/02WebModular « Prev WebModular Next » Tweet Japanese | English HTML5+Javascriptで書いたモジュラーシンセサイザーです。 Javascriptのソフトシンセでリアルタイムに音を合成しています。 FirefoxまたはChromeでアクセスする事をおすすめします。 InternetExplorer/Opera/Safari などのWebAudioAPI/AudioDataAPIをサポートしていないブラウザでは JavascriptとFlashを組み合わせて音を出すテストをしています。これらのブラウザで音を出すには 「Flashプラグイ
Windows 8では、HTML5とJavaScriptでWindowsアプリを開発可能に
Windows 8がどのようなOSになるのか、マイクロソフトは始めてその詳細を同社のWebサイトの記事「Previewing ‘Windows 8’」で開示し、動画でのデモンストレーションも公表しました。 Previewing ‘Windows 8’: Article by Julie Larson-Green, corporate vice president, Windows Experience. 多くのメディアでは、タイル形式の新しいタッチユーザーインターフェイスに注目していますが、Windows 8の注目すべき特徴の中の1つとして、HTML5とJavaScriptに対応することが明らかにされています。 Web-connected and Web-powered apps built using HTML5 and JavaScript that have access to th
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and
Face Detection in JavaScript via HTML5 Canvas
Badass JavaScriptA showcase of awesome JavaScript that pushes the boundaries of what's possible on the web, by @devongovett. You have probably seen face detection at work in programs like iPhoto and Picasa, but what if you could do that performantly in JavaScript? Chinese developer Liu Liu has done the honors, and implemented the algorithm using the canvas element. The algorithm is implemented on
JavaScriptとHTML5 Canvasを使って顔認識するコードがすごい:phpspot開発日誌
Badass JavaScript - Face Detection in JavaScript via HTML5 Canvas JavaScriptとHTML5 Canvasを使って顔認識するコードがすごいです。 ccv.jsとface.jsというファイルがGitHub上で公開されていて、認識自体をJavaScriptでやってしまっているようです。 JavaScriptが高速化するにつれ、WEBはもっと高速に、サーバにも優しくなっていく流れになっていきそうですね。 GitHubでは２つのJSと１枚のHTML、１つのPHPコードが配布されています。 ccv.jsがコアで、face.jsは定義ファイルっぽいです。 画像を外部から呼び出すためのプロクシ用にphpを使っていますがphpでOpenCVを使ったりはしていないようです。 関連エントリ PHPでOpenCVなしのピュアPHPで顔認識す
FlashとHTML5の関係、今後どうなる？--Adobe MAXで聞く
米国時間の10月24〜27日にロサンゼルスで開催されたAdobe Systems（Adobe）の年次カンファレンス「Adobe MAX 2010」において、注目されたテーマのひとつが「HTML5」と「Flash」との関係だった。 ウェブ体験にリッチさを付加するAdobe独自の技術として強化されてきたFlash。一方で、業界標準の技術として進化を続け、これまでFlashでしか実現できなかったようなビデオ配信やアニメーションのような表現をブラウザのみの環境で実現するべく強化されたHTML5とCSS3（JavaScript）。今年のAdobe MAXでは、「HTMLとFlashは相互補完的なもの。Adobeとしては、両者の発展に対して引き続き注力していく」というスタンスが改めて示された。 今回、Adobe MAXの会場で、同社でFlashとHTMLの技術および製品に関わるエンジニアリングバイスプ
人気アプリと消えゆくアプリ、その境界はどこにある? - APPLIYAセミナー | iPhone | iPad*iPhone Fan
ビジネス・開発関連トピックス 人気アプリと消えゆくアプリ、その境界はどこにある? - APPLIYAセミナー 大澤昌弘 2010/10/21 APPLIYAは13日、都内でソフトバンクテレコム、OIL(Open Inovation Lab)と共同でiPhone/iPadアプリセミナー『スマート・ビジネス・ソリューション〜iPhone/iPadアプリを、早く、安くビジネスに導入できる先進サービス〜』を開催した。アプリマーケットの現状や新たなアプリ開発の手法などが紹介された。 同セミナーでは、主にWEB制作技術のHTML等を活用したiPhone/iPad向け「ハイブリッドアプリ開発」についての紹介が行われた。講演したのは、ソフトバンクモバイル、ロフトワーク、メディアラグ、エンターモーション、APPLIYAの5社。ここでは、同セミナーの要となった、アプリマーケットの分析とハイブリッドアプリ開発に
HTML5活用の現時点での落としどころ
HTML5完全準拠をうたったIE（Internet Explorer）の新バージョン「IE9」ベータ版が2010年9月15日に一般公開になった。Webブラウザーシェアの約6割を占めるIEであるが、現バージョンであるIE8は、HTML5対応の点でFirefoxやGoogle Chromeなど主要なライバルWebブラウザーに大きな遅れをとっている。ベータ版とはいえ、HTML5に対応したバージョンがリリースされたことで、HTML5に対する注目度は一気に高まっている（関連記事1）。 HTML5の大きな特徴の一つは、Webアプリケーションのプラットフォームとしての機能強化である。現在のHTML4はHTMLのタグの仕様を規定するものだ。そのためHTML4をベースとしたWebブラウザーでは製品ごとにJavaScriptプログラムの挙動が異なることがあり、それがWebアプリケーション開発者にとって悩みの種
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CreateJS export from game
書評：「プロになるためのJavaScript入門」 - マピオンラボ
Flash と Flexの将来はどうなるのか？
https://jp.techcrunch.com/2011/02/18/20110217game-closure-makes-it-a-breeze-to-build-multiplayer-cross-platform-games/
js at current from liuliu's ccv - GitHub
http://japan.internet.com/column/busnews/20100913/7.html
CSS3 Map Markers
実用サンプル、CSS3ピンマップデモ | エンタープライズ | マイコミジャーナル