ふぉくる @focru_ino profile

ふぉくる

@focru_ino

Followers

2,891

Following

910

Media

6,251

Statuses

260,722

プログラミング6：イモリ2：その他2 の比率でつぶやきます。⚓Web制作会社のフロントエンドエンジニア ⚓ #WebGL #WebGPU #TypeScript #Astro #Rust らへんを使ったり勉強したりしています

https://t.co/0lXbOAlzDb

Tokyo, Japan

Joined May 2011

Don't wanna be here? Send us removal request.

Explore tweets Explore followers Explore following

Explore trending content on Musk Viewer

Israel • 3510155 Tweets

Iran • 2810690 Tweets

ايران • 1108031 Tweets

Gaza • 1021460 Tweets

اسرائيل • 955658 Tweets

Tel Aviv • 702940 Tweets

Walz • 537370 Tweets

Vance • 439668 Tweets

Presidenta • 424546 Tweets

Middle East • 382997 Tweets

Halloween • 324315 Tweets

Claudia Sheinbaum • 259554 Tweets

Iron Dome • 165680 Tweets

イスラエル • 135641 Tweets

Wizkid • 104270 Tweets

John Amos • 99449 Tweets

Adams • 92651 Tweets

Davido • 89043 Tweets

Mets • 78547 Tweets

Good Times • 69448 Tweets

60 Minutes • 63422 Tweets

Tigers • 61050 Tweets

Isreal • 50875 Tweets

Raiders • 44723 Tweets

#GHLímite4 • 44425 Tweets

Royals • 37714 Tweets

からくりサーカス • 35530 Tweets

対象作品 • 35466 Tweets

集英社秋マンガチャ開催 • 33726 Tweets

Astros • 33344 Tweets

ケンタッキー • 30429 Tweets

#WWENXT • 30399 Tweets

Orioles • 27055 Tweets

Frogido • 25883 Tweets

Brewers • 23966 Tweets

#TemptationIsland • 23110 Tweets

週の真ん中 • 11299 Tweets

Giulia • 10752 Tweets

Roxanne • 10422 Tweets

豆腐の日

Vaccari

Jacobe Smith

Leslie Stahl

Sevy

Greig

第三次世界大戦

ぼよよん行進曲

#VPDebate2024

Cora Jade

#マックのコーヒー記念カキコ

Last Seen Profiles

@thebeesknees101

@udi

@Tofuisstilltofu

@JerryMcDurphy

@Erhan_Sevcan

@MiCiudadCuerna

@iheartnaptime

@KoriValley

@WhartonForTexas

@Wetto_71

@Bombtech88

@DankSlushie

@em_j_read

@olatorera__

@PepesSmart

@RonUlrich11

@TFMetals

@FanseatCom_EN

@houhou82064519

@com_in_

ふぉくる

@focru_ino

2 months

ゲームUIをたくさん見れるサイトを見つけた。

2

401

2K

ふぉくる

@focru_ino

2 years

Theatre.js、まじでやべぇな... これちょっと時間を取っていじってみよう。もしかするとgsapと同じくらい覇権をとるかもしれない。 UIでアニメーション調整できるから、デザイナーさんとかにモーションを直接いじってもらうこともできそうだし

GitHub - theatre-js/theatre: Motion design editor for the web

Motion design editor for the web. Contribute to theatre-js/theatre development by creating an account on GitHub.

github.com

0

65

673

ふぉくる

@focru_ino

4 years

このコマから社畜ちゃんの闇を感じる

1

101

639

ふぉくる

@focru_ino

2 years

#threejs

13

43

609

ふぉくる

@focru_ino

2 years

The process is simple. Simply use-cannon to simulate collision and synchronize its position coordinates to the Raymarching sphere. #threejs #r3f

4

42

498

ふぉくる

@focru_ino

2 years

#threejs 💧app 💧repo 💧original

2

29

390

ふぉくる

@focru_ino

7 months

shader（post-processing）で再現できた。 uvの計算が難しかった。 #threejs アズレージョ柄は、ポルトガルで作られてた伝統的なタイルの柄。

5

40

358

ふぉくる

@focru_ino

2 years

+rgb shift #threejs #r3f

4

27

325

ふぉくる

@focru_ino

2 years

このhoverアニメーションいいね～一瞬、輝度を上げるのうますぎる。

1

21

314

ふぉくる

@focru_ino

8 months

cyclic noise楽しい。山岳に見えなくもない。

1

32

300

ふぉくる

@focru_ino

1 year

svgの原子フィルターでこんな表現できるのか、、、すごすぎる。 original

1

29

284

ふぉくる

@focru_ino

2 years

