Construct 3 Create stunning games in the worlds best 2D game engine

何かと不透明なあたり 気がつけば一ヶ月ほどブログを更新していませんでした。リハビリ記事です。 今回は、GPUを効かせる == それに関連するプロパティ（ただしOSやバージョンによって何がトリガかは厳密に異なる）を適用したら挙動が改善した、というようなノリの体験TIPSをゆるくまとめました。 このあたりの振る舞いについては、描画パフォーマンスの問題として、それなりに明らかになってきているように思います。WebKitのレンダリングプロセスにはじまり、GPU命令のサポートが受けられるのはどんな操作だとか、GPUへ処理が預けられるレイヤーの生成がどーとか、最近よく見聞きします。 自分が業務で扱っているスマートフォン向けのWebサービスでは、このような描画パフォーマンスの問題は、スクロールパフォーマンスと合わせて非常にクリティカルです。この辺りについてのロジカルなまとめは、某氏が近日中にまとめるらし

Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.

TFujinami codes (jsdo.it) 珍しくというか初めてニュースクリップではなくオリジナルで書きます。 EaselJSやGuryなど幾つかのHTML5 canvasのフレームワークを試してみました。 ランダムで線、四角（長方形）、丸（楕円）を描画します。画面をクリックするとローテーションします。 コード共有サイトのjsdo.itですべて公開してあります。 - EaselJS (記事) - Gury (記事) - oCanvas (記事) jsdo.it上では動作しないのでダウンロードしてください - jCanvaScript (記事) - CasualJS (記事) 4/27追加 パフォーマンス低し、使い方が間違っている？ - jCanvas (記事) 5/20追加 - Processing.js (記事) 5/24追加 - LibCanvas (記事) 6/8追加 Ell

この記事は 「Why you should use WebGL」の著者 Florian 氏に転載許可をいただき、CC-by-sa license のもと公開します。まだ翻訳途中です ( still translating… ) There is (among graphics enthusiasts) a lot of debate what API/version of something to use with a bunch of hotly contested alternatives. I would like to convince you to give WebGL a try, and this blog post explains why. It will also quickly summarize a few things people usually ask abo

HTML5関連技術であるWebGL (three.js ライブラリを使用)でどれだけのオブジェクトを表示できるのか気になったので、Flash(Away3Dライブラリを使用)とパフォーマンスを比較してみました。WebGL対応ブラウザであるGoogle ChromeやFirefox等でご覧ください。 HTML Demo (Primitive Version) HTML Demo (Primitive Version Ex) HTML Demo (Optimum Version) Flash Demo (Primitive Version) Flash Demo (Optimum Version) 訂正 ※[2013/01/16 23:50追記] 匿名さんやthree.jsの開発者であるMr.doobさんからコメントで、ジオメトリの作成部分で最適化が足りない旨の指摘を頂きました。ジオメトリを無駄

[読了時間:1分] 先日、リリース間近とお伝えしたHTML5ゲームエンジン「IMPACT」が12月21日未明、正式に公開となった。同エンジンで開発されたゲームは、iOS上では60フレーム/秒を実現するとされており、HTML5対応のウェブブラウザであればプラグインなどをインストールする必要なく実行できるという特徴を持つ。サイトには、効率の良い開発スタイルを説明するビデオやサンプルソースコードなどが公開されている。ライセンスは価格は99ドル。 エンジンを開発した独Dominic Szablewski氏は、HTML5に対応したモダンブラウザ上で高速に動作するゲーム「Biolab Disaster」を公開、その開発のために使用したエンジンを一般に提供すると告知していた。今回の正式リリースで、このゲームもアップグレード。公言通り、iOS上でも快適に動作するようになっている。 lMPACTは、HTML

[読了時間:1分] ウェブコンテンツに魅力的な動きを付与できるFLASH。しかし、Adobe社の公式オーサリングツールは高額で、デザイナーじゃないと手が届きにくかった。その対抗馬として注目を浴びている次期ウェブ標準仕様のHTML5をベースに、手軽にアニメやスライドを作成できるツール「Hype」が米時間の5月20日にお目見えした。 Mac OS X用ソフトとして既にApp Storeで販売中。価格はUSストアでは29ドルで、日本だと3500円と割高だが日本語ローカライズ版が入手できる。 ツールは、FLASHオーサリングツールなどを使用したことがある人なら、数分もあれば使い始められるだろう。始めてこの手の作品を手がける人は少し手まどうかもしれないが、チュートリアル動画があるので、これを一通り見れば見よう見まねでスタートできるだろう。また、今回のバージョンでどのようなことができるのかは、ギャラリ

ヤフーと技術評論社は11月2日、今後のウェブの未来像を探る開発者向けイベント「ブラウザカンファレンス2010」を開催した。 「HTML5時代におけるYahoo! JAPANの考え方」と題したオープニングセッションでは、ヤフーの是井真氏が、同社としてHTML5の波をどうとらえ、取り組んでいるかを説明した。 是井氏はまず、「ヤフーでは、“ライフ・エンジン”の実現を目指し、すべての利用者に役立つサービスの提供と、幅広いデバイスへの対応、プラットフォーム作りなどを行っている」と、同社の基本姿勢をあらためて述べた。幅広いサービス提供の規模を具体的に示すものとして「130のサービス提供、月間496億PV、ユニークブラウザ2億2000万」との数値を挙げた。 基本姿勢に基づくサービスを提供するために、UI、コード、セキュリティ、プログラム、サーバなどに関して、基準や規定を設けており、ガイドラインをクリアし

Opera Software（Opera）がノルウェーで開催したイベント「Up North Web」で、同社最高技術責任者（CTO）を務めるHåkon Wium Lie氏が講演した。 Lie氏はWorld Wide Web（WWW）発祥の地となった研究機関「CERN」に在籍し、Tim Buners-Lee氏とともに働いた経験を持つ。1990年代前半、Lee氏がURLやHTTP、HTMLなど現在のウェブの基礎となる概念を発明する一方、Lie氏もCSSを提唱し、ウェブの発展に貢献してきた。講演ではHTML5の各機能とウェブの重要性についてあらためて語った。 「HTML4とCSS2が登場した当時、それらは非常に先進的だった。だが世界はさらに進化し続け、2010年は新しい世代の標準、つまりHTML5とCSS3が注目を集めている。これらの機能を使うことにより、我々はもっと簡単にウェブアプリケーション

Facebookは米国時間10月12日、次期HTML標準であるHTML5に対する同社の取り組みについて明らかにした。 Facebookでシニアオープンプログラムズマネージャーを務めるDavid Recordon氏は、同社が過去数カ月において、次のようなHTML5に関する実績を残したことをブログ投稿で述べた。 新しいHTML5ビデオプレーヤーの開発。高解像度H.264ビデオのサポートがiPhoneおよびiPad向けに順次投入されている。この新しいプレーヤーを他のモバイルブラウザでテストしたところ、FlashはこれらブラウザのHTML5ビデオ実装に比べてはるかに性能が優れていることが判明したという。 AndroidやiPhoneなどの携帯デバイス向けPlacesの提供。Geolocation APIを活用している。 判読可能なURLを保持する際にページコンテンツの選択的なロードをAJAX経由で

Chrome Experiments is a showcase of work by coders who are pushing the boundaries of web technology, creating beautiful, unique web experiences. You'll find helpful links throughout the site for creating your own experiments, and you can also explore resources like WebGL Globe and our workshop of tools.