~10/15まで GLSL レイマーチングについて学習。何度か挫折しているので今回はそうならないようにしたい。 glsl1 glsl2 wasm+python wasmを使用してブラウザ上でPythonを動かすことを調べていた。 pyodideを用いて動かすことまでは出来た。次は自分でランタイ…

~10/01まで 前回からだいぶ期間が空いてしまった。主にオクトパストラベラーにはまっていたことが原因。 @three/vrmでモデルを動かす 前回ハマっていた部分だが、サンプルコードをパクったら普通に動いた。 mediaPipeでvrmを動かす。 kalidokitを用いて、web…

8/27 ~ 9/2 少しタイトルのつけ方を変えた。内容はこれまで通り週の振り返り。 Blenderでのキャラクターモデリング 先週から引き続き、blenderのチュートリアル本の作業。 遂に完成しました！ 完成品 モデリングしているときは可愛くなかったんですけど、ペ…

8/20 ~ 8/26 ほとんどBlenderで遊んでいた。 Globis ダイバーシティニュースというコーナーをメインに視聴した。 残り7時間 Blender 学習ではないと思うが記録として。 ゴールは3Dモデルが動くWebサイト作成。Blenderで人型のモデルを作ったことがないのでチ…

8/13 ~ 8/19 ポートフォリオを創ろうかと思いつつ、使えそうな技術を調べている。 CSS デコレーション CSSだけでテキストをデコレーションする方法を調べた。基本的にはbackgroundのグラデーションを上手く利用する。 See the Pen text style test by hittai…

8/6 ~ 8/12 日曜(8/6)はガンダムフェス、8/12~13はマジカルミライ大阪とイベント事が多かった。 Three.js journey 遂に最終レッスンまで視聴完了した。Reactはそこまで詳しく知らないので、これからどんどん作品を創っていき慣れていきたい。 最後のゲーム作…

R3Fでtext3D R3F 概要 最近、React Three Fiberを学習しハマっている。日本語テキストをSDFに変換して3Dテキストとして表示してみた。 技術 3Dテキスト Googleフォント(ttf)をダウンロードしてtypeface.jsでjsonファイルに変換する。 その後、r3f/dreiにて3D…

7/30 ~ 8/5 three.js journey 先週から続きReact Three Fiberを扱う章を視聴。内容としては環境光、GLTFモデル、３Dテキスト、マウスインタラクション、ポストプロセス、物理エンジンを扱った。 物理エンジンを扱うときにInstanceBufferGeometryを効率よく移…

7/23 マジミラのプログラミングコンテストの応募が完了し、以前の学習サイクルを取り戻しつつある。むしろ以前より進んでいるような気がする。 せっかくなので、何を学習したかをまとめる。 Rustによるwasmアプリ 会社でudemyを視聴できるのでRustを用いたwa…

ボロノイ やりたかったこと ゲームで敵とエンカウントした際の演出で画面が割れるようなエフェクトがあると思います。それをイメージして作りました。 結果 gifアニメ 作品URL: https://hittaito.github.io/three-practice/day14/index.html ソース: https:/…

「トンネル」 gifアニメ リンクは↓ https://hittaito.github.io/three-practice/day13/index.html ソースは↓ three-practice/src/day13 at main · hittaito/three-practice · GitHub 説明 以下の2つのチュートリアル、作品を参考にしている Copy cat cables-…