[B! createjs] sawa_zenのブックマーク

[TypeScript] CreateJSを試そう！ (3) | にゃあプロジェクト

そうだ！ TypeScriptを触ってみよう！ :bouzu: Sublime Text 2 を使って、CreateJS を試してみるよ。 :boy: ToolKit for CreateJS で書き出したJSファイルを使えるようにしてみるよ。 :sun: /// <reference path="libs/easeljs/easeljs.d.ts" /> /// <reference path="libs/tweenjs/tweenjs.d.ts" /> /// <reference path="libs/preloadjs/preloadjs.d.ts" /> /// <reference path="libs/soundjs/soundjs.d.ts" /> /// <reference path="libs/lib/Piyo.d.ts" /> /// <reference path

sawa_zen 2015/10/29

リンク

FlashデベロッパーのためのCreateJS：第1回　CreateJSとは何か──そのメリットからFlashとの違いまで | デベロッパーセンター

CreateJSは、HTML5でリッチコンテンツを制作するためのJavaScriptライブラリのスイート（特定用途のソフトウェアを詰め合わせたパッケージ）です。Flashデベロッパーとして著名なGrant Skinner氏（gskinner.com）が開発を行っており、MITライセンスのオープンソースソフトウェアとして商用でも無償で利用できます。急激に拡大している利用 2013年5月4日～8日に開催されたAdobe MAX 2013における、Grant Skinner氏のセッション「CreateJS: Building Rich Interactive Experiences in HTML5」によると、CDNにホスティングされているCreateJSライブラリのヒット数が急激に増加しており、現在では2億ヒット（月間）を超えています。その中でも、日本からの利用は世界で第2位を記録しており

sawa_zen 2015/09/25

リンク

HTML5の音声ファイル最適化技術オーディオスプライトとは？―CreateJS勉強会/鹿野発表資料 – ICS LAB

2015年に開催したCreateJS勉強会（第6回）でのライトニングトーク「オーディオスプライトを使った音声ファイルの最適化」の発表内容を記事としてまとめました。音声を扱ったHTML5コンテンツにおけるCreateJSの最新機能「オーディオスプライト」の必要性と使い方を本記事で紹介します。ウェブページではファイルの読み込み数を減らすことが必要ウェブページを見る時や作る時、そのページでどのくらいのファイルがダウンロードされているかを気にしていますか？　CSS・JavaScript・画像・音声ファイル等、ウェブページでは必要なファイルが多くなりがちです。ファイル数が多いとファイルをダウンロードする時間が増え、その分だけページの表示速度が遅くなります。ページの表示速度が遅くなると、その分だけユーザーの離脱率が上がります。 Amazonはページの反応が0.1秒遅くなると、売り上げが1%ダウンす

sawa_zen 2015/09/09

リンク

HTML5モーション制作のテクニックとデータ最適化の必要性―CreateJS勉強会/池田発表資料 - ICS MEDIA

2015年9月4日（金）、CreateJS勉強会 (第6回）がICTCOで95人の定員規模で開催されました。勉強会のフォローアップとして、発表資料「HTML5モーション制作のテクニックとデータ最適化の必要性」（発表者：池田）のスライドを一部抜粋して記事という形で公開します。バナー広告にみるFlash(SWF)の衰退とHTML5の隆盛 HTML5モーションコンテンツの代表的な活用分野として「ウェブページ」「ゲームコンテンツ」、そして「広告」があります。今回は「広告」をテーマとして最近の話題から紹介します。2015年9月1日にリリースされたGoogle Chrome 45からウェブページ内の主要でないFlash(SWF)コンテンツがブロックされるようになりました（参考記事「In June, we announced (https://goo.gl/TF7dmD) that Chrome w

sawa_zen 2015/09/09

リンク

FN1501004 | EaselJS 0.8.0: extend()メソッドを使った継承に書替えるときに注意すること | HTML5 : テクニカルノート

sawa_zen 2015/08/09

createjs

リンク

node-easel

node-easel node-easel is a node wrapper for EaselJS. For use with NodeJS, built on-top of node-canvas Installation $ npm install node-easel Note Cairo graphics is required to run node-easel && node-canvas. Read the install docs at https://github.com/LearnBoost/node-canvas, for full install instructions. Examples To see a full working demo, checkout the examples folder. Simple Example node-easel is