無限ループのやつできた。 #threejs inspired by @kurichans_1996 portforio.

7

22

279

ふぉくる

@focru_ino

1 year

inspired by #threejs

6

27

276

ふぉくる

@focru_ino

2 years

PCの物理マウス（ホイール）のみスクロールできます。 #threejs app original

4

30

249

ふぉくる

@focru_ino

26 days

4

29

250

ふぉくる

@focru_ino

2 years

I tried to reproduce the effects on monopo london's site. #threejs #r3f

2

15

212

ふぉくる

@focru_ino

7 months

再現チャレンジ #threejs ▼original

2

14

204

ふぉくる

@focru_ino

2 years

らせん状の無限スクロール #threejs

1

18

202

ふぉくる

@focru_ino

2 years

I remade a previous application using vanilla's #threejs 💧app 💧repo

8

26

197

ふぉくる

@focru_ino

2 years

Almost done. #threejs #r3f

4

14

188

ふぉくる

@focru_ino

3 years

added Unrealbloom and made it an application. #threejs #r3f

1

21

185

ふぉくる

@focru_ino

2 years

Ghost Veil #threejs #gsap 👻app 👻repo

3

17

178

ふぉくる

@focru_ino

1 month

影付きのpoint sprite #threejs inspired by

3

13

174

ふぉくる

@focru_ino

2 years

Interesting scrolling effects #threejs

2

8

173

ふぉくる

@focru_ino

3 years

#threejs #r3f

1

10

167

ふぉくる

@focru_ino

2 years

I took on the challenge of dropping dom text into canvas2d. #threejs 🌀app 🌀repo

2

8

159

ふぉくる

@focru_ino

2 years

完成した。疲れた。 #threejs #webgl 🌀app 🌀repo 🌀original created by @kitasenjudesign

3

26

160

ふぉくる

@focru_ino

1 year

今の会社、技術共有がなさすぎて楽しくないな。聴けば教えてくれるのはものすごくありがたいんだけど、知りたいのは自分の想像の範疇を超えた知見とか情報なんだよね。自分から色々発信してたときもあったけど、他の人が一切発信しないから、最近はなんかいいかなってなってきた。

1

8

157

ふぉくる

@focru_ino

2 years

I experimented about layer. reference #threejs #r3f

1

12

152

ふぉくる

@focru_ino

1 year

このシリーズ、本当にクオリティが高い。 WebGLスクールでいずれ線形代数をやると思う��ど、その時までに受講者さんは見ると役に立つかもしれない。

Chapter 1 ベクトル | 線形代数のエッセンス

この動画は3Blue1Brownの動画を東京大学の学生有志団体が翻訳・再編集し公式ライセンスのもと公開しているものです。チャンネル登録と高評価をよろしくお願いいたします。訂正・補足スカラーの語句説明の直前に「スケールするもの」と言っているためscale→scalarと語が派生したように聞こえてしまっているかもしれ...

www.youtube.com

1

12

149

ふぉくる

@focru_ino

1 year

profileめちゃくちゃかわいい

1

11

144

ふぉくる

@focru_ino

1 year

WebGLスクールでベクトルとクォータニオンを習ったので、3DのBoidモデルを作ってみた。 #threejs

0

22

143

ふぉくる

@focru_ino

11 months

前に作って放置してたやつがちょうどglsl schoolの課題に合��してたので、ちょっと手直しして提出。 #threejs #GLSL スクール

0

8

141

ふぉくる

@focru_ino

5 months

#glsl #webgl

2

14

142

ふぉくる

@focru_ino

2 years

BVH was used to implement particles bouncing in a free-form mesh. #threejs app repo

5

14

140

ふぉくる

@focru_ino

2 years

#threejs #r3f

1

5

139

ふぉくる

@focru_ino

2 years

💧app 💧repo #threejs #r3f This wonderful illustration is the work of WLOP( @wlopwangling ).

1

15

137

ふぉくる

@focru_ino

11 months

1枚の板ポリでどこまで奥行表現ができるのか試してみた。 #threejs #GLSL スクール

1

13

138

ふぉくる

@focru_ino

2 years

Added pixel mode. This sample can be reused because the effect is implemented as postprocessing. 🦈app 🦈repo #threejs #r3f

1

11

135

ふぉくる

@focru_ino

1 year

WebGLスクールの第3回の課題できた。楽しくなって一気に作ってしまった。 Point Lightでテクスチャーを貼ったSphereをBoxの背面に投影して、世界地図と飛行機を表現してみた。飛行機は常に画面中央に向かうようにしてみた。色のイメージは、最近観た犬王の鯨 #threejs

1

10

133

ふぉくる

@focru_ino

1 year

