タグ「ClockMaker Blog」

タグ ClockMaker Blog

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 33件)

webpack 4の入門連載のお知らせ | ClockMaker Blog

2018/03/18 50 users Webpack ICS MEDIA 入門連載連載全部

webpackの入門記事をICS MEDIAで書いているのですが、連載の全部を最新版のwebpack 4に更新しました。webpack 3から4へのアップデートで、webpack-cliが必要になったことと、mode引数で開発用/本番用に切り替えられるようになったことがポイントです。導入編最新版で学ぶwebpack入門 – ICS MEDIA ECMAScript 2015+編 webpack... 続きを読む

Node.jsでフォルダ内の全HTMLをキャプチャし画像化 - Qiita

2016/02/04 76 users Qiita YouTube Git Markdown コード

記事「 Markdownから効率的なWebサイト制作を〜CreateJS入門サイト制作時に採用したGitを中心にした原稿執筆方法〜 | ClockMaker Blog 」でさらっと紹介したフォルダ内の全HTMLをキャプチャし画像化する方法。 CreateJS入門サイト - 自動生成ツールの紹介ビデオ - YouTube コードはリポジトリ「 ics-creative/tutorial-create... 続きを読む

HTML5で燃えさかる炎の表現に挑戦！ WebGL対応のJSライブラリAway3Dはパーティクル機能がかなり魅力的 | ClockMaker Blog

2014/01/07 208 users WebGL対応挑戦表現 WebGL dem

HTML5で燃えさかる炎の表現に挑戦！ WebGL対応のJSライブラリAway3Dはパーティクル機能がかなり魅力的先日の記事で紹介したWebGLに対応したJavaScriptライブラリ「Away3D TypeScript」ですが、燃え盛る炎の表現を作成してみました。デモは以下から試せますので、ぜひWebGL対応のブラウザ(Chrome, Firefox, IE11)を使ってご覧下さい。 Dem... 続きを読む

HTML5で3Dを実現する本格派WebGLフレームワーク、Away3D TypeScriptの公式デモ | ClockMaker Blog

2014/01/01 210 users Away3D TypeScript WebGL HTML5

HTML5で3Dを実現する本格派WebGLフレームワーク、Away3D TypeScriptの公式デモ HTML5で3Dを実現するWebGL対応のフレームワークAway3D TypeScriptが10月に発表されました。WebGLで3Dを実現する類似ライブラリとしてMr.doob氏らが開発しているThree.jsが名前が知られていますが、Away3D TypeScriptは同等以上に高機能であり高... 続きを読む

HTML5でパーティクル表現！ CreateJS用のパーティクルエンジンParticleEmitterJS | ClockMaker Blog

2013/04/08 115 users Demo パーティクル表現 HTML HTML5 表現

