【WebGPU】メモ
メモです。 所感 WebGPUを勉強していると「お前に私が使いこなせるかな？」と問われている感じになる。 学習サイト 最初にこちらの記事で、大まかな雰囲気を掴んで、 WebGPUでガチリアルタイ...
11
5
Comment0
94 search resultsShowing 1~20 results
Stocked
You need to log-in
［メモ］Vite + Web Worker使用時の留意事項
dom event dom event（resize, mousedown等）は、worker内で使用できないので、メインスレッドで発火させて値をpostする。 workerファイルの読み込み ...
0
0
Comment1
【GLSL】bit演算お絵描き
概要 GLSLのuintは、bit列を2進数表示した数値で表されます。これを利用して、16進数で指定した値でお絵描きをします。 なお、GLSLのビット演算はES 3.0以降で利用できます。 ht...
3
3
Comment0
【Rust】rust-analyzerを使ったVSCodeのフォーマット設定
import フォーマッターの有効化 settings.json "[rust]": { "editor.defaultFormatter": "rust-lang.rust-analyzer"...
7
2
Comment0
【Rust】WebAssembly開発セットアップ
概要 RustでWebAssemblyを開発するための手順をまとめています。 ※ 備忘録も兼ねているので、メモ程度です。 インストール 必要なものをインストールしていきます。 Node（npm）...
1
0
Comment0
【Rust】Library crateの使い方
crates.ioのcrateを使う crates.ioは、Rustで使えるutility crateをまとめたサイトです。 たとえば、乱数を生成するrandを導入する場合、以下の手順になります...
3
1
Comment0
【Rust】VSCodeでauto format時のtab space sizeを2にする
rust-analyzerを使用している前提で、settings.jsonに以下を追加する。 settings.json "[rust]": { "editor.defaultFormatter...
2
0
Comment0
【Udemy備忘録】Next.jsを知る
概要 Udemyでかなりお得なセールをしていたので、Next.jsについて学び直しました。 受講したコースは、以前もお世話になった講師の方の最新のコースで、前回同様とても良質だったので、どんなこ...
6
5
Comment0
未経験からWebフロントエンドエンジニアになった
概要 2021年1月からWebフロントエンジニアを目指して学習を始めて、2022年4月に企業への内定が取れたので、やったことや就活に対する考え方をまとめました。 Web開発が未経験なだけで、前職...
252
189
Comment0
【Next.js】SSG を利用したサイトアーキテクチャ
追記（2022.05.21） この記事の内容は既に古いです。 ReactやNext.jsのアップデートはとても早く、便利な機能が次々実装されています。 現時点でのNext.jsを使ったサイトアー...
9
8
Comment0
Three.jsの勉強の仕方
概要 Three.jsの勉強を始めて半年くらいが経過しました。 現在は、以下のようなアプリケーションを作成できるようになりました。 https://nemutas.github.io/r3f-n...
406
372
Comment1
【React Three Fiber】Post-processingとガンマ補正の関係について
概要 Three.js（React Three Fiber）で、Post-processingを使うと配置したオブジェクトの色味が変わってしまうことがあります。 この現象に関して、調べたことをま...
12
8
Comment0
【Blender】メッシュのボロノイ分割
概要 Blenderを使って、メッシュ（基本形状）をボロノイ分割する方法についてまとめました。 応用すると、以下のような表現ができるようになります。 準備 Blenderは、3.0.0を使用して...
4
1
Comment0
【React Three Fiber】Boilerplateの紹介
概要 CRA（Create React App）プロジェクトでReact Three Fiberを使うためのボイラープレートを作成しました。 環境 CRA（Create React App） T...
5
3
Comment0
【React Three Fiber】InstancedMeshにShaderを適用する
概要 InstancedMeshに対してShaderを使う方法をまとめました。 https://yth8w.csb.app/ InstancedMesh とは A special version...
4
3
Comment0
【Blender】ひとつのArmatureに複数のアクションを統合する
概要 Three.js（React Three Fiber）でglbモデルを扱うときに、Maximoからモデルをお借りする場合、Maximoからダウンロードできるファイルはfbx形式なので、一度...
12
6
Comment0
【React】MediaPipe/Face Mesh で顔を検知する
概要 googleから公開されているMediaPipe/Face MeshのReactでの実装例をまとめました。 https://nemutas.github.io/app-mediapipe-...
19
18
Comment2
【React Three Fiber】GPGPUを使用したParticlesの実装
概要 GPGPU（General Purpose GPU）を使用して、大量のParticlesを流動的に動かす実装についてまとめました。 GPGPU（General Purpose GPU）とは...
14
17
Comment0
【React Three Fiber】ICO球の各面にTextureの断片を映し出すShaderの実装
概要 Icosahedron Sphere（ICO球）の各面に、Textureを断片的に映し出すShaderの実装方法をまとめました。 https://nemutas.github.io/r3f...
1
3
Comment0
【React Three Fiber】Post-processing：Ripple Effect（波紋効果）・Distortion Effect（ねじれ効果）の実装
概要 React Three Fiberを使用して、**Ripple Effect（波紋効果）とDistortion Effect（ねじれ効果）**をPost-processingとして実装する...
15
9
Comment0
94 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles