FN1209008 - EaselJSのオブジェクトを物理演算エンジンのBox2Dで落とす - HTML5 : テクニカルノート
「Box2D」はもともとC++で開発された2次元空間の物理演算エンジンです[*1]。重力と物体の質量や摩擦、弾性にもとづく位置と動きの物理計算を行い、シミュレーションしてくれます。ActionScript 3.0やJava、C#、Pythonなど、さまざまな言語に移植されています。JavaScriptのライブラリとしても、いくつか公開されてきました。その中でも対応するバージョンが新しく、解説も整っているBox2dWebを使ってみましょう。 01 物理空間と剛体を定める 物理演算エンジンというのは、物体の位置や動きの数値計算をするだけで、オブジェクトの座標を変えたりはしません。つまり、エンジンがいくら演算を進めても、コンテンツの見た目は止まったままです。演算結果をオブジェクトの座標に与えて、初めてアニメーションとして動きます。 物理演算のシミュレーションをする前に、定めておかなければならない
美人サンタよりコードがお好き？
12月20日、ITエンジニアのための実務スキル評価サービス「CodeIQ」と＠ITは合同で「リアル版：サンタのためのコードゴルフコンペ＆クリパ」を開催した。イベントは、CodeIQであらかじめ出題されていた「サンタのためのコードゴルフ」との連動企画。クリスマスを目前に、エンジニアが集うガチイベントの模様をレポートする。 「コードゴルフ」とは、ゴルフがカップインまでの打数を競うように、プログラムの文字数を削り、なるべく短くプログラムを書く遊びのことをいう。スポーツのゴルフでは、打数が少なければ少ないほど高得点が得られるが、コードゴルフでは、ソースコードの文字数が少なければ少ないほど良いとされる。従って、最短コードを書いた人が勝者となる。イベントでは、「サンタのためのコードゴルフ」問題の出題者であるクロノス・クラウンの柳井政和氏によるコードレビューが行われた。 今回出題された問題は、アスキーア
C言語より高速なJavaScriptによるバイナリ操作が話題 | gihyo.jp
JavaScriptなどのスクリプト言語は動作が遅く、最適なパフォーマンスを得るにはC/C++で実装しなければならないという常識に挑んだ講演が国内外で大きな話題になっています。 題材になったのはベルリンの開発者、Felix Geisendorfer氏によるNode.jsからMySQLに接続するためのバインディングの実装です。Node.jsからMySQLへ接続するためのバインディングはJavaScriptだけで実装されているもの、Cで実装されたライブラリ（libmysql）を使ったもの、MySQLからフォークしたデータベース、MariaDBのライブラリを使ったものなど複数が存在しています。 Felix氏はあくまでJavaScriptのみによる実装で、C言語で実装されたライブラリを使ったバインディングを越えるパフォーマンスの実現に挑戦しました。次々に登場するライブラリの高いパフォーマンスを見る
Qt 5.0登場 - OpenGLの利用やV8 JavaScriptエンジンの採用など
Qtプロジェクト及びDigiaは19日(米国時間)、Qtの最新版となる「Qt 5.0」を公開した。QtはC++で開発されたクロスプラットフォームアプリケーション/UIフレームワーク。デスクトップ環境のGUIツールキットとして利用されているだけでなく、HTML5/JavaScript機能の取り込みやプログラミングを必要としないUI構築機能、様々なライブラリを提供することで多様なデバイスで活用されている。 Qt 5.0における主なハイライトは次のとおり。 OpenGL scenegraphベースのQt Quick 2を採用 新たなGUIクラス、QWindow/QScreen/QSurfaceFormat/QOpenGLContextを追加 Qt CoreにJSONやPerl互換の正規表現などをサポート Qt NetworkにIPv6及びデュアルモードネットワークの対応強化やSSL認証拡張機能へ
WebSocket プラグインの結果を表示する用の HTML 書いてみた - お だ のスペース
Jenkins からの結果通知を WebSocket にしてみよういうことで、knockout.js の勉強を兼ねて HTML を書いてみました。 Jenkins から WebSocket を飛ばすのはこちらのプラグインを利用しています。 Websocket Plugin - Jenkins - Jenkins Wiki 使っている JavaScript ライブラリは、 jQuery 1.8.2 jQuery knockout.js 2.1.0 Knockout : Home linq.js 3.0.3-Beta4 linq.js - LINQ for JavaScript - Home です。*1 Visual Studio で開発しているので、NuGet でダウンロード、html や js にはインテリセンス用のコメントが入ってます。 Jenkins の Remote access A
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非対応端末からでも楽しめるよ
Webカムの映像を使ったソフトウェアを開発するなら使ってみよう·SimpleCV.js MOONGIFT
SimpleCV.jsはWebカムの映像を手軽に扱えるようにするJavaScript版SimpleCVです。 Pythonベースで作られたOpenCVを手軽に扱えるようにするライブラリがSimpleCVです。そしてそれをJavaScriptにポーティングしたのがSimpleCV.jsになります。 上がWebカムから取り込んでいる画像です。下がそれをグレースケール処理したものになります。リアルタイムです。 さらに様々なイフェクトを加えた結果。かなり怖いです。 こちらはJavaScriptから映像データを取り込んでいるデモ。画像サイズを取得しています。 HTML5のgetUserMediaによってWebカムとWebシステムが容易に連携できるようになっています。それをさらにSimpleCV.jsによって扱いやすくできれば、もっと面白いサービスが生まれる可能性がありそうです。 SimpleCV.j
プロになるためのJavaScript入門――node.js，Backbone.js，HTML5，jQueryMobile
書籍案内 » 書籍ジャンル » プログラミング・システム開発 » JavaScript » プロになるためのJavaScript入門――node.js、Backbone.js、HTML5、jQueryMobile Software Design plusシリーズプロになるためのJavaScript入門 ――node.js、Backbone.js、HTML5、jQueryMobile 2012年12月7日紙版発売 河村嘉之，川尻剛 著 B5変形判／480ページ 定価3,278円（本体2,980円＋税10%） ISBN 978-4-7741-5438-1 ただいま弊社在庫はございません。 Amazon 楽天ブックス 丸善ジュンク堂書店 ヨドバシ.com 本書のサポートページサンプルファイルのダウンロードや正誤表など この本の概要 本物のオブジェクト指向をJavaScriptで実践する方法を解説
東京Node学園祭2012
2012年11月18日(日) 10:30-17:30(予定) 後夜祭18:00- 法政大学 市ヶ谷キャンパス 外濠校舎 東京Node学園祭について スマートフォンの増加により現実になりつつあるC10K問題や、WebSocketにより実現されつつあるリアルタイムWeb。これらへのソリューションとして世界中から注目されているのが、サーバサイドJavaScriptプラットフォームのNode.jsです。 このたびNode.js日本ユーザグループは、npmの作者であり、かつNode.jsの新たなゲートキーパーであるIsaac Schlueter氏、NodeConfの主催者であるMikeal Rogers氏、NodeJitsuのCharlie Robbins氏、最も多くのnpmモジュールを提供する開発者であるJames Halliday氏を招聘し、2回目の「東京Node学園祭」を開催します。
グラフ描くならMorris.jsがお手軽で良いかも - (ﾟ∀ﾟ)o彡 sasata299's blog
2012年11月16日13:55 JavaScript Ruby グラフ描くならMorris.jsがお手軽で良いかも こんにちわ。寒くなってきましたがみなさまお元気ですか？ さて、先日ちょっとしたグラフを描画したかったんですよ。それでなにか使いやすいライブラリ無いかなーと思っていたら railscast (revisedなので有料です) で Morris.js ってjQueryプラグインが紹介されてて良さげだったので使ってみました。google analytics みたいなツールチップも出してくれます。 使い方はとっても簡単です。 まず、jQuery (>=1.7) と Raphael (>=2.0) が必要です。あとは Morris.js があれば動作します。 これらを app/assets/javascripts/application.js に設定してください。この記事執筆時点での
JSX / Haxe / TypeScript
6. 出てくる言語 JSX・ DeNA 社製。生の JS よりも遅くならな ・ ・ いらしい (要出典1 )。JS の皮をかぶった Java Haxe・・ ・この中では最古参。JS だけでなく、 PHP や Flash、Java に C#など、様々な言語に 変換可能。手続型言語の皮をかぶった関数型 言語 TypeScript・ ・・この中では最後発。C#作った 人が設計。JS との親和性を重視している、JS の皮をかぶった C# 静的型付けの言語オンリー 1 ベンチマークが少ないので評価保留中 7. 注意そのに！ これら 3 つの言語は設計思想が全く異なる JSX は最適化に重点を置いて、ばしばしインラ イン化を行う。ベストプラクティスという名の バッドノウハウを気にせずにコードが書ける TypeScript は JS との親和性を重視し、素直な JS を出力する Haxe は柔軟性があり
「ノンプログラマのためのJavaScriptはじめの一歩」の1章が公開されました - Webtech Walker
11/7発売予定の書籍「ノンプログラマのためのJavaScriptはじめの一歩」のはじめにと1章が先行して技評のWebサイトで公開されました。 はじめに 1章 1章はイントロ的なところで、JavaScriptを学ぶ前にJavaScriptの動かし方やデバッグツールの使い方について解説しています。 また、本書籍の2章以降で解説するスライドショーのサンプルプログラムも1章で登場するため公開されています。次のようにボタンを押すと次の画像に行くというだけの、簡単なサンプルプログラムです。 {::nomarkdown} {:/nomarkdown} 技評のWebサイトからも実際に試すことができます。 JavaScriptのソースはこんなかんじです。全体で90行程度、コメントや空行を除くと40行程度です。 /** * 簡易スライドショー * * nextボタンを押したときに画像を切り替える簡単な *
多彩な表現力のWebGLを扱いやすくする「Three.js」
多彩な表現力のWebGLを扱いやすくする「Three.js」：Webグラフィックをハックする（5）（1/5 ページ） Three.jsはWebGLの冗長な仕様をうまくラップし、扱いやすいインターフェイスで提供するライブラリだ。サンプルコードと見比べながら、効率良く学習しよう Three.jsの基礎 本連載も5回目を迎え、いよいよ佳境に入ります。今回の題材は、Webブラウザ上で3次元グラフィックを実現する「WebGL」です。ただし、これまでと違ってAPIを直接は触れず、「Three.js」を利用します。Three.jsはWebGLの冗長な仕様をうまくラップし、扱いやすいインターフェイスで提供するライブラリです。Mr.Doob氏を中心にオープンソースで開発が進められており、WebGL界隈ではデファクトスタンダードに近い地位を築いています。 Three.jp公式サイト WebGLはこれまで解説し
Google Sites: Sign-in
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CreateJS export from game
書評：「プロになるためのJavaScript入門」 - マピオンラボ
Nashorn - OpenJDKに提案された新JavaScriptエンジン
GoogleがJavaScriptのテストランナーであるTestacularをオープンソース化
大規模なギョームシステムにHaxeを採用してみた話
TypeScript と JavaScript コンパイル言語に対するコミュニティの疑問
