model-x-studio README

The project's README from github.com/ashemag/model-x-studio. As one markdown file: README.md.

Model X Studio

Interactive 3D Tesla Model X studio with a circular display platform, component descriptions, individual-piece isolation, and a progressive explosion slider covering all 334 mesh pieces.

Local development

Requires Node.js 22.13+ and npm.

npm ci
npm run dev -- --port 3015

Vercel

Import this repository into Vercel with the repository root as the project root. The checked-in vercel.json builds the browser application with npm run build:vercel and serves dist/vercel. No environment variables or database are required.

The Vercel entry point reuses the same React page, styles, component library, Three.js scene and local model assets as the existing development app. The original npm run build remains available for the Vinext / Cloudflare output.

Configuration reference: https://vercel.com/docs/project-configuration/vercel-json

Validation

npx tsc --noEmit
node --experimental-strip-types scripts/validate-explosion.mjs
npm run build:vercel

The geometry check verifies 334 distinct layout slots and camera coverage at three viewport proportions. It is not a browser frame-rate measurement.

Model source and scope

The Model X asset is by cgi Moon on BlendKit, used under the BlendKit Royalty Free license. Asset redistribution is subject to that license; this repository is private and the asset is embedded in the application.

This source depicts a pre-refresh Model X, with an unverified exact model year. The 334 pieces are artist-authored mesh islands, not verified Tesla service-part identifiers. Battery, drive units and suspension are illustrative geometry. This is an independent educational project, not a complete OEM parts catalog or a Tesla-affiliated product.

model-x-studio (ashemag/model-x-studio)

Searching Database…

Что это такое?Это интерактивная 3D-студия Tesla Model X в браузере: круглая демонстрационная платформа с описаниями компонентов, изоляцией отдельных деталей и прогрессирующим слайдером разнесения, охватывающим все 334 mesh-детали машины.
Это конфигуратор, который можно настраивать, или просто просмотрщик?Это просмотрщик/обозреватель, а не конфигуратор: вы вращаете машину на круглой платформе, изолируете отдельные компоненты и тянете слайдер, чтобы постепенно разнести все 334 детали; функций покупки или кастомизации нет.
Как запустить это локально или задеплоить?Склонируйте репозиторий и запускайте его с Node.js, используя vinext для локальной разработки; для деплоя просто импортируйте репозиторий в Vercel как есть — уже включённый в репозиторий vercel.json собирает его командой npm run build:vercel и раздаёт dist/vercel.
Нужно ли что-то, кроме Node и npm?Нет. Достаточно Node.js 22.13+ и npm; деплой на Vercel не требует переменных окружения или базы данных, потому что ассеты модели включены в репозиторий.
Это точный каталог запчастей Tesla?Нет. Эти 334 детали — художественные mesh-острова, а не проверенные идентификаторы сервисных запчастей Tesla, а батарея, приводные модули и подвеска — лишь иллюстративная геометрия.
Можно ли повторно использовать 3D-модель?Сама модель Model X — сторонний ассет с BlendKit, которого собственная лицензия этого репозитория не касается, так что повторное использование регулируется условиями BlendKit, а не этого проекта.
Что на самом деле делает слайдер разнесения?При перетаскивании он поэтапно оттягивает все 334 mesh-детали наружу от шасси, позволяя увидеть обычно скрытую внутреннюю структуру.
Откуда взялась 3D-модель?Mesh-модель Model X — купленный ассет автора 'cgi Moon' на BlendKit, используемый по лицензии Royalty Free от BlendKit и встроенный прямо в приложение, а не взятый у Tesla.
Можно ли задеплоить собственную копию?Да: импортируйте репозиторий в Vercel, и он соберётся автоматически через включённый vercel.json (npm run build:vercel), либо используйте дефолтный путь npm run build для сборки Vinext/Cloudflare Workers.
Как проверяется раскладка из 334 деталей?Геометрическая проверка подтверждает, что есть ровно 334 отдельных слота раскладки с корректным охватом камеры при трёх пропорциях вьюпорта; она проверяет правильность раскладки, а не производительность по кадрам в браузере.
Creator
ashemag
Size
10.3 MB
Stars
263
Updated
CommitSep 04
Age
1mo
Commits · 90 Days