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

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

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

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

20 フォロー 16 フォロワー

WebGL

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

11本

WebGL
有料マガジン。

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

3本

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

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

4本

固定された記事

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

◼️

十一

十一。この前、番号をひとつ飛ばしてしまった。

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

20時間前
十一、簡単なアニメーション。(回転)

■サンプルページはコチラ↓ .oOo..oOo..oOo.

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

8日前

3
お腹が空いたら、"ひもじい" ではなく、"今まさに体重が減っている！" と思うようにしようっと。 (ダイエット中)

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

9日前

2

固定された記事

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

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

1年前

十一

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

20時間前
十一、簡単なアニメーション。(回転)

3

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

8日前
お腹が空いたら、"ひもじい" ではなく、"今まさに体重が減っている！" と思うようにしようっと。 (ダイエット中)

2

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

9日前

マガジン

WebGL

11本
有料マガジン。

3本

¥10,000
娘たちの作品

4本

記事

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

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

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

1か月前

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

4

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

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

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

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

佐野毅_プロダクトデザイナー+メカニカルエンジニア_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=

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

1か月前

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

2

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

1か月前
八、前回作成した図形を移動させる。(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=

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

1か月前

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

2

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

1か月前
秘密記事。

🔸

有料

100,000

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

1か月前

2
秘密記事。

2

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

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

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

1か月前

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

2

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

1か月前
七、図形を描画する。(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

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

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

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

1か月前
プレミアム会員になってみました😀

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

1か月前

1
プレミアム会員になってみました😀

1

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

1か月前
東京善意銀行 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

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

2か月前

2
五、複数の色を使う。

2

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

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

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

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

2か月前

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

2

佐野毅_プロダクトデザイナー+メカニカルエンジニア_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()】

五、複数の色を使う。

五、複数の色を使う。

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

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