佐野毅_プロダクトデザイナー+メカニカルエンジニア_SANO_Takeshi

WEBページ製作(HTML、JavaScript、WebGL)@3D-CAD操作@OA…

佐野毅_プロダクトデザイナー+メカニカルエンジニア_SANO_Takeshi

WEBページ製作(HTML、JavaScript、WebGL)@3D-CAD操作@OA機器等の機構設計@工場の部材費/失敗コスト削減。※ やや散文的なnoteになっています。老後に整理できたらいいなと思います。月イチくらいでクリエイターさんをサポート(投げ銭)中m(_ _)m

19 フォロー 16 フォロワー

WebGL

佐野毅_プロダクトデザイナー+メカニカルエンジニア_SANO_Takeshi

10本

WebGL
有料マガジン。

佐野毅_プロダクトデザイナー+メカニカルエンジニア_SANO_Takeshi

3本

有益だから有料、ではなく、あまり知られたくないので有料、という感じです。m(_ _)m
娘たちの作品

佐野毅_プロダクトデザイナー+メカニカルエンジニア_SANO_Takeshi

4本

固定された記事

2024年3月の私のnoteの人気記事はこちら↓

◼️

十、回転行列をライブラリで作成し、図形を回転させる。(ブラウザに表示される結果は前回と同じです)

.oOo..oOo..oOo.

佐野毅_プロダクトデザ…

2日前

1
電卓のCEはClear Entry。直前に入力した数値の消去など。 Cは全部消去。いつも間違えてしまいます。(全部消す)

佐野毅_プロダクトデザ…

2日前
九、前々回作成した図形を、行列を使って回転させる。

■サンプルページはコチラ↓ .oOo..oOo..oOo. ■プログラムの解説は、次のExcelファイルをご覧下さい。 ■htmlのコードです↓ <!DOCTYPE html><html lang="ja"> <head> <meta charset="utf-8" /> <title>図形を、行列を使って回転させる。</title> </head> <body onload="main()"> <canvas id="webgl" width=

佐野毅_プロダクトデザ…

3日前

2

固定された記事

2024年3月の私のnoteの人気記事はこちら↓

佐野毅_プロダクトデザイナー+メカニカルエンジニア_SANO_Takeshi

1年前

十、回転行列をライブラリで作成し、図形を回転させる。(ブラウザに表示される結果は前回と同じです)

1

佐野毅_プロダクトデザイナー+メカニカルエンジニア_SANO_Takeshi

2日前
電卓のCEはClear Entry。直前に入力した数値の消去など。 Cは全部消去。いつも間違えてしまいます。(全部消す)

佐野毅_プロダクトデザイナー+メカニカルエンジニア_SANO_Takeshi

2日前
九、前々回作成した図形を、行列を使って回転させる。

2

佐野毅_プロダクトデザイナー+メカニカルエンジニア_SANO_Takeshi

3日前

マガジン

WebGL

10本
有料マガジン。

3本

¥10,000
娘たちの作品

4本

記事

八、前回作成した図形を移動させる。(WebGL)【重要→gl.getAttribLocation、gl.getUniformLocation、gl.uniform4f】

■サンプルはコチラ↓ .oOo..oOo..oOo. ■プログラムの解説は、次のExcelファイルをご覧下さい。 ■htmlのコードです↓ <!DOCTYPE html><html lang="ja"> <head> <meta charset="utf-8" /> <title>図形の移動</title> </head> <body onload="main()"> <canvas id="webgl" width="400" height=

佐野毅_プロダクトデザ…

2週間前

2
八、前回作成した図形を移動させる。(WebGL)【重要→gl.getAttribLocation、gl.getUniformLocation、gl.uniform4f】

2

佐野毅_プロダクトデザイナー+メカニカルエンジニア_SANO_Takeshi

2週間前
秘密記事。

🔸

有料

100,000

佐野毅_プロダクトデザ…

3週間前

2
秘密記事。

2

佐野毅_プロダクトデザイナー+メカニカルエンジニア_SANO_Takeshi

3週間前
能登支援宝くじを300円で購入し、300円当たる…。キリンでした。

佐野毅_プロダクトデザ…

3週間前

2
能登支援宝くじを300円で購入し、300円当たる…。キリンでした。

2

佐野毅_プロダクトデザイナー+メカニカルエンジニア_SANO_Takeshi

3週間前
七、図形を描画する。(WebGL)【重要→gl.TRIANGLE_STRIP】

■サンプルはコチラ↓ .oOo..oOo..oOo. ■プログラムの解説は、次のExcelファイルをご覧下さい。 ■htmlのコードです↓ <!DOCTYPE html><html lang="ja"> <head> <meta charset="utf-8" /> <title>方位磁針の様なマークを描画する。（正三角形だと、以降の内容が分かり辛い為）</title> </head> <body onload="main()"> <canva

佐野毅_プロダクトデザ…

3週間前
七、図形を描画する。(WebGL)【重要→gl.TRIANGLE_STRIP】

佐野毅_プロダクトデザイナー+メカニカルエンジニア_SANO_Takeshi

3週間前
プレミアム会員になってみました😀

佐野毅_プロダクトデザ…

4週間前
プレミアム会員になってみました😀

佐野毅_プロダクトデザイナー+メカニカルエンジニア_SANO_Takeshi

4週間前
東京善意銀行 https://www.tcsw.tvac.or.jp/zengin/kifu/index.html

佐野毅_プロダクトデザ…

1か月前
東京善意銀行 https://www.tcsw.tvac.or.jp/zengin/kifu/index.html

