Maeda Mameo
284 posts

Maeda Mameo
@mamesoncom
I'm studying glsl to make web games.
Tokyo / Japan Katılım Şubat 2018
104 Takip Edilen1.5K Takipçiler

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 ->
English

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 ->
English

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

Whenever I visited Japan, one of the things I always loved was its strong magazine culture.
After moving here, I’d regularly buy CGWORLD to see behind the scenes of anime, games, and movies, even when my nihongo was zero.
To my surprise, they reached out a couple of months ago to invite me into a conversation with @kenjiokabe, @_unshift, and @ikeryou as part of a @mount_inc special feature.
Thanks to @CGWjp for the opportunity! Hopefully next time I won't need a translator 🙇♂️
CGWORLD.jp@CGWjp
【誌面チラ見せ❗️5/9発売】 CGWORLD vol.334(2026年6月号) 「WEB ✕ 3DCG」特集💻 印象的なWebサイトを手がけるmount inc.(@mount_inc)の設計思想とワークフローをひも解きながら、Webにおける3D表現の現在と未来を探る! ▼リプ欄から全記事をチェック▼
English

Procedural donut-shaped spangles on objects of any shape.
Horse sculpture model by @GoMeasure3D
Made with #threejs TSL
live demo -> #glittered_2" target="_blank" rel="nofollow noopener">mameson.com/experiment/gls…
English

A swarm of speeding TIE fighters bursts through the clouds.
Huge space station model by @GerardoJustel
Made with #threejs
live demo -> #fluffed_2" target="_blank" rel="nofollow noopener">mameson.com/experiment/gls…
English

@mamesoncom @ClassyDogFilms Great! This is a work-in-progress WebGPU implementation, where you can bump the Rayleigh scattering by something like 10x to produce a more hell-like pink atmosphere.

English

I added pink and purple tones to the beautiful clouds by @shotamatsuda
Balinese bedogol model by @ClassyDogFilms
Made with #threejs
live demo -> #fluffed" target="_blank" rel="nofollow noopener">mameson.com/experiment/gls…
English

@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.
English

@mamesoncom BVH as in Bounding Volume Heirarchy? How does that help performance in this application? Is it just for rendering, or for the placement/animation of the objects?
English

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

@mamesoncom @perplexdotgg Really nice, and it runs at good fps
English

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 -> #bounce_example" target="_blank" rel="nofollow noopener">mameson.com/experiment/gls…
English

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

@mamesoncom @perplexdotgg nice, clean single-file physics demo. next: drag to throw, tweak friction?
English

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) -> #nrm_7" target="_blank" rel="nofollow noopener">mameson.com/experiment/gls…
English

@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.
English

Tested out "Bounce" by @perplexdotgg It's so lightweight and compact.
Made with #threejs TSL
live demo -> #bounce_test" target="_blank" rel="nofollow noopener">mameson.com/experiment/gls…
English

