[B! canvas] butyricacidのブックマーク

React CanvasによるモバイルブラウザのUI改善とそれが起きる必然 - ワザノバ | wazanova

http://engineering.flipboard.com/2015/02/mobile-web/ 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 約4時間前ものごとが進化すると、利用するユーザの満足度はあがるので、それを用意する作業量はツールの改善に従って最終的には減っていくのか？スマホが登場して、アプリ上でのスワイプなどの直感的にできる操作や表現の幅が広がり、またディスプレイも改善。では、プロダクトをつくる側がそれに慣れてくると、作業量が減るのか？いや、現実は逆。同じことを実現する作業量は減っても、トータルでは減らない。ブラウザとアプリにまたがって、双方のメリットを取り込もうと、もっとレベルの高いUIを目指した競争が続いています。 David BellonaがTwitter Universityでの

butyricacid 2015/02/12

react
canvas

リンク

たのしいglitch - Qiita

この記事はJavaScript Advent Calendar 2014の12/19(金)の記事になります。glitchとはこのような感じのデジタルノイズエフェクトをglitch(グリッチ)といいます。電子信号の異常によって引き起こされる映像の乱れの再現処理〜〜とかなんやかんや。実際にはこんなglitch起きないよ！というような正しいglitch論もありますがここでは触れません。こわい。今回はこのglitchをjavascriptで実装しようじゃないかと。うすうす感付かれてるかもしれませんがそう、あたりです。見栄えヨロシクでチャラい方のjs案内になります。どうぞお手柔らかにお願いします。解説 1. はじめてのglitch簡単なglitch処理は、 canvas内をgetImageData & putImageDataすることによって可能です。 var ctx =

butyricacid 2014/12/19

リンク

iOS7 の MobileSafari でもサポートされた Canvas の blend-mode を試してみた - あらびき日記

この記事は abicky.net の iOS7 の MobileSafari でもサポートされた Canvas の blend-mode を試してみたに移行しました

butyricacid 2014/11/27

canvas

リンク

ぱんちら.js -JavaScriptでテクスチャマッピング- HTML5飯発表資料

HTML5飯 http://atnd.org/events/52477 発表資料ぱんちら.js -JavaScriptでテクスチャマッピング-Read less

butyricacid 2014/09/28

リンク

WordPress › Error

This site has been archived. Please visit the Adobe Blog for the latest Adobe articles.

butyricacid 2013/11/23

ios
canvas

リンク

Happy Elements Labs: 世界平和とAndroid

エンジニアの草苅です。スマートフォンを扱うエンジニアの皆さんは、日々Android のバグに悩まされているのではないかと思います。弊社も類に漏れず様々な Android のバグと戦っています。特にあんさんぶるガールズ！ではアニメーションはすべて Canvas を利用していることもあり、Android の Canvas 絡みのバグに、頭を痛めています。 Android のバッドノウハウは悩んでいる人みんなで共有した方が、世のため人のためになるのではと思い立ったので、世界平和を願っていくつかまとめてみたいと思います。 1. GPUレンダリングの設定によって Canvas で不具合が発生する Android はOSのバージョンや、WebView のレンダリングエンジンの違いによって、GPUレンダリングOFFの場合に、Canvas が正常に表示できない端末、もしくはGPUレンダリングONの

butyricacid 2013/09/09

canvas

リンク

Ejecta - Impact

A Fast, Open Source JavaScript, Canvas & Audio Implementation for iOS & tvOS e·jec·ta, noun – debris that is ejected during the formation of an impact crater Ejecta is like a Browser without the Browser. It's specially crafted for Games and Animations. It has no DIVs, no Tables, no Forms – only Canvas and Audio elements. This focus makes it fast. JavaScript code is executed directly by a JavaScrip

butyricacid 2013/09/02

リンク

DOM オブジェクトを Canvas に描画する - HTML: HyperText Markup Language | MDN

セキュリティ上の理由から簡単ではありませんが、HTML など DOM の内容を canvas に描画することができます。この記事は Robert O'Callahan によるブログ記事をもとに、セキュアに、安全に、そして仕様に準拠したかたちでそれを実現する方法を紹介します。概要 HTML をそのまま canvas に描画することはできません。その代わりに、描画したい内容を含む SVG 画像を利用します。描画したい HTML を含む <foreignObject> を作り、その SVG 画像を canvas に描画するのです。描画へのステップ唯一厄介なのが、SVG を作ることです。SVG のための XML を含んだ文字列を作り、次のものを含んだ Blobを生成することです。 "image/svg+xml" という Blobの MIME タイプ <svg> 要素 svg 要素内の <

butyricacid 2013/04/27

canvas
svg

リンク

Canvas clip bug - JSFiddle - Code Playground

butyricacid 2013/02/27

canvas

リンク

Method for converting non-zero winding to even-odd fill polygons - Autodesk, Inc.

butyricacid 2012/09/10

リンク

PDF to HTML5, Java Image Library, Java PDF SDK - IDRsolutions

butyricacid 2012/09/10

リンク

fchiba's memo canvasのglobalCompositeOperationの計算式らしきもの

butyricacid 2012/07/03

リンク

The forefront of html5 implementation

2013年2月2日（大阪）と2月23日（東京）で行われた、ＪＷＳＤＡ×INVOGUEテクニカルセミナー「スマフォで遊ぼ　インヴォーグ流スマートフォンソリューション」のセッション1「Web制作で培ってきたFlashのリッチな表現力をモバイルアプリに」のスライドです。

butyricacid 2012/06/12

リンク

Learn web development | web.dev

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.