Skip to content

tyhallcsu/big-eazy-spindisplay

BranchesTags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
renders
renders
 
 
scripts
scripts
 
 
source
source
 
 
viewer
viewer
 
 
.gitattributes
.gitattributes
 
 
.gitignore
.gitignore
 
 
547227273_122137993856924986_8556302376693794118_n.ai
547227273_122137993856924986_8556302376693794118_n.ai
 
 
547227273_122137993856924986_8556302376693794118_n.dxf
547227273_122137993856924986_8556302376693794118_n.dxf
 
 
547227273_122137993856924986_8556302376693794118_n.eps
547227273_122137993856924986_8556302376693794118_n.eps
 
 
547227273_122137993856924986_8556302376693794118_n.pdf
547227273_122137993856924986_8556302376693794118_n.pdf
 
 
547227273_122137993856924986_8556302376693794118_n.svg
547227273_122137993856924986_8556302376693794118_n.svg
 
 
README.md
README.md
 
 
package-lock.json
package-lock.json
 
 
package.json
package.json
 
 

Repository files navigation

SVG Render Workflow

This repo turns logo SVGs into reusable 3D assets and public-ready example renders. The workflow is manifest-driven, supports multiple logos, and can build both faithful and display-optimized variants.

Current Big Eazy concept work is tuned first for a 22-23.6 inch single-fan hologram display in the MSBHZ-YY60-S4 class, assuming a clear acrylic or glass-style front cover. That means the pipeline favors center-weighted composition, thicker readable forms, safe silhouette massing, and black-background contrast over delicate decorative effects that only look good in a flat browser preview.

Gallery

Big Eazy Baseline

Faithful full-logo hero still:

Big Eazy full hero still

Display SpinDisplay still:

Big Eazy display SpinDisplay preview

Display premium turntable still:

Big Eazy premium turntable preview

Display hero still:

Big Eazy hero still

Display proof still:

Big Eazy proof still

Display animated proof pack:

Big Eazy animated proof pack

Display proof contact sheet:

Big Eazy contact sheet

Big Eazy Concept Families

Floating luxury hologram:

Big Eazy floating luxury hologram

Spinning 3D emblem:

Big Eazy spinning 3D emblem

Futuristic projection:

Big Eazy futuristic projection

Concept rotation contact sheets:

Big Eazy floating luxury hologram contact sheet

Big Eazy spinning 3D emblem contact sheet

Big Eazy futuristic projection contact sheet

Big Eazy Deployable Presets + Custom Color

Midnight emboss:

Big Eazy midnight emboss

Signal beacon:

Big Eazy signal beacon

Glass panel hologram:

Big Eazy glass panel hologram

Amber marquee:

Big Eazy amber marquee

Amber marquee custom color (ff5a1f):

Big Eazy amber marquee custom color

Earth Saving Solutions Baseline

Faithful full-logo hero still:

Earth Saving Solutions full hero still

Faithful full-logo premium turntable still:

Earth Saving Solutions full premium turntable preview

Display SpinDisplay still:

Earth Saving Solutions display SpinDisplay preview

Display proof still:

Earth Saving Solutions display proof still

Display-optimized animated proof pack:

Earth Saving Solutions display proof pack

Display contact sheet:

Earth Saving Solutions display contact sheet

Earth Saving Solutions Deployable Presets

Midnight emboss:

ESS midnight emboss

Signal beacon:

ESS signal beacon

Glass panel hologram:

ESS glass panel hologram

Amber marquee:

ESS amber marquee

Munchies and Mimosas Baseline

Faithful full-logo hero still:

Munchies and Mimosas full hero still

Display hero still:

Munchies and Mimosas display hero still

Display SpinDisplay still:

Munchies and Mimosas display SpinDisplay

Display animated proof pack:

Munchies and Mimosas display proof pack

Display contact sheet:

Munchies and Mimosas display contact sheet

Munchies and Mimosas Concepts + Original SVG Colors

Floating luxury hologram:

Munchies and Mimosas floating luxury hologram

Spinning 3D emblem:

Munchies and Mimosas spinning 3D emblem

Futuristic projection:

Munchies and Mimosas futuristic projection

Original SVG color mode (glass-panel-hologram--original-svg):

Munchies and Mimosas original SVG color mode

Big Eazy v2

Faithful full-logo hero still:

Big Eazy v2 full hero still

Display hero still:

Big Eazy v2 display hero still

Display SpinDisplay still:

Big Eazy v2 display SpinDisplay

Big Eazy v3

Faithful full-logo hero still:

Big Eazy v3 full hero still

Display hero still:

Big Eazy v3 display hero still

Display proof animated pack:

Big Eazy v3 display proof pack

Display concept family sample:

Big Eazy v3 floating luxury hologram

Supported Workflow

Logos

  • big-eazy
  • big-eazy-v2
  • big-eazy-v3
  • earth-saving-solutions
  • munchies-and-mimosas

Variants

  • big-eazy/full: faithful original logo
  • big-eazy/display: removes the small tagline for display readability
  • big-eazy-v2/full: faithful v2 wordmark
  • big-eazy-v2/display: display-optimized v2 mark
  • big-eazy-v3/full: faithful v3 mark
  • big-eazy-v3/display: display-optimized v3 mark
  • earth-saving-solutions/full: faithful full two-line mark
  • earth-saving-solutions/display: keeps the roof mark plus EARTH SAVING and drops SOLUTIONS
  • munchies-and-mimosas/full: faithful original logo
  • munchies-and-mimosas/display: current display-ready build using the full transparent art

Presets

Existing preset families remain available and unchanged (spindisplay-loop, premium-turntable, hero-still, proof-pack, and prior concept/deployable families).

  • spindisplay-loop: black-background looping turntable for hologram-fan style playback
  • premium-turntable: polished studio-style spin
  • hero-still: front-facing still for README/client preview use
  • proof-pack: loop plus GIF, contact sheet, and ffprobe validation metadata
  • floating-luxury-hologram: restrained cyan/teal floating hologram treatment tuned for real single-fan readability
  • spinning-3d-emblem: gold-forward bevel-heavy concept with the strongest real-hardware readability bias
  • futuristic-projection: projection-in-air treatment with a controlled plate/beam system that frames the logo instead of overpowering it
  • midnight-emboss: graphite-on-black embossed treatment with minimal motion and strong rim readability
  • signal-beacon: cyan/white deployable hologram look with a controlled vertical beacon behind the mark
  • glass-panel-hologram: acrylic-shield hologram treatment with a subtle panel and restrained halo
  • amber-marquee: warm amber deployable look with stronger readability than the heavy gold emblem concept

New Big Eazy Style Families

All 10 new families are configured with the full concept output bundle (preview.png, asset.glb, master.mp4, preview.gif, contact-sheet.png, ffprobe.json).

  • casino-neon-sign (display-safe, display_safe: true): Bourbon/Vegas neon-sign energy with bright emissive contouring and dark tube interiors.
  • trophy-emblem (display-safe, display_safe: true): heavy championship gold with thick bevels, dark backing, and minimal glow clutter.
  • crystal-glass-luxury (cinematic, display_safe: false): translucent crystal/glass treatment with cyan-violet rim lighting and refined motion.
  • mardi-gras-royal-crest (display-safe, display_safe: true): regal purple/green/gold crest direction with enamel-like material separation.
  • retro-chrome-nightlife (exploration, display_safe: false): mirrored chrome + magenta/green nightlife accents with animated shine sweeps.
  • wireframe-reveal (cinematic, display_safe: false): staged blueprint/wireframe-to-solid reveal sequence.
  • molten-gold-formation (cinematic, display_safe: false): heated gold formation animation that settles into a premium finished logo.
  • led-nightclub-panel (display-safe, display_safe: true): dense LED matrix/panel logic tuned for high fan-display readability.
  • stadium-hero (cinematic, display_safe: false): arena-scale hero reveal with controlled beam framing and premium gold massing.
  • art-deco-plaque (exploration, display_safe: false): brushed brass + black art-deco plaque treatment with restrained movement.

Recommended Presets For Real Single-Fan Deployment

  • casino-neon-sign
  • trophy-emblem
  • mardi-gras-royal-crest
  • led-nightclub-panel
  • spinning-3d-emblem
  • midnight-emboss

Color Modes

  • preset: use the preset's built-in material and glow colors
  • custom: replace the active look with a single user-selected primary color and auto-derived accents
  • original-svg: use the SVG fill colors directly on the 3D geometry, with a readability lift for very dark fills

Key Files

Source Assets

Generated Assets

Derived SVG + GLB

Example Renders

Complete Media Index (All Current Render Directories)

big-eazy / display

big-eazy / full

big-eazy-v2 / display

big-eazy-v2 / full

big-eazy-v3 / display

big-eazy-v3 / full

earth-saving-solutions / display

earth-saving-solutions / full

munchies-and-mimosas / display

munchies-and-mimosas / full

Build

Install dependencies:

npm install
npx playwright install chromium

Generate all derived variants:

npm run derive:svg

Build the public example set from the manifest's shared examples:

npm run build:examples

Build one logo/variant/preset combination:

npm run build:logo -- --logo earth-saving-solutions --variant display --preset spindisplay-loop

Build one Big Eazy concept family:

npm run build:concept -- --logo big-eazy --variant display --preset floating-luxury-hologram
npm run build:concept -- --logo big-eazy --variant display --preset spinning-3d-emblem
npm run build:concept -- --logo big-eazy --variant display --preset futuristic-projection

Build one of the new Big Eazy style families:

