はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ 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 Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip 解説書

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

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

2012/04/17 このエントリーをはてなブックマークに追加 536 users Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip Flash 描画パフォーマンス Safari グラフ HTML

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

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

2012/02/16 このエントリーをはてなブックマークに追加 38 users Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip JSライブラリ ローディング 前者 見栄え 後者

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

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

2012/02/07 このエントリーをはてなブックマークに追加 122 users Instapaper Pocket Tweet Facebook Share Evernote Clip JSライブラリ テキスト Demo HTML5 Flash

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

HTML5 Canvasを始めよう:EaselJSを使った流体パーティクル入門 | ClockMaker Blog

2012/02/06 このエントリーをはてなブックマークに追加 95 users Instapaper Pocket Tweet Facebook Share Evernote Clip EaselJS HTML5 Canvas

続きを読む

HTML5 Canvasを始めよう:EaselJSとTweenJSでテキストエフェクト | ClockMaker Blog

2012/02/02 このエントリーをはてなブックマークに追加 135 users Instapaper Pocket Tweet Facebook Share Evernote Clip EaselJS TweenJS テキストエフェクト

続きを読む

Stage3D対応のAway3D 4.0 – 3次元空間におけるパーティクル表現 | ClockMaker Blog

2011/12/27 このエントリーをはてなブックマークに追加 19 users Instapaper Pocket Tweet Facebook Share Evernote Clip パーティクル表現 Away3D Stage3D対応

続きを読む

Stage3D対応のAway3D 4.0 – フィルター(ポストエフェクト) | ClockMaker Blog

2011/12/21 このエントリーをはてなブックマークに追加 10 users Instapaper Pocket Tweet Facebook Share Evernote Clip ポストエフェクト フィルター Away3D

続きを読む

Yahoo! Creative AwardでHTML5 賞を頂きました | ClockMaker Blog

2011/11/28 このエントリーをはてなブックマークに追加 11 users Instapaper Pocket Tweet Facebook Share Evernote Clip Yahoo HTML5

続きを読む

正式リリースされたFlash Player 11の新機能を試せる20本のデモ | ClockMaker Blog

2011/10/26 このエントリーをはてなブックマークに追加 77 users Instapaper Pocket Tweet Facebook Share Evernote Clip デモ 正式リリース Flash Player 新機能 20本

続きを読む

GPUを利用したCoverFlowのサンプル (ソースコード付き) | ClockMaker Blog

2011/10/19 このエントリーをはてなブックマークに追加 33 users Instapaper Pocket Tweet Facebook Share Evernote Clip CoverFlow GPU サンプル ソースコード付き

続きを読む

FxUG東京での発表資料「Molehill入門」 | ClockMaker Blog

2011/05/23 このエントリーをはてなブックマークに追加 8 users Instapaper Pocket Tweet Facebook Share Evernote Clip 発表資料

続きを読む

FlashのアニメーションをHTML5に変換するツール「Wallaby」をAdobeが公開 | ClockMaker Blog

2011/03/08 このエントリーをはてなブックマークに追加 247 users Instapaper Pocket Tweet Facebook Share Evernote Clip Wallaby Flash アニメーション Adobe ツール

続きを読む

Molehill ファーストインプレッション | ClockMaker Blog

2011/03/01 このエントリーをはてなブックマークに追加 17 users Instapaper Pocket Tweet Facebook Share Evernote Clip

続きを読む

Flash Player 11 (Molehill) のプレビュー版が公開 | ClockMaker Blog

2011/02/28 このエントリーをはてなブックマークに追加 44 users Instapaper Pocket Tweet Facebook Share Evernote Clip Molehill プレビュー版 Flash Player

続きを読む

Flash Player 10.2 が正式リリース | ClockMaker Blog

2011/02/09 このエントリーをはてなブックマークに追加 13 users Instapaper Pocket Tweet Facebook Share Evernote Clip 正式リリース Flash Player

続きを読む

 
(1 - 25 / 33件)