Hi community!
Picture:
Demo and source code: https://codepen.io/prisoner849/full/rNJexaX
It’s all started about a couple of weeks ago, when I recalled of this forum topic and had a simple wish to try to simulate wind on a grass of instanced lines.
PS Music player is at the bottom left corner.
12 Likes
Looks great! Although Firefox and Safari are having a hard time with the import-map. I’m getting the error:
Uncaught TypeError: Error resolving module specifier “three”. Relative module specifiers must start with “./”, “…/” or “/”.
1 Like
makc3d
May 17, 2022, 12:40am
3
yes, these new demos make me open chrome
That’s not a bug, it’s a feature
1 Like
This is beautiful both technically and visually, even the music is top notch
1 Like
Downgraded to the good old r136.
No more import-maps for this scene
3 Likes
@Fennec Thank you very much
1 Like
Update: Selective Bloom added.
1 Like
@prisoner849
Just a thought, since you are into fish and curves (not judging ), you can add some instances swimming around the island with a Cyber/Ethno version, that would be a nice addition and a strong tech demo (It already is).
1 Like
@Fennec That’s a really good idea
But the scene is complete and I’ve got no plans to add something into it.
Though, I have some ideas about demos with that fish geometry
PS Playing with another demo of mine Generative (Fat Lines + texture + Selective Bloom) , once I had this result. For me it looks like a fox with big ears. Thus, a fennec fox
2 Likes
emdax
May 22, 2022, 8:02am
11
Brilliant work. Truly marvelous, @prisoner849
Fennec
May 22, 2022, 8:19am
13
@prisoner849
As an expert, I can certify, that’s definitely a fennec fox … looking forward for you next demo
2 Likes
emdax
May 22, 2022, 8:39am
14
I noticed in Safari/WebKit it is reporting:
"[Error] WebGL: INVALID_OPERATION: useProgram: program not valid
useProgram
useProgram (three.js:12655)
setProgram (three.js:15850)
(anonymous function) (three.js:15378)
renderObject (three.js:15700)
renderObjects (three.js:15682)
renderScene (three.js:15642)
(anonymous function) (three.js:15545)
render (RenderPass.js:37)
render (EffectComposer.js:90)
(anonymous function) (pen.js:719)
onAnimationFrame (three.js:15476)
onAnimationFrame (three.js:7313)
Also noticed CPU go wild and computer slow down.
Are a lot of Three features more Chrome targeted now?
makc3d
May 22, 2022, 9:57am
15
it is more like some other proud browsers do not want to implement things the way chrome does
2 Likes