npm run build:logo -- --logo big-eazy --variant display --preset casino-neon-sign
npm run build:logo -- --logo big-eazy --variant display --preset trophy-emblem
npm run build:logo -- --logo big-eazy --variant display --preset crystal-glass-luxury
npm run build:logo -- --logo big-eazy --variant display --preset mardi-gras-royal-crest
npm run build:logo -- --logo big-eazy --variant display --preset retro-chrome-nightlife
npm run build:logo -- --logo big-eazy --variant display --preset wireframe-reveal
npm run build:logo -- --logo big-eazy --variant display --preset molten-gold-formation
npm run build:logo -- --logo big-eazy --variant display --preset led-nightclub-panel
npm run build:logo -- --logo big-eazy --variant display --preset stadium-hero
npm run build:logo -- --logo big-eazy --variant display --preset art-deco-plaque

Build the full Big Eazy concept batch:

npm run build:all-concepts

Build the full new style-family batch:

npm run build:new-style-families
npm run build:concept -- --job-set big-eazy-new-style-families

Build the shared deployable preset batch for all display variants:

npm run build:deployable-presets

Build with a custom runtime color:

npm run build:logo -- --logo big-eazy --variant display --preset amber-marquee --color-mode custom --primary-color ff5a1f

Build using original SVG fill colors:

npm run build:logo -- --logo munchies-and-mimosas --variant display --preset glass-panel-hologram --color-mode original-svg

Compatibility alias for the original Big Eazy SpinDisplay loop:

npm run build:spin

Output Layout

source/<logo-id>/<variant>.svg
source/<logo-id>/<variant>.glb
renders/<logo-id>/<variant>/<preset>/asset.glb
renders/<logo-id>/<variant>/<preset>/preview.png
renders/<logo-id>/<variant>/<preset>/master.mp4
renders/<logo-id>/<variant>/<preset>/preview.gif
renders/<logo-id>/<variant>/<preset>/contact-sheet.png
renders/<logo-id>/<variant>/<preset>/ffprobe.json
renders/<logo-id>/<variant>/<preset>--custom-<hex>/...
renders/<logo-id>/<variant>/<preset>--original-svg/...

Variant-level GLBs stay in source/<logo-id>/<variant>.glb for backward compatibility when using default preset colors. Concept presets that alter bevel/depth also write a deterministic preset-specific GLB to renders/<logo-id>/<variant>/<preset>/asset.glb.

When --color-mode is anything other than preset, outputs go to a suffixed render directory so alternate colorways do not overwrite the default preset render. Those non-default color runs also export their GLB into the suffixed render directory instead of source/<logo-id>/<variant>.glb.

Viewer Controls

Open viewer/index.html in the browser or through the render server and use the built-in controls to switch:

  • logo
  • variant
  • preset
  • Color Mode
  • Primary Color when Color Mode is custom

The viewer stores color choices in the URL via colorMode and primaryColor, so scenes are shareable and render exports can reuse the same settings.

Hardware Target

  • Default target is a 22-23.6 inch single-fan hologram display in the MSBHZ-YY60-S4 family
  • Assume a clear acrylic or glass-style front shield is present during playback
  • Keep critical logo mass centered and away from the outer circumference
  • Favor thicker forms, clean negative space, and strong silhouette contrast against black
  • Avoid hairline borders, glitter noise, fragile outer-edge details, or subtle dark-on-dark metallic reads
  • Use glow, beams, plates, and halos only when they reinforce readability

Recommended SpinDisplay Workflow

  1. Build from big-eazy/display unless you intentionally want the full brand lockup.
  2. Review preview.png first for centered massing and safe silhouette.
  3. Check contact-sheet.png and preview.gif for readability through rotation.
  4. Validate ffprobe.json before deployment packaging.
  5. Use the black-background master.mp4 for fan testing.

Adding Presets

Add or tune future looks in scripts/render-manifest.mjs:

  • define a new preset under presetDefinitions
  • add style metadata (category, display_safe, style_family, notes) so filtering and deployment choices stay explicit
  • decide whether the preset should enable baseHalo, projectionPlate, lightColumn, or shieldPanel
  • optionally use extended style controls when needed (logoOutline, backplate, sweepLight, stadiumBeams, sequence)
  • keep source SVG geometry clean/extrusion-friendly and push styling into preset/material/render logic
  • decide whether the preset should export a variant-level or preset-level GLB
  • add any reusable job batch under jobSets
  • keep new effects compatible with the existing viewer config shape before extending viewer/app.js

Defaults

  • 1024x1024
  • 30 fps
  • 8 seconds
  • black or near-black background depending on preset
  • H.264 MP4
  • no audio

Notes

  • The workflow is config-driven through the manifest, not hardcoded to one logo.
  • The public repo includes non-sensitive source logos and generated render assets.
  • Display variants are optimized for motion readability and are not intended to replace the original brand assets.
  • Big Eazy concept presets are tuned for real hologram-fan playback first, not just flat-screen preview aesthetics.

More Ideas

  • transparent PNG hero pack
  • white-background catalog still
  • matte-black emboss render
  • neon signage render
  • simple environment/mockup render

About

No description, website, or topics provided.

Resources

Readme
Activity

Stars

2 stars

Watchers

0 watching

Forks

0 forks
Report repository

Releases

No releases published

Packages

 
 
 

Contributors

Languages