threejsとshader70日目 #threejs #shader #ウェブデザイン #webgl #threejsJourney #reactjs #r3f #generative 📷 pic.twitter.com/pix5wqJiZ0

toonshading-physic-r3f.vercel.app トゥーンシェーディングにトライしました。 blenderで作成した立体パズルをrapierで衝突→分解しています I tried to imprement toon shading. I created a puzzle using Blender, and used a rapier to collide and break it. #threeJs #webgl #r3f pic.twitter.com/h4sMAXhrCr

本日、8時間くらいの成果 レイキャスターによってかなり実装の幅が広がった感ある。 それこそweb制作にも生かせそうな感じになってきた。楽しい！ でも、まだまだ試したいこと（実装したいこと）いっぱい 明日もやるぞ～～～ #web制作 #webgl #threejs #WebGLスクール pic.twitter.com/PWQiQq7fcs

注意※音を出す 戦闘システムが完全に改訂され、AIの音響効果が追加されました。 The combat system is completely revised with some AI sound effect. #ホラー #ゲーム制作 #gamedev #indiedev #screenshotsaturday #threejs #webgl #HTML5 pic.twitter.com/PlDwHdNGmi

リソグラフを印刷してきたんじゃよ。蛍光色パキパキすぎて、撮るとき色温度が変になる。 #dailycoding #p5js #webgl #risograph pic.twitter.com/0pUmPJFcxx

【Minecraft Cube Puzzle】立体の四角や長方形のブロックを縦に動くものと横に動くものを動かして黄色のブロックを外枠の外へ移動させてレベルをクリアしていく3Dパズル online.bestfreegame.com/onlinegame-942… #無料ゲーム #オンラインゲーム #パズルゲーム #webgl pic.twitter.com/lrDmzlkG9M

【Escape from the Hot Spring】温泉宿の部屋の中を移動してテーブルや引き出しなどをクリックして拡大しアイテムを探し回り謎を解き脱出を目指す online.bestfreegame.com/onlinegame-942… #無料ゲーム #オンラインゲーム #アドベンチャー #脱出ゲーム #webgl pic.twitter.com/scC1gYW4XV

shader系はposteffectも使えるし普通に動くと思ったけどVfxGraphは動かないんだね。 ParticleSystemで作った方の雨は動いてるけどVfxGraphで作った方の雨が完全に無視されてる #unity #webgl #shadergraph #vfxgraph #お仕事ください sagarakun.github.io/Portfolio/ pic.twitter.com/Lol2D3CtnF

またハッシュタグつけるのミスった。。 #threejs #webgl #glsl

現在、オブジェクトにコリジョンを与える機能の実装を進めています！ 配置されたオブジェクトにユーザーが任意のコリジョンを与えられるようにすることで、空間づくりをより細かく進められます！ 研究開発が好きなプログラマ募集： sherpa-recruit.jp @playcanvasJP #Playcanvas #WebGL #CG pic.twitter.com/jvg1BEdj58

正常化した。flatMap()メソッド初めて使った！ #dailycoding #p5js #webgl #risograph pic.twitter.com/neE3HMqolT

再帰分割バグったけど、バグったままでいい気がしてきた。 #dailycoding #p5js #webgl #risograph pic.twitter.com/gbhlPrTcje

Webで使えるCADソフトとか作れたら面白いなあ。自作ペンプロッタとも相性良いし。 #WebGL #ペンプロッタ #プログラミング

WebGL開発進捗報告 ・ライブラリ化に向けてベースを作り直し ・テクスチャ実装 ・マウスホイールによる拡大縮小機能 ・その他細かい便利機能をいろいろ実装 これで点、線、面、立方体、テクスチャつきのプリミティブ生成など、基本機能はだいたいできたかな。嬉しい～♪ #プログラミング #WebGL pic.twitter.com/GoiFLEoGsb

detailを粗くして図形のバリエーションを作るやつもいいかもしれない。 #dailycoding #p5js #webgl #risograph pic.twitter.com/zQy2rgu17b

第３回課題は一旦これで提出しよう。 結局、細かい姿勢制御とかまではできなかったけど、そこは追々やる。 ベクトルやら三角関数やらを使えたし、グループ化とかも活用してかなり勉強になったので良き！ さて、提出して第４回の講義を見るぞ👀 #webgl #threejs #web制作 #WebGLスクール pic.twitter.com/MGsMXu4kIB

注意※音を出す おじさん落ち着い An aggressive ojisan #ホラー #ゲーム制作 #gamedev #indiedev #threejs #webgl #HTML5 pic.twitter.com/AJ8dNbp6Gt

SHERPA WORLDメタバースサービスでは管理画面も充実しています！ 充実したワールド、アナリティクス分析ではリアルタイム接続者数、時間別入室者数、ワールド別割合、動画再生数、静止画クリック数等細かい分析まで確認可能です。もちろんCSVエクスポートもついています！ #webgl #metaverse pic.twitter.com/VPgjf37gNw

ヒエラルキー操作をする際、保持している要素を暗くし、ターゲットとなる要素を明るく表示するようにしました！ 親子関係を変更したいときに誤った場所に入れてしまうことが減らせます！ お客様から「ありがとう」を言われる仕事です！： sherpa-recruit.jp #Playcanvas #WebGL #CG pic.twitter.com/swCP1AtHj4

