生 WebGL と TypeScript で Vercel のロゴを作る
はじめに 完全に釣りタイトルです。Three.js などを使わずに生の WebGL で ▲ を描くというだけの話です。いわゆる WebGL の「Hello World」です。Vercel や Next.js とは一切関係ありません。 WebGL を詳細に解説しているサイトはいくつかあって、内容に関してはどれもすばらしいものです。ただ、何年も前のものなのでソースコードにまだ var が使われているものも多く、また独自関数で処理をまとめていることで、個人的には全体の流れが少しわかりにくくなっている気がします。さらに TypeScript を使っている日本語記事は見当たりませんでしたので、それらを補う形でまとめてみたいと思います。 なお、本記事では全体的な流れに焦点を当てているので、詳細な解説は下記サイトなどをご参考ください。 WebGLの基本 (日本語) wgld.org | WebGL (日
WebGL の型についてなんとなく調べはじめたら思ったより難しかった話 - Qiita
最近は TypeScrip を使わないと生き残っていけないな。なんて思って最近は WebGL でプロトタイプとか作るときも TypeScript 使ってるんですよね。まあ、けっこう適当な感じなんですけれど。 そんで、TypeScript といったら型ですよね。それで初めて気づいたんですけれど、WebGL って独自に型を定義してるってことに。存在する型が以下にまとまっていました。 いやー、全然わからん。仕方ないから調べますかとうことで、とりあえず自分なりにまとめてみることにしました。 Web IDL について まず Web IDL type というカラムが気になります。 調べてみると、以下にサイトにて定義されていました。 https://triple-underscore.github.io/WebIDL-ja.html 要約を抜粋してみます。 この文書は、 interface 定義言語，
Tokyo WebGL Meetup
Microsoft Japan Headquarters Shinagawa 31F, Seminar Room B Shinagawa Grand Central Tower 2-16-3, Konan Minato-ku, Tokyo - Japan 日本マイクロソフト 株式会社 品川本社 東京都港区港南 2-16-3 品川グランドセントラルタワー 31 階 セミナールーム B 2014-06-03: We increased the number of seats, from 60 to 120. Update: All seats are already taken. We may provide more seats. Follow our tweet. We have begun offical registration at Peatix. Peatix にて応募を開始いたし
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