webglの作品をまとめられてる方のサイトをまたひとつ見つけてしまった。

WebGL Bits

WebGL experiments that are made from scratch.

www.yuichiroharai.com

3

8

131

ふぉくる

@focru_ino

3 years

I learned from akella's( @akella ) great video. #three .js #r3f

1

2

129

ふぉくる

@focru_ino

2 years

なるほど。 spotlight mapの使い方がわかった。 #threejs

3

18

126

ふぉくる

@focru_ino

1 year

offscreen renderingしたシーンを6面に張り付けてるだけ。本当はstencil buffer使ってやろうと思ったんだけど、影がどうしても解決できなかった。 #threejs

1

12

120

ふぉくる

@focru_ino

2 years

6月から働くので書いた。

未経験からWebフロントエンドエンジニアになった - Qiita

概要2021年1月からWebフロントエンジニアを目指して学習を始めて、2022年4月に企業への内定が取れたので、やったことや就活に対する考え方をまとめました。Web開発が未経験なだけで、前職で…

qiita.com

2

8

118

ふぉくる

@focru_ino

1 year

WebGLスクール、第1回目の課題その2ができた。 #threejs 3D Random Walk。本当は、Scaleを使ってもっと連続的な動きにしたかったんだけど、matrixの理解が足りてなくできなかった。 webglスクールで勉強してまたトライしいたい。

1

9

118

ふぉくる

@focru_ino

1 year

見て楽しむだけの作品 #threejs

2

13

114

ふぉくる

@focru_ino

1 year

#threejs

1

7

115

ふぉくる

@focru_ino

3 years

I learned raymarching from akella( @akella )'s excellent video. He is now in the war zone. It really pains me to see such a wonderful creator like him subjected to unreasonable violence. #threejs #r3f

1

5

115

ふぉくる

@focru_ino

1 year

display: gridを使うと、開閉アニメーション付きのアコーディオンがcssだけでできるのか。直近の仕事で、まったく同じようなものをJS使って作ったけど作り直そうかな�� The simple trick to transition from 0 to auto with CSS @YouTube より

The simple trick to transition from height 0 to auto with CSS

Animating or transitioning to and from height auto is, well, not really possible (though it is being worked on!), but luckily, there is actually a solution u...

www.youtube.com

0

13

115

ふぉくる

@focru_ino

5 months

Joltっていう物理エンジンライブラリ初めて知って、デモ見たけどこれヤバイ。

Three.js

@threejs

5 months

Three.js r164 released 🎂

12

69

463

1

13

110

ふぉくる

@focru_ino

2 years

#threejs app repo

GitHub - nemutas/aurora-sphere

Contribute to nemutas/aurora-sphere development by creating an account on GitHub.

github.com

ふぉくる

@focru_ino

2 years

#threejs

13

43

609

1

15

107

ふぉくる

@focru_ino

6 months

multi render targetを使ったlight shaft #threejs

0

11

106

ふぉくる

@focru_ino

8 months

glslスクールで教えて頂いた、quadtreeとpmodとSESSIONSで見るアレ

1

12

104

ふぉくる

@focru_ino

2 years

Cloned kirihuda's( @kirifuda_inc ) works page. ♠️original ♥️application ♦️repogitry #threejs #r3f

2

12

105

ふぉくる

@focru_ino

1 year

粘菌ネットワーク #threejs

4

6

104

ふぉくる

@focru_ino

7 months

threejsのtorusとかtorus knotって、uv展開が綺麗だからテクスチャーマッピングが簡単にできそうだなと思って試してみた。 #threejs マウスでなぞると、cellがランダムに生成される。

2

11

103

ふぉくる

@focru_ino

2 years

ghost veil #threejs #r3f

3

100

ふぉくる

@focru_ino

2 years

できるのかなー？できないのかなー？って思ってたの、cssだけでできた。

1

7

96

ふぉくる

@focru_ino

2 years

I learned that distanceMaterial can be used to express this. #threejs #r3f

3

5

98

ふぉくる

@focru_ino

8 months

アルキメデス立体というらしい #glsl

1

12

98

ふぉくる

@focru_ino

3 years

Inspired by Richard Mattka's site. #threejs #r3f

3

10

98

ふぉくる

@focru_ino

2 years

#threejs #r3f

1

7

95

ふぉくる

@focru_ino

2 years

#threejs #r3f

1

2

97

ふぉくる

@focru_ino

1 year

WebGLスクール、第1回目の講義の課題できた。 #threejs

2

10

93

ふぉくる

@focru_ino

9 months

GLSLスクールの最終課題 #threejs #GLSL スクール

0

10

87

ふぉくる

@focru_ino

9 months