再帰分割。セルのサイズが一定以上だったらさらに分割したい。 #dailycoding #p5js #webgl #risograph pic.twitter.com/OvrH0yFVhY

よーし、だんだんできてきた！ 現時点ではまだクォータニオンは使ってない。 だから、勉強のためにももう少しこだわりたい。 カメラの角度を斜めにしたり、飛行機の姿勢の制御をやりたい！！やるぞ！！ #webgl #threejs #web制作 #WebGLスクール pic.twitter.com/a7F1T7rGvG

最近ノイズ関数自作はまってる #webgl pic.twitter.com/D37Ucb8d4J

threejsとshader65日目 photoGallery with r3f 0.01 #threejs #shader #ウェブデザイン #webgl #threejsJourney #reactjs #r3f #generative pic.twitter.com/5F523ZBliX

リソグラフ（ポストカードサイズ）用。蛍光色バキバキにします。 #dailycoding #p5js #webgl #risograph pic.twitter.com/iwollFOmIo

Blenderでとりあえずそれっぽいものを作り、Three.jsで読み込ませるところまではできた。 後は動かすだけ！！！ 続きは明日。 ベクトルとクォータニオンを倒す😤 #blender #webgl #threejs #web制作 pic.twitter.com/XdZnN9659L

【Android/PC/攻略】「脱出ゲーム　99本のバラ」1組の夫婦の物語を描いた3章仕立ての脱出ゲームを完全攻略！ #脱出ゲーム #rinの午後 #WebGL #Android iphoroid.jp/appli/detail/7… pic.twitter.com/CmmW2B4PGi

threejsとshader64日目 trying out book of shader techniques on r3f. #threejs #shader #ウェブデザイン #webgl #threejsJourney #reactjs #r3f #generative pic.twitter.com/mQNbbe7JcX

【Little Flight】紙飛行機に乗った妖精を操作して各レベルで登場する鳥やコウモリ、木や岩などの障害物にぶつからないように各レベルのクリア地点へ進むアクション online.bestfreegame.com/onlinegame-941… #無料ゲーム #オンラインゲーム #アクションゲーム #webgl pic.twitter.com/um6sNO70db

【Heavenly Gardens - Map Series 2 -】WebGLに対応しているブラウザで実際にマップを歩けちゃうにゃ！ なんとスマホでも見れちゃうのにゃ！！ #unity #AssetStore #WebGL #gamedev #3D #アセットストア catstudio.jp/game/ms2_heave… pic.twitter.com/kVtF6JvnE6

こちらの記事を元にvolumetric raymarchingとシェーダーによる光の表現を学びました blog.maximeheckel.com/posts/real-tim… blog.maximeheckel.com/posts/refracti… kenbunroku.github.io/raymarching-cl… Learned volumetric raymarching and shader light effects thanks to the great articles #webgl #glsl #shaders #raymarching pic.twitter.com/azSkAXBr5X

オブジェクトのヒエラルキーをより見やすくするためにUIの更新をしました！ まだまだ見にくいところや直感的でない所があるので引き続き、ユーザーが触りやすいUIを目指して更新していきます！ 研究開発が好きなプログラマ募集 ： sherpa-recruit.jp #Playcanvas #webGL #CG #UI pic.twitter.com/lQYoMFs2J5

そろそろリソグラフ刷らないと #dailycoding #p5js #webgl #risograph pic.twitter.com/RKq9GvunxD

chromatic dispersion 屈折レンダリングについて、６色に分散するノウハウを学びました。 …fraction-dispersion-maxime.vercel.app github.com/yukaorange/ref… #webgl #r3f #threeJs pic.twitter.com/v1IJgELom1

threejsとshader63日目 try out book of shader techniques on r3f. #threejs #shader #ウェブデザイン #webgl #threejsJourney #reactjs #r3f #generative pic.twitter.com/Zb2KALq3om

032 Blue-Eyes White Dragon 🔥 遊戯王(YU-GI-OH)カード レアカードのエフェクトを作成。 NR、SE、HRの3種類のレアを表現。 SEが一番むずかしかった。。 「滅びの爆裂疾風弾！！！！」 #threejs #webgl #glsl #shader #遊戯王 pic.twitter.com/BRf6dDi6aa

threejsとshader62日目 shaderの練習 codepen.io/BUX-Web_Design… The Book of Shaders: Cellular Noise thebookofshaders.com/12/ #threejs #shader #ウェブデザイン #webgl #bookOfShader #reactjs #r3f #generative pic.twitter.com/SpRTNtX6jk

注意※音を出す もち米は続き Sticky Rice cont. #ホラー #ゲーム制作 #gamedev #indiedev #screenshotsaturday #threejs #webgl #HTML5 pic.twitter.com/Mp3ln54jhp

threejsとshader61日目 shaderの練習 codepen.io/BUX-Web_Design… The Book of Shaders: Generative Design thebookofshaders.com/10/ #threejs #shader #ウェブデザイン #webgl #bookOfShader #reactjs #r3f #generative pic.twitter.com/Kr6kd2oeQq

カーソル位置に応じて残像をつけてみた #webgl #glsl #webdesign #webデザイン #website #webサイト pic.twitter.com/sMs98JDpCn x.com/22kkdd/status/…