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

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

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

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

24 フォロー 22 フォロワー

WebGL

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

18本

WebGL
有料マガジン。

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

3本

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

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

4本

固定された記事

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

◼️ ↑あるCADアプリを使う人だけにしか分からない内容ですが、なぜかビュー数が多かったです。

十八、テクスチャを繰り返し使う。

■サンプルページはコチラ↓ ■htmlのコードです。↓ <!DOCTYPE html><html lang="ja"> <head> <meta charset="utf-8" /> <title>四角形にテクスチャを貼る。テクスチャの繰り返し表示。</title> </head> <body onload="main()"> <canvas id="webgl" width="400" height="400"> </canvas>

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

5日前

1
誤　キャノン正　キヤノン ↑ガンキャノンのキャノンの方でなく、企業名の方です。キャノンで特許検索して何もヒットしないという思い出。

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

10日前

3
十六、テクスチャ。ラスタライズ。今回はサンプルページは無く、用語の説明です。

・PC画面上の画素は「ピクセル」ですが、WebGLのモデル上の画素の様な物は「フラグメント」と言われます。・WebGLにおける「ラスタライズ」とは、「幾何学形状を、実際の画面上のピクセル単位に変換する」処理です。・この仕組みを利用すると、WebGLの図形に画像(テクスチャ)を貼ることが出来るのだそうです。・テクセルはテクスチャの要素のこと。テクスチャは、主に3Dモデルの平面に貼られる画像データのこと。テクセル1個分の大きさは、画像の解像度などによって異なります。

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

2週間前

3

固定された記事

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

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

1年前

十八、テクスチャを繰り返し使う。

1

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

5日前
誤　キャノン正　キヤノン ↑ガンキャノンのキャノンの方でなく、企業名の方です。キャノンで特許検索して何もヒットしないという思い出。

3

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

10日前
十六、テクスチャ。ラスタライズ。今回はサンプルページは無く、用語の説明です。

3

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

2週間前

マガジン

WebGL

18本
有料マガジン。

3本

¥10,000
娘たちの作品

4本

記事

十七、四角形にテクスチャを貼る。

■サンプルページはコチラ↓ ■このプログラムの解説は、次のExcelファイルをご覧下さい。 ■htmlのコードです。↓ <!DOCTYPE html><html lang="ja"> <head> <meta charset="utf-8" /> <title>四角形にテクスチャを貼る</title> </head> <body onload="main()"> <canvas id="webgl" width="400" height="400

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

2週間前

5
十七、四角形にテクスチャを貼る。

5

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

2週間前
機動戦士ガンダム。モビルスーツアンサンブル06弾。ガンキャノン。

※省データの為、なるべく敬語や丁寧語を使わずにお送りします。 🔴キャノン砲の部品のランナーのバリが凄い。(悪い意味で凄い) ⭕️成形品のバリの原因。(2010年頃のMyメモより) ・材料の粘性が低い。(意外と見落としがち) ・型締力 (かたじめりょく) が足りない。型締力が足りないと、図1の様にパーティングラインの全周にバリが出る。 (先のバリはパーティングライン全周でなかった。ということは、型締力が原因ではなさそう) ・金型の突合せ不良。この場合は次の図2の様な部分的

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

3週間前

3
機動戦士ガンダム。モビルスーツアンサンブル06弾。ガンキャノン。

3

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

3週間前
以前こちら↓の記事に貼り付けたExcelファイルが間違っておりました。 https://note.com/sanorx78/n/n8502445d1664 正しいものを貼り直しました。ご迷惑をおかけしましたm(_ _)m

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

3週間前
以前こちら↓の記事に貼り付けたExcelファイルが間違っておりました。 https://note.com/sanorx78/n/n8502445d1664 正しいものを貼り直しました。ご迷惑をおかけしましたm(_ _)m

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

3週間前
自宅用PCのteamsを開いたら、「OSを更新する必要があります」というメッセージ。表示されたURLをクリックしても無反応。こちらからダウンロードできました。 https://www.microsoft.com/ja-jp/microsoft-teams/download-app

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

