3D Printing Plastic Analyzer

A sophisticated web interface for analyzing and animating 3D printing plastics under different light sources.

Features

• Interactive Plastic Table: View and manage different plastic types with their color properties
• Multi-Light Analysis: See how plastics appear under daylight, UV, and fluorescent lighting
• Real-time Animation: Smooth color transitions and brightness effects
• Color Editor: Full editing capabilities for each plastic's properties
• Data Management: Export/import functionality for saving and sharing plastic data
• Responsive Design: Works seamlessly on desktop and mobile devices

Technology Stack

• React 18 with TypeScript
• Tailwind CSS for styling
• Framer Motion for animations
• Lucide React for icons
• Vite for development and building

Getting Started

1. Install dependencies:

npm install

2. Start the development server:

npm run dev

3. Build for production:

npm run build

Project Structure

src/
├── components/          # React components
│   ├── AnimationControls.tsx
│   ├── ColorPreview.tsx
│   ├── DataManagement.tsx
│   ├── PlasticEditor.tsx
│   └── PlasticTable.tsx
├── data/               # Static data
│   └── plastics.ts
├── utils/              # Utility functions
│   └── fileOperations.ts
├── types.ts            # TypeScript type definitions
├── App.tsx             # Main application component
├── main.tsx            # Application entry point
└── index.css           # Global styles

Usage

1. View Plastics: Browse the table to see different plastic types and their properties
2. Change Lighting: Use the animation controls to switch between different light sources
3. Edit Plastics: Click "Edit" on any plastic to modify its properties
4. Add New Plastics: Use the "Add New Plastic" button to create custom entries
5. Export/Import: Save your work or load existing data using the data management tools

Plastic Properties

Each plastic includes:

• Colors under different lighting conditions (daylight, UV, fluorescent, transparent)
• Thickness settings
• Color effects description
• Animation type preferences

Contributing

Feel free to contribute by adding new plastic types, improving animations, or enhancing the user interface.