[B! Canvas][web] newsmasuda-tのブックマーク

newsmasuda-t id:newsmasuda-t

Canvasとwebに関するnewsmasuda-tのブックマーク (3)

HTML5 CanvasとWebGLの使い分け―CreateJS勉強会/池田発表資料 (前編) ― ICS LAB
2015年2月10日（火）、アドビシステムズ株式会社でCreateJS勉強会 (第5回)が開催され30名を超える方々が来場されました。勉強会のフォローアップとして、発表資料「CreateJSで制作するスペシャルコンテンツ」のスライドをブログ記事という形で公開します。本記事では口頭で発表した内容もできる限り記載しました。なお、前編（CanvasとWebGLの比較）と後編(WebGLの最適化)の二部構成にしています。前編となる本記事ではスペシャルコンテンツ制作にあたり調査したHTML CanvasとWebGLの双方の利点・欠点をまとめています。 HTML CanvasとWebGL 今回のテーマは「HTML CanvasとWebGLの使い分け」です。皆さんもご存知の通り、HTML5のCanvas要素 (JavaScript ではCanvasRenderingContext2Dオブジェクト）は従
newsmasuda-t 2017/07/05
WebGL

web

javascript

HTML

canvas

development

3D

CreateJS
リンク
まだシングルスレッドでレンダリングしてるの？ HTML5 CanvasとWeb Workerの最新技術 - pixiv inside [archive]
こちらはピクシブ株式会社 Advent Calendar 2016、13日目の記事です。こんにちは！4月からピクシブに入社したエンジニアの@_ragg_です✨ メンテナンスチーム・pixivFACTORYチーム・pixiv FANBOXチームを旅して、デザインをかじったりフロントエンドを触ったりしています、3代目社内旅行エンジニアですね！さて、今回はHTML5 Canvasに実装されつつあるOffscreenCanvasと、Web Workerについてお話しします。まだ日本語文献の少ないアツアツのネタです🔥🔥 OffscreenCanvas #とは OffscreenCanvasは、「画面に表示されないCanvas」です。かつて CanvasProxy と呼ばれていたのをご存じの方もいると思います、まさにそれです。「画面に表示されないCanvas」は、「表示前に何段階か画像の加
newsmasuda-t 2016/12/15
Canvas

レンダリング

WEB

javascript

HTML5

勉強
リンク
Canvas - HTML5.JP
このコーナーでは、JavaScriptから図を描くことができるCanvasについて解説します。 Canvasとは Canvasとは何か、そしてCanvasで何ができるのかを事例を踏まえて分かりやすく解説します。 Canvasの使い方実際に、Canvasをどうやって使いこなすのかを、サンプルを通して解説していきます。いろいろな図形を描く Canvasでは線を引くだけではなく、さまざまな図形を描くためのメソッドを用意しています。このコーナーではCanvasで利用できる図形描画のいくつかをご紹介します。色を指定するこのコーナーでは、Canvasで描く図形に色を指定する方法を紹介します。またCanvasでは指定した色に透明度を与えることも可能ですので、その方法についても紹介していきます。線形グラデーションを指定するこのコーナーでは、Canvasで描いた図形にグラデーションを指定する方法
newsmasuda-t 2014/11/26
ブラウザ

Web

HTML

JavaScript

HTML5

チュートリアル

リファレンス

Canvas

HTML５
リンク
1