4週間前
自宅用PCのteamsを開いたら、「OSを更新する必要があります」というメッセージ。表示されたURLをクリックしても無反応。こちらからダウンロードできました。 https://www.microsoft.com/ja-jp/microsoft-teams/download-app

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

4週間前
十五、複数の点に別々の色を付ける。

■サンプルページはコチラ↓ ■このプログラムの解説は、次のExcelファイルをご覧下さい。尚、今回は見出し画像の右側の紙風船の様な模様の図形のプログラムも次のExcelファイルの中に入れています。(見出し画像の左側の色相環の様な図形のプログラムとほぼ同じコードであるため) ■htmlのコードです。↓ <!DOCTYPE html><html lang="ja"> <head> <meta charset="utf-8" /> <title>複数の点に別々

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

1か月前

5
十五、複数の点に別々の色を付ける。

5

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

1か月前
十四、サイズの異なる複数の点を描画する。(ストライド版)

■サンプルページはコチラ↓ ■このプログラムの解説は、次のExcelファイルをご覧下さい。 ■htmlのコードです。↓ <!DOCTYPE html><html lang="ja"> <head> <meta charset="utf-8" /> <title>北斗七星風にサイズの異なる複数の点を描画する。(ストライド版)</title> </head> <body onload="main()"> <canvas id="webgl" widt

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

1か月前

8
十四、サイズの異なる複数の点を描画する。(ストライド版)

8

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

1か月前
十三、サイズの異なる複数の点を描画する。

■サンプルページはコチラ↓ ■このプログラムの解説は、次の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か月前

5
十三、サイズの異なる複数の点を描画する。

5

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

1か月前
十二、図形をアニメーションで回転させる。【キーワード→requestAnimationFrame】

以前、この記事は十一番でした。しかし、正しくは十二番であることに気付き書き直しました。「スキ」を付けてくださった皆様、申し訳ございませんでした。 .oOo..oOo..oOo. 今回は、初のアニメーションという事で、見出し画像にGIFアニメを貼れるかな？と、調べてみましたが、貼れないそうです。 .oOo..oOo..oOo. ■サンプルページはコチラ↓ .oOo..oOo..oOo. ■このプログラムの解説は、次のExcelファイルをご覧下さい。 ■htmlのコードで

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

1か月前

3
十二、図形をアニメーションで回転させる。【キーワード→requestAnimationFrame】

3

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

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

2か月前

5
十一、図形を移動させた後、回転させる。(五千文字以上の解説付きです)

5

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

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

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

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 id="webgl" widt

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

2か月前

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

4

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

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

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

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

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

2か月前

マガジン

WebGL

有料マガジン。

娘たちの作品

最近の記事

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

十八、テクスチャを繰り返し使う。

十六、テクスチャ。ラスタライズ。今回はサンプルページは無く、用語の説明です。

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

十八、テクスチャを繰り返し使う。

十六、テクスチャ。ラスタライズ。今回はサンプルページは無く、用語の説明です。

十七、四角形にテクスチャを貼る。

十七、四角形にテクスチャを貼る。

機動戦士ガンダム。モビルスーツアンサンブル06弾。ガンキャノン。

機動戦士ガンダム。モビルスーツアンサンブル06弾。ガンキャノン。

十五、複数の点に別々の色を付ける。

十五、複数の点に別々の色を付ける。

十四、サイズの異なる複数の点を描画する。(ストライド版)

十四、サイズの異なる複数の点を描画する。(ストライド版)

十三、サイズの異なる複数の点を描画する。

十三、サイズの異なる複数の点を描画する。

十二、図形をアニメーションで回転させる。【キーワード→requestAnimationFrame】

十二、図形をアニメーションで回転させる。【キーワード→requestAnimationFrame】

十一、図形を移動させた後、回転させる。(五千文字以上の解説付きです)

十一、図形を移動させた後、回転させる。(五千文字以上の解説付きです)

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

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