コンテンツへスキップ
HIM.CO ヒム・カンパニー

月: 2020年8月

p5.js shader 基本的なサンプル 2 テクスチャ座標を使ったグラデーションシェーダー

2020年8月12日2020年8月14日 投稿者: knagai

本稿は「Basic gradient shader based on texture coordinates」ページを翻訳したものです。 テクスチャ座標にもとづいた基本的なグラデーションシェーダー このグラデーションは、 […]

続きを読む
カテゴリー: p5.js シェーダー | コメントをする

p5.js shader 基本的なサンプル 1 グラデーションシェーダー

2020年8月11日2020年8月14日 投稿者: knagai

本稿は「Basic Gradient Shader based on pixel coordinates」ページを翻訳したものです。 ピクセル座標にもとづいた基本的なグラデーションシェーダー 次のコードは、キャンバスのピ […]

続きを読む
カテゴリー: p5.js シェーダー | コメントをする

p5.js shader スタート 8 テクスチャ座標の使用

2020年8月10日 投稿者: knagai

本稿は「Using Texture Coordinates」ページを翻訳したものです。 テクスチャ座標の使用 TexCoordとFragCoord。シェーダーサンプルコードの中でこれらを使った変数に気づかれたかもしれませ […]

続きを読む
カテゴリー: p5.js シェーダー | コメントをする

p5.js shader スタート 7 変数修飾子の使用

2020年8月10日2020年8月10日 投稿者: knagai

本稿は「Using Variable Qualifiers」ページを翻訳したものです。 変数修飾子を使用することで、変数の使用方法がさらに定義できます。変数修飾子は変数の型(floatやvec2など)の前に置きます、 変 […]

続きを読む
カテゴリー: p5.js シェーダー | コメントをする

p5.js shader スタート 6 シェーダーの重要な概念

2020年8月9日 投稿者: knagai

本稿は「Important shader concepts」ページを翻訳したものです。 シェーダーの重要な概念 このページにはシェーダーの使用を開始するに当たって”知っておく必要のある”情報が多く含まれています。みなさん […]

続きを読む
カテゴリー: p5.js シェーダー | コメントをする

p5.js shader スタート 5 シェーダーの書き方

2020年8月9日2020年8月11日 投稿者: knagai

本稿は「How to write a shader」ページを翻訳したものです。 シェーダーの書き方 ロードするシェーダーファイルについて見ていきましょう。 シェーダーを作成するには、p5スケッチフォルダ内に2つのファイル […]

続きを読む
カテゴリー: p5.js シェーダー | コメントをする

p5.js shader スタート 4 シェーダーの設定

2020年8月9日2020年8月9日 投稿者: knagai

本稿は「Setting up shaders in p5.js」ページを翻訳したものです。 シェーダーのセットアップ シェーダーとはどのようなもので、p5 スケッチとは書き方の異なるものだということが分かったので、簡単な […]

続きを読む
カテゴリー: p5.js シェーダー | コメントをする

p5.js shader スタート 3 シェーダーとは何か?

2020年8月9日 投稿者: knagai

本稿は「Why use shaders?」ページを翻訳したものです。 シェーダーとは? シェーダーはわれわれの身の回りで使われているので、自分で記述したことがなくても、必ず目にしているはずです。シェーダーは、コンピュータ […]

続きを読む
カテゴリー: p5.js シェーダー | コメントをする

p5.js shader スタート 2 シェーダーを使う理由

2020年8月8日 投稿者: knagai

本稿は「Why use shaders?」ページを翻訳したものです。 パフォーマンス loadPixels()やset()、updatePixels()を使ったり、p5.jsでピクセル単位の計算をしたことのある方なら、そ […]

続きを読む
カテゴリー: p5.js シェーダー | コメントをする

p5.js shader スタート 1 p5.js shaderへようこそ

2020年8月8日 投稿者: knagai

本稿は「Welcome to p5.js shaders」ページを翻訳したものです。 シェーダーは、みなさんのプロジェクトで使用できるグラフィックスを作成するための優れた方法です。これまでみなさんはrect()関数やel […]

続きを読む
カテゴリー: p5.js シェーダー | コメントをする

関連記事の検索

このサイトについて

p5.jsなどについて調べたことを書いています。。

検索

2020年8月
月 火 水 木 金 土 日
 12
3456789
10111213141516
17181920212223
24252627282930
31  
« 7月   10月 »
  • プログラミング はじめの一歩 JavaScript + p5.js 編
  • もっと優しい機械学習 ml5.js JavaScript
  • P5.js サンプル解説
  • p5.js WebGL入門
  • p5.js スピード 入門
  • p5.play を探る
  • Creative Coding (クリエイティブ コーディング)
  • p5.sound.js サウンド
  • p5.js 経路探索 pathfinding
  • TensorFlow.js 入門
  • Web アニメーション API 入門
  • Web アニメーション (CSS Animations, CSS Transitions, Web Animations API)
  • Web Animations API Web アニメーション (CSS Animations, CSS Transitions, Web Animations API)
  • 2021年7月
  • 2021年6月
  • 2021年5月
  • 2021年4月
  • 2021年3月
  • 2020年12月
  • 2020年11月
  • 2020年10月
  • 2020年8月
  • 2020年7月
  • 2020年4月
  • 2020年1月
  • 2019年12月
  • 2019年11月
  • 2019年10月
  • 2019年9月
  • 2019年8月
  • 2019年7月
  • 2019年6月
  • 2019年5月
  • 2019年4月
  • 2019年3月
  • 2019年2月
  • 2019年1月
  • 2018年12月
  • 2018年11月
  • 2018年10月
  • 2018年9月
  • 2018年8月
  • 2018年7月
  • 2018年6月
  • ホームページ
  • 会社概要
  • ブログ
  • お問い合わせ
© 2023 HIM.CO ヒム・カンパニー · Powered by WordPress · Theme: responsive-kubrick by freebiescafe.com