Maeda Mameo

I'm studying glsl to make web games.

[NEKONOKO😸6/19-21デザフェスmini【A-26】 @nekonokosora]

#ネコ金魚 カプセルトイ
なんとまだ名古屋の昭和区安田通りのスーパーヤマナカに少しだけあったみたいで、友達が昨日まわしたよと連絡がありました。
まだ売ってたことと友達が発見したのすごい偶然すぎてびっくり！！

[Maeda Mameo @mamesoncom]

@ship_temp_md I can never have too many wrinkles:)

[Maeda Mameo @mamesoncom]

The metalic foil balloons are pumped up using the positionNode, while wrinkles are added to their surface using the normalNode.
Made with #threejs TSL
live demo ->

[Maeda Mameo @mamesoncom]

https://t.co/ZcVRi2xWu7

[Maeda Mameo @mamesoncom]

https://t.co/jxUxTu3Wlj

[Maeda Mameo @mamesoncom]

An example that draws wood grain on the surface of objects already exists in the official examples, but when I applied it in normalNode, it gained a three-dimensional apparance.
Made with #threejs TSL
live demo ->

[Maeda Mameo @mamesoncom]

@mrdoob I've read the mag. Superman's mysterious secret identity is coming to light :)

[Maeda Mameo @mamesoncom]

Flame-like shapes can be generated simply by randomly pulling vertices on upward-facing surfaces higher.
"Gliffin" model by Trevor Robinson aka Icenvain.
Made with #threejs TSL
live demo -> https://t.co/tTcaprgZAS

[Maeda Mameo @mamesoncom]

Procedural donut-shaped spangles on objects of any shape.
Horse sculpture model by @GoMeasure3D
Made with #threejs TSL
live demo -> https://t.co/Wfkj96G6fe

[Maeda Mameo @mamesoncom]

A swarm of speeding TIE fighters bursts through the clouds.
Huge space station model by @GerardoJustel
Made with #threejs
live demo -> https://t.co/RWTyguMZIG

[Maeda Mameo @mamesoncom]

@shotamatsuda ありがとうございます！恐縮です。WebGPU版、楽しみにしてます😀

[Maeda Mameo @mamesoncom]

I added pink and purple tones to the beautiful clouds by @shotamatsuda
Balinese bedogol model by @ClassyDogFilms
Made with #threejs
live demo -> https://t.co/UwJeOcXpVb

[Maeda Mameo @mamesoncom]

Powered by SSGI, the letters glow like neon tube, light up the room.
Made with #threejs TSL
live demo -> https://t.co/Q2VouMgacE

[Maeda Mameo @mamesoncom]

@KelynCran Hi, yep, it's three-mesh-bvh by Garrett Johnson. It provides functions that can find closest point on a mesh efficiently in super high speed and gives normal too. All of this is done on the CPU side, while GPU's InstancedMesh casually draws a huge number of triangles.

[Maeda Mameo @mamesoncom]

Thanks to BVH, five thousand pieces of whipped cream can crawl across the mesh surface.
Made with #threejs TSL
live demo (all source code is in a single html of the page) -> https://t.co/Q3WzynDe5S

[Maeda Mameo @mamesoncom]

@tinotibaldo @perplexdotgg and it's friendly with frontend js developers, thank you!

[Maeda Mameo @mamesoncom]

Simple physics example.
See this html source code, it's easy for frontend engineers and me,
because it's using no ts, single source code, with three files for three.js and one file for physics.
Bounce by @perplexdotgg
Made with #threejs
live demo -> https://t.co/9Az1T0a5bv

[Maeda Mameo @mamesoncom]

@pattersonselin @perplexdotgg yeah, planning to show something react or little advanced tricks.

[Maeda Mameo @mamesoncom]

Snow-like material and glittery material using normalNode.
It's interesting to observe physical movements in a slower speed. "Bounce" physics by @perplexdotgg
Made with #threejs TSL
live demo (all source code is in a single html of the page) -> https://t.co/tTcaprgZAS

[Maeda Mameo @mamesoncom]

@mooreth42 Thank you. I didn't know "Frutiger Aero". Back in the good old day, every app icons on iPhone screen has gloss specular and shadow.

[Maeda Mameo @mamesoncom]

Want Liquid Glass?
Screen Space Surface Smoothing : Liquidify anything, not only water particles, but also mesh objects.
Made with #threejs TSL
live demo (all source code is in a single html of the page) -> https://t.co/zqNSx06YAZ