佐野毅_プロダクトデザイナー+メカニカルエンジニア_SANO_Takeshi

1か月前
六、一度に複数の点を表示させる。【重要→gl.createBuffer()、gl.bindBuffer()、gl.bufferData()、gl.enableVertexAttribArray()】

■サンプルはコチラ↓ .oOo..oOo..oOo. ■プログラムの解説は、次のExcelファイルをご覧下さい。今回は特に以下の関数が重要です。・gl.createBuffer() ・gl.bindBuffer() ・gl.bufferData() ・gl.enableVertexAttribArray()

佐野毅_プロダクトデザ…

1か月前
六、一度に複数の点を表示させる。【重要→gl.createBuffer()、gl.bindBuffer()、gl.bufferData()、gl.enableVertexAttribArray()】

佐野毅_プロダクトデザイナー+メカニカルエンジニア_SANO_Takeshi

1か月前
五、複数の色を使う。

■サンプルはコチラ↓ .oOo..oOo..oOo. ■プログラムの解説は、こちらのExcelファイルをご覧下さい↓ ■HTMLのコードです↓ <!DOCTYPE html><html lang="ja"> <head> <meta charset="utf-8" /> <title>点の色を変える</title> </head> <body onload="main()"> <canvas id="webgl" width="400" hei

佐野毅_プロダクトデザ…

1か月前

2
五、複数の色を使う。

2

佐野毅_プロダクトデザイナー+メカニカルエンジニア_SANO_Takeshi

1か月前
四、クリックした場所に点を表示させる。

■サンプルはコチラ↓ .oOo..oOo..oOo. ■プログラムの解説は、こちらのExcelファイルをご覧下さい↓ ■HTMLのコードです↓ <!DOCTYPE html><html lang="ja"> <head> <meta charset="utf-8" /> <title>クリックした場所に点を描画する</title> </head> <body onload="main()">↓canvasの上を左クリックすると、点が表示されます。<B

佐野毅_プロダクトデザ…

1か月前

2
四、クリックした場所に点を表示させる。

2

佐野毅_プロダクトデザイナー+メカニカルエンジニア_SANO_Takeshi

1か月前
三、配列のデータをJavaScript側で設定して点を描画してみましょう。

■”二”とは違う方法で点を描いてみましょう。 ■サンプルはコチラ↓ .oOo..oOo..oOo. ■プログラムの解説は、こちらのExcelファイルをご覧下さい↓ ■HTMLのコードです↓ <!DOCTYPE html><html lang="ja"> <head> <meta charset="utf-8" /> <title>配列のデータをJavaScript側で設定して点を描画してみましょう。</title> </head> <body on

佐野毅_プロダクトデザ…

1か月前

2
三、配列のデータをJavaScript側で設定して点を描画してみましょう。

2

佐野毅_プロダクトデザイナー+メカニカルエンジニア_SANO_Takeshi

1か月前
二、点を描いてみよう！

■WebGLで点を描いてみましょう。 ■サンプルはコチラ↓ .oOo..oOo..oOo. ■プログラムの解説は、こちらのExcelファイルをご覧下さい↓ ■HTMLのコードです↓ <!DOCTYPE html><html lang="ja"> <head> <meta charset="utf-8" /> <title>点を描画してみましょう</title> </head> <body onload="main()"> <canvas

佐野毅_プロダクトデザ…

1か月前

3
二、点を描いてみよう！

3

佐野毅_プロダクトデザイナー+メカニカルエンジニア_SANO_Takeshi

1か月前
復習WebGL。点を描いてみよう。 http://sano-rx78.sakura.ne.jp/ms/24o05_draw-point/drawPoint1.html

佐野毅_プロダクトデザ…

2か月前
復習WebGL。点を描いてみよう。 http://sano-rx78.sakura.ne.jp/ms/24o05_draw-point/drawPoint1.html

佐野毅_プロダクトデザイナー+メカニカルエンジニア_SANO_Takeshi

2か月前

マガジン

WebGL

有料マガジン。

娘たちの作品

最近の記事

2024年3月の私のnoteの人気記事はこちら↓

十、回転行列をライブラリで作成し、図形を回転させる。(ブラウザに表示される結果は前回と同じです)

九、前々回作成した図形を、行列を使って回転させる。

2024年3月の私のnoteの人気記事はこちら↓

十、回転行列をライブラリで作成し、図形を回転させる。(ブラウザに表示される結果は前回と同じです)

九、前々回作成した図形を、行列を使って回転させる。

八、前回作成した図形を移動させる。(WebGL)【重要→gl.getAttribLocation、gl.getUniformLocation、gl.uniform4f】

八、前回作成した図形を移動させる。(WebGL)【重要→gl.getAttribLocation、gl.getUniformLocation、gl.uniform4f】

秘密記事。

秘密記事。

七、図形を描画する。(WebGL)【重要→gl.TRIANGLE_STRIP】

七、図形を描画する。(WebGL)【重要→gl.TRIANGLE_STRIP】

六、一度に複数の点を表示させる。【重要→gl.createBuffer()、gl.bindBuffer()、gl.bufferData()、gl.enableVertexAttribArray()】

六、一度に複数の点を表示させる。【重要→gl.createBuffer()、gl.bindBuffer()、gl.bufferData()、gl.enableVertexAttribArray()】

五、複数の色を使う。

五、複数の色を使う。

四、クリックした場所に点を表示させる。

四、クリックした場所に点を表示させる。

三、配列のデータをJavaScript側で設定して点を描画してみましょう。

三、配列のデータをJavaScript側で設定して点を描画してみましょう。

二、点を描いてみよう！

二、点を描いてみよう！