webaverse / app

Web metaverse client
https://app.webaverse.com
MIT License
340 stars 207 forks source link

Art: Potions #1347

Closed madjin closed 2 years ago

madjin commented 3 years ago

Potions will buff/debuff players to have extreme experiences in-game. I think what would go a long way is to think about the types of potions we will have, what ingredients they will require, and perhaps how the icons for those ingredients / potions can gracefully degrade into tiny icons for 2D menus and Discord.

image

image

image

avaer commented 3 years ago

This should be its own configurable NFT type in the editor -- upload the model, with some way to animate the "fill" state, and a way to input effects.

plankatron commented 3 years ago

potion1

avaer commented 3 years ago

The thing I had in mind was something slurpable, like the jar in the first reference:

The last reference set (which did not come from the docs) is the most traditional/forgettable option and it seems that is what these models are based off of.

Ie I don’t think this should be a reference:

But the star of the show is less the containers and more the contents.

We should get a base texture (or set of base textures) for the contents, which could be animated to swirl or slosh. It is fine if it defies gravity when held.

avaer commented 3 years ago

Also I think we only need one container to start, with changeable content textures.

avaer commented 3 years ago

For future iterations and/or material inspiration for contents:

Collection of Potion Bottles for Prop Concepts

plankatron commented 3 years ago

so thiis is hopefully a pathfinding model, the material is heavily procedural also for a realtime render engine i think that this transparency effect may be a challenge, can send blend file for inspection, wondering what type of material constraints you are thinking of.

https://user-images.githubusercontent.com/5592454/125010445-85a47180-e034-11eb-8942-b9eb96896c92.mp4

avaer commented 3 years ago

That looks sick! Though a cylinder is probably a better shape for avatar holding purposes (hopefully that’s not a difficult change).

For the materials I think the above shot has a good variety of textures and colors. I’m even down for adding particles floating around. As long as the animations and textures are baked and the content objects are separate so they can be enabled and disabled. There is a lot of leeway.

The only potion that appears in the trailer is a speed one and I don’t even think it matters what it looks like — the above is good enough if it can be baked.

avaer commented 3 years ago

Re transparency, I’m not so much concerned about the reflections and stuff. Even going down to Zelda OOT bottle mode (edit: for the glass material) would not be terrible.

bottle

plankatron commented 3 years ago

another test , tomorrow i will experiment with some glb exports jar1

avaer commented 3 years ago

That looks great, but I meant rectangularizing the jar, not replacing it with the zelda bottle form:

image

I was only referencing the zelda bottle as a possible way to make the transparency work cleanly.

However it seems both of the ingredients are here, they just need to be combined.

Vianvolaeus commented 3 years ago

https://pathofexile.fandom.com/wiki/List_of_unique_flasks

Just dropping this in here, some of these are great in terms of tying the IPs (dark fantasy) theme with gameplay and design:

image

These are looking amazing, though

plankatron commented 3 years ago

like this avaer: ? so this is the exported glb version which renders correctly in babylon but not don mcnurdy's gltf viewer , it is not the end of the world with don's but babylon's follows blenders request to not show backfaces which is the trick to get this one to render without much in the way of render errors

Babylon Sandbox Screenshot at 2021-07-09 17-32-50

Don Mcnurdy Gltf viewer Screenshot at 2021-07-09 17-20-51

plankatron commented 3 years ago

variant : Screenshot at 2021-07-09 18-01-14

plankatron commented 3 years ago

so this is a pretty good test case , but i think its a bit too generic, can you post specific screens of potion direction? Screenshot at 2021-07-09 18-10-06

avaer commented 3 years ago

https://github.com/webaverse/app/issues/1347#issuecomment-877462878

Yes this version works. I see what you mean by not rendering back faces, but we can fix that and it is not a major issue.

avaer commented 3 years ago

This is marked as in review; is that asset up somewhere?

madjin commented 3 years ago

@plankatron had to fix the animation on the glb's so they loop correctly, will be up soon

plankatron commented 3 years ago

animated and static potions are on gdrive please review

madjin commented 3 years ago

Nice renders + transparent images round_jar_transp square_jar_transp

image

Verified that the animated potions loop perfectly in sandbox / gltf viewer.

Checked the static ones too. Great job on getting a really low filesize, these can make great scene props and templates for future artists.

What repo are we going to upload these to?

avaer commented 3 years ago

What repo are we going to upload these to?

https://github.com/webaverse/assets

madjin commented 3 years ago

added