Android 7.0 では TextureView よりも SurfaceView が推奨されるらしい。 - なるようになるかも
まじかよ！ってなったので。 たぶん、大半の人にとってはどうでもよいです。 公式リファレンスの Android N for Developers の英語版には以下の記述があります。（いまのところ日本語には訳されていないです） Android 7.0 brings synchronous movement to the SurfaceView class, which provides better battery performance than TextureView in certain cases: When rendering video or 3D content, apps with scrolling and animated video position use less power with SurfaceView than with TextureView. The Su
View のキャプチャを撮る - Unmotivated
Android で View のキャプチャ画像を取得する方法を二種類紹介します。 どちらも UI スレッド以外のスレッドから呼び出し可能でした。 View の描画キャッシュを使用する方法 View の描画のためのキャッシュを利用する方法。 1 2 3 4 5 6 View view = findViewById(R.id.view); view.setDrawingCacheEnabled(true); // キャッシュを取得する設定にする view.destroyDrawingCache(); // 既存のキャッシュをクリアする Bitmap bmp = view.getDrawingCache(); // キャッシュを作成して取得する 描画キャッシュが有効になっているかどうかや、最新のキャッシュが存在するかどうかは状況によるので、自分で設定してやることで View のキャプチャを取得す
AndroidのCanvasを使いこなす！ - 基本的な描画 | Recruit Tech Blog
みなさんこんにちは。有山圭二と申します。 Android 5.0（開発コード: Lollipop）の正式版の配信が開始され、いよいよAPI Level 21とMaterial Designへの対応に本腰を入れるシーズンになりましたね。 このブログはTech Blogと言うことなので、エンジニアに向けてLollipopで追加された新しいAPIを詳解する……という企画を最初考えたのですが、きっとLollipopに関する情報は他の新しいもの好きがQiitaなどに書くと思うので、今回は思い切ってAndroidのCanvasに焦点を当てることにしました。 「Lollipopの時代にまさかのCanvas」と、驚かれる人も多いかもしれませんが、頻繁に使う機会がない分、ネット上にまとまった情報も少ないので、備忘録を兼ねている面もあります。 1.1 Canvasとは 最古のAPI Canvasは、Andro
Android × Canvas の即死ポイントとその回避策 | buccchi.jp
CreateJS を使ったWebアプリをいくつか作ったのですが、iPhone はサクサクでも Android でやたらハマる。 Android 2.3 で最適化したつもりのものが 4.0 の標準ブラウザで落ちたりする。 機種や OS のバージョンにより動作がさまざまなため確認しきれない。 というとこでハマったポイント3つを共有します。 誰かもっとよい解決策を教えてくれるとありがたい。 即死ポイントその1 Android 4.0.4 で Canvas をリサイズするとブラウザが落ちる 回避策 Canvas 領域を広めにとっておき、Canvas ではなく Container 側をリサイズ。 はみでた部分は css でトリミング。 これで落ちなくはなるが全体的にボケる。 2013.7.7 追記 その後、以下の方法を試したところ落ちずに動作すことが確認できました。 描画とかGPUアクセラレーション
リッチなHTML5コンテンツのためのフレームワーク「CreateJS」が公式サイトを公開 | ClockMaker Blog
Flashのエンジニアとして著名なGrant Skinner氏が開発している、「CreateJS」の公式サイトがオープンしました。 http://www.createjs.com/ CreateJSはHTML5を介してリッチなインタラクティブコンテンツの制作をサポートする、JavaScriptライブラリとツールのスイートです。CreateJS SuiteにはEaselJS、TweenJS、SoundJS、PreloadJS、とZoeのツールがあります。 私のブログでもEaselJS、TweenJSを使ったインタラクティブコンテンツのデモを幾つか制作して紹介してきましたが、Flashで培われた技術がそのまま利用できる点で非常に使い勝手のいいツール群だと思っています。 EaselJSとTweenJSでテキストエフェクト EaselJSを使った流体パーティクル入門 今回は公式サイトで明らかになっ
Perfume x Canvas
これは何？ Perfumeのモーションデータが公開されていたので、せっかくなのでJavaScriptで描画してやろうと思って書いてみました。 HTML5のCanvasを使って、配布されているそのままのBVHデータを読み込んで表示しています。 3Dの処理というか、座標変換は全部自前で書いています。 モーションブラーかけるとかっこいいね 宣伝 他にも色々作っていますが おすすめは 魔法陣! 更新履歴 2012/04/14 ソースコードの解説を書きました 2012/04/04 Gigazineで紹介されました！ 2012/04/02 顔を付けれるようにしました 2012/04/01 公開 他の作品
【デブサミ2012】17-A-3 レポート HTML5でどこまでできる？ その実力とスマホ向けアプリ開発のポイント
描画能力が大幅に向上、Flashに匹敵するアニメーションも可能に 膨大な数の仕様で構成されるHTML5は幅広い意味を持ち、一言で定義するのは難しいが、紀平氏はセッションの冒頭で「今回はスマートフォンの話に限定する（PCブラウザに関しては触れない）」と断ったうえで、次のように述べた。 「HTML5はHTMLとJavaScriptの複合体。それ自体はHTML4と大きく変わっているわけではない。もっとも重要な違いは、今までに比べてAPIが非常に豊富になったこと」 この豊富なAPIにより、HTML5では描画能力が大きく向上している。例えば、Canvasを使えばドット単位の描画が可能であり、ベクターグラフィックスを扱えるSVGによって曲線のある図形も描画できる。さらに、アニメーションもFlash並のクオリティが実現できるようになった。 ここで紀平氏は、同じ内容のアニメーションを2つの画面で同時に再生
JSはFashを超えるか？kinetic.jsを触ってみる。
こんにちは。斉藤です。 11月入ってから、暖かったり寒かったり、気温の変化が激しいですね。 皆様はお元気でお過ごしでしょうか。 自分の方では、一つ気になっているニュースがあります。 モバイルFlash断念はAppleの拒絶が主因――Adobe幹部が説明 このニュースは皆様もご存知でしょうか？？ Flashをよく使っていた自分としては、とても感慨深いものがあります・・・。 FlashからHTML5、という技術の移り変わりを感じさせるニュースですね。 * JSでも、Flashみたいなインタラクティブなものを作りたい！ というわけで、今回はJavaScriptの描画ライブラリ、kinetic.jsを触ってみます。 canvasタグ上に色々描く事が出来るJSです。 www.kineticjs.com これを使えば、Flashのようなインタラクティブなものが、JSで作れるかもしれません！ 他にも、描
GitHub - HumbleSoftware/js-imagediff: JavaScript / Canvas based image diff utility with Jasmine matchers for testing canvas.
js-imagediff JavaScript / Canvas based imagediff utility. API createCanvas() create a new Canvas element. createImageData(width, height) create a new ImageData object. isImage(object) tests for Image object. isCanvas(object) tests for Canvas object. isContext(object) tests for CanvasRenderingContext2D object. isImageData(object) tests for ImageData object. isImageType(object) tests for any of the
HTML5 Canvas Cheat Sheet - Nihilogic
Sunday, February 22, 2009 3 comments HTML5 Canvas Cheat Sheet Labels: canvas My memory isn't very good and I often find myself looking up simple things in various specs but sometimes they're just too damn long-winded when you're simply looking for argument x of function y. That's where cheat sheets and reference cards come in handy with their compact, bare-bones information crammed into, at most,
【第21回 HTML5とか勉強会】 ゲーム開発はHTML5+スマホベースが新潮流
ゲーム開発でHTML5やCSS3、JavaScriptの使いどころは？ 2011年9月27日、サイバーエージェント セミナールームで、「第21回 HTML5とか勉強会」が開催された。HTML5とか勉強会は、HTML5に関心のあるエンジニアやコーダー、デザイナ向けの勉強会だ。今回のテーマは「HTML5＋ゲーム」。当日の様子をお伝えしよう。 「Smartphone 向け HTML5 ゲームの作り方」 まず、ディー・エヌ・エーの城戸氏（@sou）からプレゼンがスタートした。城戸氏はDeNAで海外向けWebViewHTML5アプリ開発や、内製タイトルのスマホ対応などを手掛けている。 mobageでは、さまざまなタイトルがすでにAndroid/iOS対応済みであることを紹介した。具体的にはHTML/CSS3ベース、Canvasベース、SWFベース（ExGame）といった複数の実現方法を使い分けている
SWF on iPhone!「FlashForward」 - KAYAC Engineers' Blog
※Chromeで本文エリアをスクロールするとエラーになるそうです。ごめんなさい！ こんにちは！１年間自転車通勤を続けた結果、健康診断で「おっ！」と言われて大満足のaragaです! SWFをiPhone上のSafariで動かすプロジェクト「FlashForward」をgithubで公開しました。 プロジェクト名 FlashForward ライセンス MIT FlashForwardとはなにか？ まずは、社内勉強会で発表した資料をご覧ください。 非常に操作性が悪くてすいません。が、実はこの資料はおそらく世界初の試みで作られています。 なんとSWF,SVG,Canvasの3種類のフォーマットで見る事が出来ます。 SWF SVG Canvas ※ Safari推奨 これらはFlashForwardを使ってFlashLite1.1で作ったSWFのスライドを変換しました。 このほかのサンプルはギャラリ
Radi
For web animation Draw vector shapes and give them life with motion animation and shape poses. Add images, patterns and text. Publish as HTML that's compatible with smartphones, iPads & e‑books — no Flash required. For video production Create effects and add animations to your video files. Export as HTML5 video with all formats automatically generated. Mix in realtime graphics and web content with
Google Sites: Sign-in
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
Ace - The High Performance Code Editor for the Web
Built for Code Ace is an embeddable code editor written in JavaScript. It matches the features and performance of native editors such as Sublime, Vim and TextMate. It can be easily embedded in any web page and JavaScript application. Ace is maintained as the primary editor for Cloud9 IDE and is the successor of the Mozilla Skywriter (Bespin) project. /** * In fact, you're looking at ACE right now.
How To Enable HTML5 In Chrome | Robots.net
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - ken39arg/FlashForward: FlashLite1.1 to HTML5 Animation project
GitHub - liuliu/ccv: C-based/Cached/Core Computer Vision Library, A Modern Computer Vision Library
https://jp.techcrunch.com/2011/06/08/20110607appmobi-acquires-hosting-platform-launches-tech-to-speed-up-html5-in-mobile-gaming/
GitHub - niklasvh/html2canvas: Screenshots with JavaScript
