美麗なグラフをSVGで描画できるJSライブラリ「dc.js」:phpspot開発日誌
dc.js - Dimensional Charting Javascript Library 美麗なグラフをSVGで描画できるJSライブラリ「dc.js」 次のような円グラフや棒グラフをオブジェクト指向の分かりやすいコードで描画出来ます。 円グラフのコード例。メソッドをチェーンさせて直感的にグラフを描画可能。 SVG対応していないブラウザでは描画できませんが、軽くてよさそうですね 関連エントリ 様々なグラフを描画できるJavaScriptライブラリ「NVD3.js」 見た目がクールなグラフ描画用jQueryプラグイン「Morris.js」 HTML5で綺麗でインタラクティブなグラフが描けるライブラリ「Flotr2」
JavaScript 3DレンダリングエンジンのThree.jsを試す
こんにちは。 KRAYアルバイトの浅海です。 今回は、最近ちまたで噂のThree.jsで遊んでみようとおもいます。 http://github.com/mrdoob/three.js webgl対応のブラウザで見ている方は、右上に3Dのボックスが表示されていると思います。 Three.jsを使えば、このようなことを簡単にJavascriptで実現できるのです。 半信半疑で使ってみたところ、たしかにThree.jsでは、3D特有の行列計算や数学的思考をせずとも、3Dを表示、操作することができました。 「ちょっとのプログラムで3Dができる。」 この面白さを皆さんに届けたいです。 目次 立方体を表示する 光をあてる テスクチャを貼り付ける マウスで回転させる マウスで移動させる クリック判定する Three.js web上には、HTML5のcanvasを利用した様々なサンプルページやアプリケーシ
Impact - HTML5 Canvas & JavaScript Game Engine
The Awesomest Way to Create Even More Awesome HTML5 Games! Impact is a JavaScript Game Engine that allows you to develop stunning HTML5 Games for desktop and mobile browsers. I’ve tried four other JavaScript game engines, and this is the first one I’ve used that makes sense (…) Impact is the first truly professional-grade JavaScript and HTML5 game engine to hit the market. Game Developer Magazine,
本当はそれなりに面倒くさいJavaScriptとhistoryとAjaxのお話 - 愛と勇気と缶ビール
口上 historyとAjaxといえば、JavaScriptからある程度任意でhistoryのエントリをpushできるhistory.pushStateとか、history.replaceStateは既に大分有名になった感がある。 素晴らしい未来では、全てのブラウザにpushStateが乗っていて「location.hashを使ったAjax遷移が許されるのは10年前のブラウザまでだよねー」というハッピーな世界が実現するのだろう。が、今現在ではまだpushStateに対応していないブラウザのシェアも多く、Ajaxによる擬似画面遷移をモリモリ行うようなサイトではpushStateのある環境、ない環境の両方を考慮してやる必要がある。 (ちなみに、要件によっては「pushStateがないブラウザは通常の遷移で我慢しろ！」という割り切りも全然ありだと思う) 先に言っておくと、この記事は長いです。 環
Sprite3D.js, a small library for generating and manipulating CSS 3D transforms
a small library for generating and manipulating CSS 3D transforms NOTICE: This page is slowly getting outdated. In my spare time, I've been working on a major syntax revision, Firefox compatibility issues and a new version of this page. Until I get the time to finish all of this, here's a list of the most up to date resources : "v2" branch on github (featuring a simplified syntax) A more recent li
SoundManager 2: JavaScript Sound For The Web
HTML5 + flash hybrid Complexity, reduced Supporting HTML5 audio can be tedious in modern browsers, let alone legacy ones. With real-world visitors using browsers ranging from mobile Safari to IE 6 across a wide range of devices, there can be many support cases to consider. SoundManager 2 gives you a single, powerful API that supports both new and old, using HTML5 audio where supported and optional
Josh Tynjala「GridshockをFlashからHTML5へ移植してみた」 - 以下斜め読んだ内容
josh tynjalaブログ2011.1.11のブログエントリ Flash to HTML5: Gridshock Remade « Josh Talks Flash actionscriptハッカーjosh tynjalaが自分のflashゲームをhtml5に移植してみたよ、な記事 色々困ったこととかハックとかをつらつら書いてて面白い 昔YUI使う機会あってからはASでもクロージャー使いまくってるよとか HTML5 Audioの実装はどのブラウザも現時点で使いものにならないとか 検討したライブラリ・使ってみたライブラリにも寸評が入ったり 以下斜め読んだ内容 Gridshock flashアプリ。これのHTML5ver.作った Gridshock flash/AIRでの開発は楽しいしこれからも続ける flashに新しい視点をもちたいと思ってやってみた python勉強してpygameで移
パズル、落ちものゲームに使えるHTML5/JavaScriptのゲームフレームワーク「LimeJS」 | MOONGIFT | オープンソース・ソフトウェア紹介を中心としたITエンジニア/Webデザイナー向けブログ
LimeJSはHTML5/JavaScriptによるWebゲームフレームワーク。パズルゲーム向き。 LimeJSはJavaScript製のオープンソース・ソフトウェア。Webベースのゲーム開発が熱い。その時、鍵になるのはJavaScriptだ。HTML5の登場によってWeb、JavaScriptでできることは大きく広がっている。今こそWebベースのゲーム開発を行う時だ。 並べる系のパズル ゲームと言ってもジャンルはとても幅広い。アクションもあれば、パズル、ノベル、シューティングゲームといった具合だ。一つのゲームエンジンが全て行える訳ではないので、開発したいゲームの種類に応じてエンジンを選ぶべきだ。パズル、落ちものゲームを作るならLimeJSが使えそうだ。 LimeJSはHTML5を使ったJavaScript製のゲームフレームワークだ。iOSでの利用も想定されている。デモに登録されているゲー
Drag Drop Javascript Library for iPad & iPhone
This is our effort to share news and knowledge in hopes of gaining a community and increasing interest in our web service. If you like this article, please check out our web service gotProject? Click the button below to watch a quick 1 minute video to see what it's all about. In large part, the iPad's magic comes from its touch-based interface. Touch-based interfaces are generally "incompatible" w
VexFlow - HTML5 Music Engraving
VexFlow is an open-source online music notation rendering API. It is written completely in JavaScript, and runs right in the browser. VexFlow supports HTML5 Canvas and SVG. VexFlow has been in development for over 10 years, and used by apps, startups, universities, in all kinds of amazing ways. If you find VexFlow useful, please consider sponsoring me on GitHub.
Modernizr: the feature detection library for HTML5/CSS3
MENURespond to your user’s browser features.Modernizr tells you what HTML, CSS and JavaScript features the user’s browser has to offer.Add your detects Development build What is Modernizr?It’s a collection of superfast tests – or “detects” as we like to call them – which run as your web page loads, then you can use the results to tailor the experience to the user. Why do I need it?All web develope
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.speakker.com/demo/
https://designcosmos.com/projekktor/
Crafty - JavaScript Game Engine, HTML5 Game Engine
CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5
WebsitePolicies: Compliance Solutions for Small Businesses