HTML5でパーティクル表現！ CreateJS用のパーティクルエンジンParticleEmitterJS にゃあプロジェクトさんに教えてもらったのですが、HTML5用のパーティクルエンジン「ParticleEmitterJS」が面白そうだったので試してみました。次のような表現がHTML5で簡単に作ることができます。 Demo (Require the browser supported HTML... 続きを読む

HTML5関連技術のWebGL(three.js)とFlash(Away3D)のパフォーマンス比較、Flashの圧勝か | ClockMaker Blog

2013/01/16 42 users WebGL 圧勝 Firefox オブジェクトライブラリ

HTML5関連技術のWebGL(three.js)とFlash(Away3D)のパフォーマンス比較、Flashの圧勝か HTML5関連技術であるWebGL (three.js ライブラリを使用)でどれだけのオブジェクトを表示できるのか気になったので、Flash(Away3Dライブラリを使用)とパフォーマンスを比較してみました。WebGL対応ブラウザであるGoogle ChromeやFirefox等... 続きを読む

Flash Stage3D対応のAway3D 4.0がついに正式版に！ | ClockMaker Blog

2012/07/19 21 users Away3D 正式版 gold Adobe 発表

Flash Stage3Dに対応したAway3D 4.0が正式版となり「Away 4.0 GOLD」として公開されました。2年前のAdobe MAX 2010で紹介されて以降、4.0 alpha、4.0 betaと長い間開発中でしたが、より安心して使えるようになったのではないでしょうか。また4.0正式版の発表と合わせて、Away FoundatonはAdobeの公式サポートを受けることになったこと... 続きを読む

「Stage3Dプログラミング」という解説書を執筆しました | ClockMaker Blog

2012/05/09 36 users 解説書

来月上旬発売の「Stage3Dプログラミング〜GPUを使ったFlash 3Dコンテンツ制作〜」というStage3D の書籍を私と酒井さんと高輪さんの3人で執筆しました。ページ数：416ページ出版社：ワークスコーポレーション発売日： 2012/6/4　(amazon) 執筆：池田泰延 (ClockMaker), 酒井直一 (丸林商店), 高輪知明 (nutsu) この書籍は、Staeg3D... 続きを読む

リッチなHTML5コンテンツのためのフレームワーク「CreateJS」が公式サイトを公開 | ClockMaker Blog

2012/04/17 536 users CreateJS インタラクティブコンテンツ Soun 制作

Flashのエンジニアとして著名なGrant Skinner氏が開発している、「CreateJS」の公式サイトがオープンしました。 http://www.createjs.com/ CreateJSはHTML5を介してリッチなインタラクティブコンテンツの制作をサポートする、JavaScriptライブラリとツールのスイートです。CreateJS SuiteにはEaselJS、TweenJS、Soun... 続きを読む

HTML5はFlashの3倍重かった! 描画パフォーマンスの比較 | ClockMaker Blog

2012/02/20 384 users Flash 描画パフォーマンス Safari グラフ HTML

最近のHTML5の盛り上がりには勢いがありますが、実際の所HTML5はどうなのかということで描画パフォーマンスを測定してみました。上記のグラフが結果ですがHTML5で一番パフォーマンスのよい実装よりも、Flashのほうが3倍弱高速という結果がでました。さらに言えば、HTML5の描画パフォーマンスが最も良かったのはSafariですが、ブラウザによってはSafariの25%ぐらいのパフォーマンスしか... 続きを読む

HTML5周辺技術のWebGLとJavaScriptでジニーエフェクト | ClockMaker Blog

2012/02/16 38 users WebGL canvas プラウザネイティブ GPU デモ

JavaScriptでMac定番のジニーエフェクトを作ってみました。今回利用したのはHTML5周辺技術のWebGLというもので、プラウザネイティブでGPUを利用できる機能です。デモを見る (要：Chrome/WebGLを有効にしたSafari) WebGLとCanvasの違い今回はWebGLを使っているため再生可能な環境が限られています。本当は再生できる環境を増やすためにWebGLではなくCa... 続きを読む

HTML5演出に最適な画像読み込み管理のJSライブラリ「LoadManager.js」 | ClockMaker Blog

2012/02/14 550 users JSライブラリローディング前者見栄え後者

HTMLで画像を読み込むとき、HTMLのimgタグだけだと不恰好となりがちですが、読み込みを管理すれば見栄えも整いますというデモとJSライブラリを作ってみました。次の2つのデモを見比べて何が違うのか確認ください。デモ (通常のimgタグ) デモ (LoadManager.jsを使用) デモの違いとは前者は画像がバラバラとインターレース的に読み込まれ、後者は読み込み終わるまでローディングが表示さ... 続きを読む

HTML5でテキストのシャッフル演出ができるJSライブラリ「ShuffleText.js」 | ClockMaker Blog

2012/02/07 122 users JSライブラリテキスト Demo HTML5 Flash

Flashでよく見かけるテキストシュッフル演出(文字列がランダムで切り替わる演出、正しい呼び名はわかりませんｗ)をHTML5で作ってみました。HTMLのタグ(pタグとか)に使うバージョンとHTML5の新要素Canvasを使うバージョンの二種類です。 demo (HTMLエレメント版) demo (Canvas版) Canvas版のほうはHTML5対応ブラウザ(ChromeやSafari)でなければ... 続きを読む