なるほど... アニメーションに緩急（BPM）があって、それが背景や前景で揃ってると綺麗に見える( ..)φメモメモ #GLSL スクール

0

7

88

ふぉくる

@focru_ino

2 years

Water surface expression using Reflector. #threejs

0

11

89

ふぉくる

@focru_ino

2 months

TOKYO NODEのサイトのテキストアニメーションを再現してみた。 inspired by

1

9

89

ふぉくる

@focru_ino

2 years

I created one before with r3f and now I am trying to create one with vanilla's #threejs Cannon-es is very document detailed and easy to understand.

1

5

88

ふぉくる

@focru_ino

3 years

margin #threejs #r3f

2

7

87

ふぉくる

@focru_ino

1 year

渦 #threejs

5

2

88

ふぉくる

@focru_ino

2 years

#threejs #r3f

1

9

84

ふぉくる

@focru_ino

6 months

おそらくこうだろうなって感じで実装したら、スッとできちゃった。 webglスクール，glslスクール様様です。

1

3

85

ふぉくる

@focru_ino

1 year

久しぶりに課題で作品らしいものを作った。久しぶりにfragment shader芸したけど楽しい。 #webgl #WebGL スクール

2

5

85

ふぉくる

@focru_ino

2 years

mrdoobが話されていた、volume materialはraymarchingを使って以前実装したことがあって、とても豊かな表現ができて面白い技術だと思った。だから、これが煩雑なShaderを書かなくても実装できるようになればすごいと思う。 #threejs

1

6

83

ふぉくる

@focru_ino

2 years

ここから詰める気にならないから終わり。

2

6

81

ふぉくる

@focru_ino

3 years

phantasmagoric. In Japanese, it's called hengenjizai（変幻自在）. #threejs #r3f

2

10

82

ふぉくる

@focru_ino

1 year

refractを2回してるだけなんだけど、まじで綺麗。 #threejs

0

5

82

ふぉくる

@focru_ino

2 years

満足した。

1

2

80

ふぉくる

@focru_ino

4 months

🤔

1

2

79

ふぉくる

@focru_ino

2 years

I couldn't make Pass into a component by any means in Drei (+ TypeScript), so I made it into a class to make it as reusable as possible. I don't have enough knowledge...😢 #threejs #r3f 😢app 😢repo

1

7

81

ふぉくる

@focru_ino

7 months

玉ボケ試作

2

1

78

ふぉくる

@focru_ino

3 months

いつか見たやつのコードをなぞってみた。綺麗すぎる。

3

4

79

ふぉくる

@focru_ino

3 years

#threejs #r3f

1

2

80

ふぉくる

@focru_ino

2 years

Once you understand uv, you can handle a single Texture in multiple Planes. #threejs #r3f

7

3

78

ふぉくる

@focru_ino

2 years

This application is a reproduction of goodboy's FV animation. #threejs app original

1

14

79

ふぉくる

@focru_ino

2 years

@masudaaa さんの作品があまりにもすごすぎたのでクローンを作った。技術的には、・instancedMesh ・GPUComputationRenderer ・quaternionを使った回転を使った。 #threejs

4

7

78

ふぉくる

@focru_ino

2 years

玉虫色と透過

Jaume Sanchez Elias 🇺🇦

@thespite

2 years

Codevember 2022 - 23. Iridescent #threejs #webgl Live: Source code:

6

23

202

1

9

75

ふぉくる

@focru_ino

3 years

Beautiful gloss #threejs #r3f

2

8

76

ふぉくる

@focru_ino

1 year

using rapier #threejs

3

9

74

ふぉくる

@focru_ino

2 years

#threejs app inspired by

2

1

75

ふぉくる

@focru_ino

1 month

falling sand simulation with #threejs

2

10

73

ふぉくる

@focru_ino

4 months

#threejs #b3d inspired by

2

6

73

ふぉくる

@focru_ino

1 year

#threejs

3

6

70

ふぉくる

@focru_ino

3 years

inspired by unshift( @_unshift ) works page. images are borrowed from the wonderful work of WLOP( @wlopwangling ). #threejs #r3f

1

7

71

ふぉくる

@focru_ino

7 months

googleのAnimated Emojiから、lottieファイルをDLできるみたいだった。前にbaqemonoさんの404ページ見てた時にAnimated Emoji知った。

3430342046494c45204e4f5420464f554e44

e699aee9809ae381ae576562e382b5e382a4e38388e381a0e381a8e6809de38184e381bee38197e3819fefbc9fe7a781e3819fe381a1e3818ce3819de38293e381aae38282e381aee4bd9ce3828be3828fe38191e381aae38184e38198e38283e381a...

baqemono.jp