知られざる globalCompositeOperation テクニック
この記事は、JavaScript で Flash Player の実現を頑張った（もしくは現在進行系で頑張っている）人たちの集う Flash Advent Calendar 2020 に参加しております。 HTML5 の Canvas はかなりの機能を有しております。Flash Player の実装にあたってこれらの豊富な Canvas の機能は大変有用なのですが、そんな中でも globalCompositeOperation というマイナー機能の活用方法は、今の時代でも十分に応用が効く知識です。Flash 終了への手向けとして、ここにその機能の素晴らしさと有効利用の方法を改めて紹介致します。 HTML5 (canvas) の globalCompositeOperation とは 一言で言うと、globalCompositeOperation は Composite すなわち合成方法の指
HTML5のApplication Cacheを使う - Qiita
HTML5のApplication Cache機能を使って見ました。いろいろややこしいところもあったのでふりかえり。 情報が少ないと思ったら・・・（2015/10/26追記） どうも情報が少ないと思ったら、非推奨の仕様になっていたようですね。実際にFirefoxでは廃止が決定しています。 https://www.fxsitecompat.com/ja/docs/2015/application-cache-api-has-been-deprecated/ 記事内に書いてある「Service Workers」というのを使うと良さそうです。 Application Cacheとはなんぞや？ HTML5のApplication Cache機能とは、あらかじめ定義ファイルで指定したファイルをブラウザのローカル領域に保存し、オフライン時でもサイトの機能を利用することができるようにするための仕組みです
FacebookゲームのWooga、HTML5ゲーム「Pocket Island」をオープンソースで公開 | OSDN Magazine
Facebook向けのゲーム開発を行う独Woogaは6月21日、モバイル向けHTML5ゲーム「Pocket Island」をオープンソースとして公開した。「HTML5開発は難しい作業」としながらも、自社が学んだことを共有したいと述べている。 Woogaは「Diamond Dash」などのFacebookプラットフォーム上で動くソーシャルゲームを開発するベンチャー企業。今回公開したPocket Islandは、Facebookゲーム「Magic Land」のHTML5版として1年前に開発を開始したプロジェクトで、HTML5の可能性を試す実験的なものとしてスタートしたと経緯を説明している。同年秋に「Magic Land Island」としてローンチしたが、その後Pocket Islandに名称を変更している。 HTML5を使っての開発について、「HTML5でコードを書くことは難しい作業だった」
HTML5による物理シミュレーション環境の構築 ～WebGLライブラリThree.js 入門（１／３）～
HTML5とWebGL 初めにHTML5の位置づけについて簡単に触れます。HTML5とはこれまでのWebページ作成言語で主流だったHTML4やXHTMLの後継言語のことで、 2008年に草案がまとめられ、2014年までにウェブブラウザ各社への正式勧告を目指して策定が進められています。 HTML5は 2012年1月でもまだ「草案」段階で、仕様も流動的な準備段階であるが、開発側からもユーザ側からも非常に注目が集められています。 その大きな理由の一つに挙げられているのが、iPhoneやAndroidなどのスマートフォンの台頭による情報端末の多様化への対応のためです。つまり、様々なWEBコンテンツのクロスプラットフォーム化への重要な貢献が期待されているからです。 というのもスマートフォンの登場までは、Adobe社が提供する FLASH が動画やオーディオなどが組み合わされたマルチメディアコンテンツ
DeNA、HTML5開発支援フレームワーク「Arctic.js」を オープンソースとして公開 - [DeNA] 株式会社ディー・エヌ・エー
株式会社ディー・エヌ・エー（本社：東京都渋谷区、代表取締役社長：守安功、以下DeNA）は、人気ゲームタイトルで使用されているHTML5開発支援フレームワーク「Arctic.js」をオープンソースとして公開しました。 「Arctic.js」は、スマートフォン向けブラウザゲームにおけるインタラクティブなアクションゲーム操作や、複雑なアニメーション表現を支援するJavaScript＊1フレームワークです。開発者は「Arctic.js」を用いてJavaScriptのコーディングを行うことで、短期間かつ一度の開発でAndroid＊2とiOS＊3双方の様々なスマートフォンデバイスへ高品質なゲームを提供することが可能になります。＊4
モバイルゲームの歴史を年代別にご紹介します。モバイルゲームの成長と今後について詳しく解説していきます。
モバイルゲーム 物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。 モバイルゲームの歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給できるようになりました。 2002 携帯電話端末の大容量化・3D化競争 Java搭載携帯電話端末が登場してからごく僅か1年の間に、アプリのサイズに関しては10倍に広大化し、表現方法も2Dから3Dにシフトし始めました。J-PHONEは『ゼビウス』や『スペースハリアー』などといった昔のアーケードゲームを、ドコモはSIMCITYなどパソコンで世界的規模のヒットを飛ばしたゲームを主力商品としていました。 2003 モバイルゲームの一般化 メモリの制限が厳しいJava仮想マシン上ではなく、OS
CreativeJS
Two CreativeJS workshops are back and updated. The first, CreativeJS for Designers is aimed at creative people who have never done any JavaScript programming. I learned to code by drawing pictures and animating stuff, and it’s seriously fun – the … Continue reading → @oosmoxiecode has released this lovely C64 styled post-processing WebGL shader. Seen running on-top of a trailer for the forthcoming
マイクロソフト、次期Officeではスクリプト言語にJavaScriptを採用か？
マイクロソフトウォッチャーであるMary-Jo Foley氏のブログ「All About Microsoft」に、次期Office/Office 365では開発機能にJavaScripやHTML5が統合されるのではないか、と予想する記事「Microsoft to focus on HTML5 and JavaScript for Office 15 extensions」が掲載されています。 求人情報に「HTML5/JavaScriptとの統合」 記事の情報源となったのが、マイクロソフトがデベロッパーを募集するために、同社の求人サイトに掲載した求人情報。その説明として書かれた文章の中に、次のようなパラグラフがあります。 Now is the time to take Office programmability to the next level. We're a small but st
「誰でもゲーム作りを」ゲームエンジンのGameSalad、HTML5に対応 / GameBusiness.jp
利用者が増えているゲームエンジンの「GameSalad」はHTML5での出力に対応したと発表しました。 「GameSalad」はゲームエンジンというよりはゲーム開発ツールと呼んだ方がしっくりくる、「誰もがゲームを作れる」ことを目指したツール。プログラムスキルが無くてもコードを書かずに、ドラッグ＆ドロップを中心とした操作で素材を追加して、動きのパラメーターを設定していくだけで簡単にiOS向けゲームを開発する事が出来ます。今回新たにHTML5としてもゲームを出力できるようになりました。 開発したゲームはウェブサイトに埋め込んでプレイしてもらうことが可能。プラグインを必要としないWebGLを採用していることから、開発されたゲームを遊ぶプレイヤーにとっても嬉しいものとなります。GameSaladの公式サイトでは実際に制作された事例が紹介されています。『Zombie Drop』や『The Secre
WebSocket勉強会公式サイト
開催の目的 HTML5として策定が進められている多様な仕様の中において、WebSocketはWebシステム開発者ならびに Webサービス事業者に熱い注目が集まっている技術です。その理由の一つとしてWebSocketを使うことによって Webブラウザを用いたサービスの可能性が大いに広げられることが期待されるからです。 このようにWebサービスに大きな影響を与えると考えられるWebSocketに特化して、詳細な議論、意見交換を 行うために有識者を招いた勉強会を開催します。 ■Websocket勉強会概要 □日時：2011年5月28日（土） 10:00～18:00 (9:00より会場設営開始、9:30より開場） □場所：株式会社インターネットイニシアティブ会議室 17F http://www.iij.ad.jp/info/outline/index.html □参加費：無料 □参加者定員
「enchant.js」でゲームを作ろう！ HTML5とJavaScriptによるアクションゲーム制作入門
「enchant.js」でゲームを作ろう！ HTML5とJavaScriptによるアクションゲーム制作入門 ライター：Veki HTML5でゲームが作れるライブラリ「enchant.js」がユビキタスエンターテインメントから発表されました。Webブラウザだけでスプライトを使ったゲームが動くとのことで興味を持った人も多いのではないかと思います。ここではenchant.jsを使ったゲーム作りについて見ていきたいと思います。 enchant.jsがサポートしているHTML5は，長らく使われていたHTML4に代わる次世代Webシステムの要となるものです。HTML5ではWebページの動的な要素，とくにグラフィックスの描画機能などが大幅に強化されており，これまでFlashを使わないとできなかったようなことが，HTMLとJavaScriptだけでできるというのが最大の特徴となっています。 ここにきてIn
HTML5アプリケーションフレームワーク「SproutCore 1.5」が登場 | OSDN Magazine
HTML5アプリケーションフレームワークのSproutCore開発チームは4月20日、最新版「SproutCore 1.5」を公開した。ビューレイヤーを定義する「TemplateView」などの新機能が導入されている。 SproutCoreはHTML5 Webアプリケーションフレームワーク。特定のWebブラウザプラグインに依存することなく任意のWebブラウザで動作する、レスポンスの高いWebアプリケーションを開発できるという。Rubyで実装されており、RubyGemを利用してインストールが可能。ライセンスはMIT license。米Appleの「MobileMe」などでの採用実績がある。 SproutCore 1.5はバージョン1.4.5公開から4ヵ月ぶりのアップデートとなる。新機能として、アプリケーションのビューレイヤーを定義する「TemplateView」が加わった。TemplateV
HTML5はJavaScriptプログラムをスマートにする
現在、W3C（World Wide Web Consortium）では、HTML5標準仕様の策定作業が進んでいます。Firefox、Google Chrome、Safari、Operaといった各Webブラウザはアップデートを活発化し、HTML5の仕様を取り込んだ新機能の実装を進めています。シェアの高いInternet Explorer（IE）は、現バージョン（IE8）ではHTML5対応の遅れが目立ちますが、次期版のIE9ではWeb標準に準拠したHTML5対応が強化されます。 HTML4の仕様が1997年に公開されて以来、Webアプリケーションは、Ajaxによるリッチなコンテンツの実現、jQueryなどのJavaScriptライブラリによる開発生産性と互換性の向上、といった過程を経て進化してきました（表1）。そして、IE9がリリースされるであろう2011年には、ついにHTML5時代が幕を開け
HTML5とは何かを簡単にまとめてみた
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに こんにちは。R＆D統括本部 制作本部 ウェブデベロップメント部に所属しております。岡部和昌（@kzms2）と申します。 最近スマートフォンやタブレット向けのページを作成する機会が増えてきました。 なので、今回はちまたで大人気のHTML5について書きます。 若干今更な内容にも思えますが、あまりHTML5になじみがない方にもわかってもらえるような内容にしています。 HTML5の基本概念や思想・実際の組み方というよりも、 HTML5で組むと今までと比べて何が違うのか などについて書いていきます。 なぜこれからHTML5なのか HTML4との違いがわからない HTML5を使う利点がわからない など疑問に思っている方はぜひ見ていた
Webブラウザ上でHTML5技術を用い、デスクトップ仮想化のクライアントを実現する製品が登場
デスクトップ仮想化とは、Windows OSやアプリケーションなど、通常は利用者の目の前にあるデスクトップPCやノートPCなどで実行するソフトウェアを丸ごとサーバ内の仮想マシン上で実行し、それをリモート接続して利用することです。 デスクトップ仮想化によって、デスクトップPCのハードディスククラッシュでデータを失わないようにバックアップをとったり、ノートPCを紛失して情報漏洩が起きないように暗号化をしたり、セキュリティホールを突かれないように利用者がちゃんとOSにパッチを当てているか管理者がいちいちチェックしたり、といったデスクトップ管理の手間を削減することができます。 Ericom Announces First Pure HTML5 Client for VMware View - Beta Version Available Now デスクトップ仮想化を実現するクライアントは、専用のソ
pjax こそが pushState + Ajax の本命 - punitan (a.k.a. punytan) のメモ
pjaxの前にpushStateとは AjaxとjQueryの説明は不要として、pushStateとはなんぞや。 pushStateを使ってブラウザの履歴に対する操作をし、HTMLの一部のみを書き換える動作でもブラウザの戻る／進む機能を実現できる方法のひとつ。Ajaxなページを再現し、かつURLを見慣れた方法で自然にpermalinkを表現できる。 有名なところではGitHubで使われてるアレ。 hash fragment (/#!/) ブラウザの履歴を機能させるため、URL の fragment (#) を使ってAjaxなページを実現する方法。一時期もてはやされた感があるが、さらなる「#!」URL批判 - karasuyamatenguの日記 など合理的な反論があり、これから導入するのはためらわれるところ。 有名なところではTwitterで使われているあの厄介者。 pjaxとは pjax
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Foundation Game Design with HTML5 and JavaScript
GitHub - Automattic/node-canvas: Node canvas is a Cairo backed Canvas implementation for NodeJS.
IBM Developer
実践・ウェブアプリ高速化テクニック#Chrome+HTML5 Conference