Three.js入門サイトを立ち上げました | ClockMaker Blog
こんにちは、池田です。この度「Three.js入門サイト」を立ち上げました。 Three.js入門サイト – ICS MEDIA WebGLアドベントカレンダー2017の場をお借りして、Three.js入門サイトの特徴や経緯を紹介します。 Three.js入門サイトを作った理由 Three.jsは3DのWebコンテンツを作ることのできるJS・WebGLライブラリです。私がThree.jsを触ったのが7年前の2010年（参照記事「CanvasタグとJavaScriptで3Dのデモを作ってみました」）。当時は某大手会社の商用サイトでCanvasタグで3Dを動かすことに挑戦し、未来的な話題のサイトとしてピックアップされたこともありました。 そんなThree.jsはライブラリはAPIの改変を続けながら、開発が今も続いています。私が初めて触ったのはr17でしたが、現在はr88が最新版です。これだけ息
HTML5はFlashの3倍重かった! 描画パフォーマンスの比較 | ClockMaker Blog
最近のHTML5の盛り上がりには勢いがありますが、実際の所HTML5はどうなのか気になったので描画パフォーマンスを測定してみました。上記のグラフが結果ですが、HTML5で一番よい実装よりもFlashのほうが3倍弱高速という結果がでました。ブラウザによってはFlashのほうがHTML5より18倍も高速という結果もでています。 さらに言えば、HTML5の描画パフォーマンスが最も良かったのはSafariですが、ブラウザによってはそれの15%ぐらいのパフォーマンスしかでないブラウザもあり処理速度にばらつきが大きいのが特徴でした。ですが、Flashはどのブラウザでもスコアの振れ幅が小さくブラウザ間の処理速度は安定しているように思います(プラグインなので当然といえば当然の結果ですが)。 検証デモ HTML5やFlashと言っても様々な実装方法があるので、よく使われる方法を幾つか用意して検証しています。
HTML5 Canvasを始めよう：EaselJSとTweenJSでテキストエフェクト | ClockMaker Blog
HTML5のCanvasをFlashライクに使えるようにするJavaScriptライブラリ「EaselJS」と「TweenJS」を使ってデモを作ってみました。 demo 今回のブログ記事では「EaselJS」と「TweenJS」の使い方をデモの作り方を通して紹介します。 ライブラリの紹介 「EaselJS」と「TweenJS」はFlashのエンジニアとして著名なGrant Skinner氏が開発しているJavaScriptライブラリです。「EaselJS」がHTML5 CanvasをFlashライクに使うためのライブラリで、「TweenJS」が汎用的なトゥイーンライブラリです。 ▲EaselJS HTML5のCanvas要素はHTML上に自由に描画することのできる新しい要素で、工夫することでFlashのように豊かな表現を作ることができます。ただCanvasではJavaScriptでちょっと
60個のソースが無料でダウンロードできるFlash 3Dの学習サンプル集 | ClockMaker Blog
当ブログではFlashの3Dに関する記事を数多く書いていますが、この度それらの記事をこの1ページにまとめてみました。系統別にまとめたので、目的とする解説やサンプルが探しやすくなったのではないかと思います。それぞれの記事でソースファイルをダウンロードできますので、学習の理解にお役立てください。 Flashの3Dエンジンで最もメジャーな「Papervision3D」を中心にブログ記事を書いています。 Papervision3D – チュートリアル クリックで再生できます フレームア クションで覚える PV3D チュートリアル Vol.01 フ レームアクションで覚える PV3D チュートリアル Vol.01 (補足) フ レームアクションで覚える PV3D Vol.02 : Primitiveを理解する フ レームアクションで覚える PV3D Vol.03 : Materialを理解する フ
40本のハイクオリティーすぎる Wonderfl 投稿作品 | ClockMaker Blog
今年最大の発明かと思うぐらい、すごいサービス Wonderfl。ブラウザ上からActionScirpt 3.0を書くことで Flash が作れて、そのコードを共有できるという、クリエイターを刺激する画期的なサービスです。 Flasher なブログや Twitter を見ているとデビューしたという方が、ハイクオリティーなコードを投稿されていて毎日見ていて全く飽きません。これから Flash を勉強しようとする人にとっても、他の人が作ったコードが見れる ＆ Folk して作品が投稿できるので、きっかけとしても楽しいはず。なにより、初期投資なしに Flash を学べるので、ぜひチャレンジして欲しいですね！ 週末じっくり見て面白いと思った投稿 Flash をジャンル別にまとめてみました。 モーショングラフィック/ビジュアルアート系 Hello World!!! Hello World 2!!! S
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
