Skip to content

A next.js project that load a 3D scene where a traditional Chinese cloth is inside, and users can modify the texture of the cloth

License

Notifications You must be signed in to change notification settings

Mikawawawa/SwallowKite

Repository files navigation

This is a Next.js project bootstrapped with create-next-app.

TL;DR

This is a simple toy project that let users create textures with traditional Chinese swallow kite concepts. The textures can be used on the cheongsam model immediately.

The textures maker is driven by PIXI.js and the 3D scene is made by Babylon.js

Todo List

[ ] Layer configuration

[ ] Localization storage of creation by indexDB

[ ] Asset presets

[ ] Make a cartoon shader material, it's a popular style these days.

[ ] Try some approaches to make the model more smooth (cloth simulation ?), any how, at least I should create a normal map

Progress

Project setup

Project setup

Concept verfication

Generate a dynamic texture and update it to mesh

Verify how to generate texture and update the material of meshes. Layers info

Rendered

UI Enhancement

I'm pretend to make a sense of working hub

About

A next.js project that load a 3D scene where a traditional Chinese cloth is inside, and users can modify the texture of the cloth

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published