2022年03月14日(月)
リアルタイムで2Dまたは3DCGのシェーダーを作成するためのオープンソースJavaScriptフレームワーク・「Shader Park」
Shader Park
Shader Parkはリアルタイムで2Dまたは3DCGのシェーダーを作成するためのオープンソースJavaScriptフレームワークです。数行のコードで複雑なシェーダを作成できる、というもの。javascriptを使った手続き型モデリングの作成を簡素化してくれます。
以下サンプルです。※マウスホイールで拡大/縮小できます。
Ads例えば上のような3DCGはShader Parkを使えば以下の数行のコードで実装可能です。
setMaxIterations(500); setStepSize(0.01); rotateY(-0.1 * time); let n = noise(getSpace() * 40 + time + 10000000); color(vec3(0, 0, .5) +...
author:
かちびと.net
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログ
‹ PREV
全部、完全に商用利用無料! UIデザインに適した400種類以上のSVG・Figma用も揃ったシンプルでかわいいアイコン素材 -Doodle Icons
NEXT ›
Reactのルーターライブラリ「React Location」を使ってみた
関連記事
Ads
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログかちびと.netの記事『リアルタイムで2Dまたは3DCGのシェーダーを作成するためのオープンソースJavaScriptフレームワーク・「Shader Park」』についてまとめています。
この記事は特にレスポンシブ・javascript・Googleについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のかちびと.netで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとかちびと.netの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。