zakknak https://blog.hatena.ne.jp/zakknak/ FLINTERS Engineer's Blog https://blog.flinters.co.jp/ JavaScript HTML5 こんにちは。菅野です。 突然ですが、WebGLというものをご存知でしょうか？ GPUを使用した3DグラフィックをHTMLページ内にガンガン描画できる仕組みです。 3Dだけしかできないという訳ではなく、2Dでの描画もすることが出来ます。 この場合もGPUの恩恵を受けられ、より高速に描画できます。 今回はHTMLのCanvasタグでWebGLで手軽に高速な2Dのアニメーションを作る方法について紹介したいと思います。 CanvasのWebGLの対応状況 HTML5では自由にお絵描きが出来るCanvasタグというものがあり、ここに描画するための仕組みとして2dコンテキストがあります。 基本的にはCan… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.flinters.co.jp%2Fentry%2F2016%2F03%2F16%2F123656" title="誰でも簡単にWebGLで高速なアニメーションを作る！ - FLINTERS Engineer&#39;s Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2016-03-16 12:36:56 rich https://blog.flinters.co.jp/entry/2016/03/16/123656 1.0 100%