[B! JavaScript][Canvas] turusuke_0のブックマーク

canvid.js

canvid is a tiny dependency free library for playback of relatively short videos on canvas elements. Why not just use HTML5 video? Because you can't embed and autoplay HTML5 videos on iOS! Yeah, that sucks. Why is this better than using an animated GIF? Videos look kind of gross when converted to animated GIFs because of the colors sampling. Also the file size of video GIFs can get pretty huge. GI

turusuke_0 2015/11/04

リンク

cutjs - cutjs

Explore the world of automotive at cutjs.org. Your go-to resource for all things automotive. Welcome to cutjs.org Welcome to cutjs.orgComprehensive Automotive PlatformAt cutjs.org, we are dedicated to providing generalist knowledge about the automotive industry. Whether you’re a car enthusiast or professional, we have something for everyone.

turusuke_0 2014/03/02

"High Performance Layout Engine for Canvas"

リンク

Fabric.js Javascript Library

Fabric.js is a powerful and simple Javascript HTML5 canvas library Fabric provides interactive object model on top of canvas element Fabric also provide serialization and has SVG-to-canvas (and canvas-to-SVG) parser Fabric.js Features Text editing On-canvas text editing with rich styling, IME and curve support

turusuke_0 2013/10/16

リンク

JPEGs with Alpha Channels?!? | jackadamblog

I wanted a reasonably sized photographic image with a 24-bit alpha channel. So I used a JPEG for what JPEGs are good for and a PNG for what PNGs are good for… I combined them using an HTML5 canvas element and then inserted into the DOM. The results look the same as using a normal 24-bit PNG but are one-half to one-sixth the size. In one case we got a 573KB 24-bit PNG down to a 49KB JPEG with a 4KB

turusuke_0 2013/08/19

リンク

flashcanvas.net - flashcanvas リソースおよび情報

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

turusuke_0 2013/08/19

リンク

PixiJS v4

The HTML5 Creation EngineCreate beautiful digital content with the fastest, most flexible 2D WebGL renderer.

turusuke_0 2013/07/22

リンク

canvasのgetImageData(), toDataURL()などにおけるCORSについて - 愛と勇気と缶ビール

僕のcanvas力はいまだ中学生男子並みなので、そもそもcanvasの一部のAPIにSame Origin Policy的なものが適用されることすら今日まで知らなかったのですが、どうやら違う生成元がsrcに指定されているimgをputImageData -> その描画領域をgetImageDataしようとするとDOM Exception という感じに、普通に怒られちゃうみたいですね。知らんかった。 http://www.w3.org/TR/cors/#use-cases ↑のあたりに書いてあるのをみると、taintedなcanvas、というのですかね。getImageDataで同じ生成元から読み込んだimgの描画部分を指定しても怒られないけど、違う生成元の画像を描画した部分に少しでもかかっていると怒られるので、canvasってピクセルごとに "taintedか、そうでないか" を管理して

turusuke_0 2012/10/20

リンク

– このドメインはお名前.comで取得されています。

このドメインはお名前.com から取得されました。お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2024年5月時点の調査。

turusuke_0 2012/10/20

リンク

AfterEffectsでモーショントラッキングした座標をスプレッドシートに書きだしてCanvasで再現させる - WebDelog

先日こちらのイベントに参加する機会がありまして、その時にAfterEffectsのキーフレームの情報をスプレッドシートに書き出せることを知ったので、それを利用してWeb上で何か作ってみるところまでをやりたいと思います。とりあえずスプレッドシートに書きだすための方法を簡単に説明しますプロジェクトがあることを前提に話をすすめます。取得したいソースをクリックして選択します。ここでは「サングラス.png」のトランスフォームから「位置」を選択しています After Effectsのメニューから『編集』→『コピー』をクリック Excel、Numbersなどのスプレッドシートを開き、ペースト。こんな感じになります。最初にソースのデータ詳細が書かれていて、その後に先ほど選択した『位置』の情報が書かれている感じです。ものすごく簡単ですよね。で、これで何ができるの？という話になると思い

turusuke_0 2012/10/13

リンク

oCanvas - Object-based canvas drawing

Canvas drawing made easy oCanvas is a JavaScript library intended to make development with HTML5 Canvas easier. Instead of working with pixels, you work with objects. It’s very straightforward and easy to get started with. Please have a look at the examples to see just how easy it is. View demos & examples Download oCanvas Current release: 2.10.1 Production 21 kB minified & gzipped Development 192

turusuke_0 2012/03/09

リンク

Documentation - oCanvas - Object-based canvas drawing

oCanvas changes the way you work with the canvas element. With the native canvas API you are drawing pixels onto the canvas. But when building something, you tend to think more in terms of objects than actual pixels. This is what oCanvas is made to do — create a bridge between the native API and the way you want to work. If you would want to access the native API, that is also possible. Get starte