SpriteStudio for CreateJS | TENPURA - 1→10design Lab -
ID部の藤岡です。 弊社も案件で使っている「SpriteStudio」にはHTML5書き出しの機能があります。 書き出したデータをSpriteStudio専用のHTML5 Playerで再生することで、ブラウザ上でSpriteStudioで制作したアニメーションを再現することができるようになってます。 今回これを応用し、専用のHTML5 Playerを使わずにCreateJSでSpriteStudio書き出しデータを読み込むライブラリを自作して、簡単なミニゲームを作ってみました。 →別タブで開く （[P]キーでパンチ、[K]キーでキック、左右の[←→]キーで移動） ワンテンガーはSpriteStudioからの書き出しを自作ライブラリを通じてCreateJSで読み込み、それ以外はCreateJSで普通に画像を読み込んでます。 最適化はしてませんが、スマホでもひとまず動作します。（操作はタップ
HTML5 CanvasをjQueryライクに操作できるプラグイン「jCanvas」
はじめに HTML5において追加されたCanvasは、HTMLとJavaScriptを用いてWebページ内に図形や線などを描画できる機能で、動画や音楽を再生するvideoタグやaudioタグなどとともに、HTML5の代表的な機能としてしばしば紹介されます。 Canvas機能を用いるとHTMLのcanvas要素で定義された領域に対してJavaScriptで描画処理を行えます。以下のような描画を行うAPIが提供されています。 線（直線、曲線） 図形（四角形、円） 色とスタイル（単色、グラデーション、影） 文字の描画（サイズ、フォント、色の指定） 変形（拡大、回転、マトリクス変換） しかし、Canvas描画処理のJavaScript APIはグラフィックス処理独特の記述方法となっており、学習のハードルはそれなりに高いものになっています。 今回紹介するjCanvasは、HTML5 Canvasの機
Opera News
Desktop, web3 Opera adds Crypto Browser features to its flagship desktop and mobile browsers and delists the... February 29th, 2024 On March 14th we will no longer be supporting updates for the dedicated Crypto Browser, as its core features have... Gaming, Opera GX Pimp your smartphone with GX Mods, now available in Opera GX on Android and iOS February 8th, 2024 Transform the look and feel of your
HTML5でiPhoneアプリを作ってみた (1/3)
iPhoneアプリを開発するには、従来「Objective-C」というプログラミング言語を習得する必要があり、プログラミング経験が無い人には手が出しにくい存在でした。ところが最近ではHTMLとJavaScriptで作ったWebアプリをネイティブアプリに変換するツールやサービスが登場し、より手軽にアプリを開発できるようになっています。実際、「Objective-Cは分からないけれど、HTMLやJavaScriptなら書ける」という方は少なくないでしょう。 エースホーム株式会社の「ワクワクぬりえタウン」も、HTML/CSS＋JavaScriptで制作されたiPhoneアプリの1つです。APPLIYA株式会社のOEMサービスを利用してiPhoneアプリに変換し、iTunes App Storeで配布しています。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
