スキップしてメイン コンテンツに移動

image 拡大問題は解決したが透過処理のバグが出てくるp5js

Base64文字列からimageを作る　...　○
image で拡大して表示    ...　△　めっちゃぼやける
    pixelを読み込んで拡大imageを作る .... ×
        Base64で読み込むのがOUTぽい

自前フォーマットでimageを作る ...○
pixelを読み込んで拡大imgを作る... ○
WebGL の3D のPLANEのテクスチャに設定...○
    テクスチャの透過処理... ×

2022 11/20時点でデフォルトのシェーダーだとこうなる
この一文が在るので　https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.5.0/p5.js
ここはこのまま、
次の投稿はこの問題の解決案
ラベル:

コメント

コメントを投稿

このブログの人気の投稿

Arduino IDE　が　"Downloading index: library_index.tar.bz2"　で固まる問題

PCとのシリアル通信が原因の一つらしい '/home/usename/.arduino15/packages' を消すといいらしい　ので消すと治った IDEの起動中にフリーズしてたのが治った Downloading index: library_index.tar.bz2　とダウンロード中だったが終了したので起動中のフリーズが起こるようになった
コメントを投稿
続きを読む

Blogger でp5jsがつかえた

”HTMLビュー”でHTMLを編集　 divとcanvasを関連付ければ良いみたい （div id="p5canvas とcreateCanvasの.parent("p5canvas");） p5js本体はCDNを参照（https://cdnjs.com/libraries/p5.js） コードはP5サイトのEXAMPLEから（https://p5js.org/examples/3d-geometries.html） <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.5.0/p5.js"></script> <div id="p5canvas"></div> <script> function setup() { createCanvas(710, 400, WEBGL).parent("p5canvas"); } function draw() { background(250); translate(-240, -100, 0); normalMaterial(); push(); rotateZ(frameCount * 0.01); rotateX(frameCount * 0.01); rotateY(frameCount * 0.01); plane(70); pop(); translate(240, 0, 0); push(); rotateZ(frameCount * 0.01); rotateX(frameCount * 0.01); rotateY(frameCount * 0.01); box(70, 70, 70); pop(); translate(240, 0, 0); push(); rotateZ(frameCount * 0.01); rotateX(frameCount * 0.01); rotateY(frameCount * 0.01); cylinder(70, 70); pop(); ...
コメントを投稿
続きを読む

クラスカル法

chat-gptにきいたらおしえてくれた                                                                参考動画 <!DOCTYPE html> <html lang="en"> <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.5.0/p5.js"></script> <div id="p5canvas"></div> <script> class Graph {   constructor() {     this.vertices = [];     this.edges = [];   }   addVertex(x, y) {     this.vertices.push({ x, y });   }   addEdge(source, destination, weight) {     if (this.vertices[source] && this.vertices[destination]) ...
コメントを投稿
続きを読む