CreateJS のクラスを CoffeeScript 上で継承するには | DevelopersIO
CoffeeScript には簡単にクラスの継承を実現できる機能が備わっていますが、こと CreateJS のクラスを継承する際には従来とは少し異なる手法で実装するがあるので、注意が必要です。 知ってしまえば大したこと無いのですが、ちょっとクセのあるテクニックなのでサンプルを交えてその方法を紹介します。 例) createjs の Bitmap クラスを継承してみる 従来の継承 通常、CoffeeSctript でクラスの継承をするには以下のように記述します。 Animal クラス class Animal constructor: (@name) -> alive: -> false Dog クラス class Parrot extends Animal constructor: -> super("Parrot") dead: -> not @alive() Animal クラスを継承
WebGL & EaselJS: a Technical Intro - CreateJS Blog
Our past experiments demonstrated that there is no benefit to building a general purpose WebGL renderer for EaselJS. Modern canvas implementations already do a great job at rendering arbitrary 2D content on the GPU, and they use native code to do the heavy lifting. We’re not going to beat them in JS. However, it is possible to realize huge performance benefits with WebGL if you place appropriate r
Toolkit for CreateJSのmanifestデータを自動でbase64化するgruntタスク | k-factory
Toolkit for CreateJSからpublishされたhtmlの、manifestに記述されたimagesデータをbase64化するgrunt task pluginを作成しました。Toolkit for CreateJSからpublishされたhtmlの、manifestに記述されたimagesデータをbase64化するgrunt task pluginを作成しました。 https://github.com/youtakanke/grunt-tfc-datauri Flashのextensionである、「Toolkit for CreateJS」（※以降 TFC ）を使用したプロジェクトで、 image画像を大量に使用している場合、スマートフォンでは画像のリクエスト数が増えてしまい、 3G回線端末などではロードに時間がかかってしまいます。 そこで画像データをdatauriで使用
Flash Toolkit for CreateJSで作るスマートフォン用アニメーショ
21. var manifest = [ {src:"images/card.jpg", id:"card}"}, {src:"images/rea_gear1.png", id:"rea_gear1"}, {src:"images/rea_gear2.png", id:"rea_gear2"}, {src:"images/rea_gear3.png", id:"rea_gear3"}, {src:"images/rea_gear4.png", id:"rea_gear4"} ]; //複雑なアニメーションほど画像の読み込みが多数発生す る HTML内に出力されるjs記述（画像部分一部抜粋） 22. var imgStr64={ rea_gear1:“bace64化された文字列”, rea_gear2:“bace64化された文字列”, rea_gear3:“bace64化された文字列” }
Happy Elements Labs: websocket + HTML5(canvas)でのゲーム開発(ボンバーマン風)
はじめに エンジニアの@ryooo321です。 よろしくお願いします。 Happy Elements株式会社では勉強会が活発に行われており、 その中の1つに「1.5時間で○○を作る」エンジニア向けワークショップがあります。(毎週開催@京都) ※ ○○は毎週かわり、設計/実装方法などは自由です。 今回はワークショップ2回(計3時間)で作成したボンバーマン風ゲームの紹介を通して、 他人とリアルタイムで遊べるゲームの可能性を感じていただければと思います。 ※ 技術的にはwebsocket、canvasを利用 ※ ライブラリ/ツールとしてNode.js、CreateJS、socket.io、coffeescriptを利用 ※ 急いで作ったのでほとんどリファクタリングされていませんmm また、おまけとして サーバーサイドでのcanvas描画とwebsocketでのバイナリメッセージについて 試してみ
HTML5デモ「日本全国花粉飛散マップ」を作って分かったCreateJSとTypeScriptでの効率的な開発手法 - ICS MEDIA
HTML5デモ「日本全国花粉飛散マップ」を作って分かったCreateJSとTypeScriptでの効率的な開発手法 2013年3月15日に開催されたCreateJS勉強会（第2回）で発表したWebサイト「日本全国花粉飛散マップ」ですが、CreateJSとTypeScriptを使って制作しました。 今回の作品のポイントとしては、次の3点があげられます。本記事では次を具体的に説明します。 HTML5で制作、デスクトップだけでなくスマートフォンやタブレットでも再生可能 CreateJSで、DOMではできないHTML5 Canvasならではの表現 TypeScriptを用いて低学習コストで効率的な制作の実現 スマートフォンやタブレットでも閲覧可能 このWebサイトは環境省が提供している資料を元に、過去9年分の花粉の飛散量をパーティクルを用いてビジュアライズしたものです。花粉の量に比例して、パーティ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - ics-creative/tutorial-createjs: HTML5 Canvasのフレームワーク「CreateJS」の入門サイトです。初学者から学べるように基本から解説しつつ、発展的な内容までまとめています。このサイトを通して、Webでのインタラクションデザインについて学んでいきましょう。