The Inglorious Coderz logo, remade to be compatible with Inglorious Web.
npm install @inglorious/logoThe Inglorious Logo component — a small, dependency-light package that provides the 3D logo render and interactive handlers for Inglorious Web.
---
Add the package to your project:
``bash`
pnpm add @inglorious/logo
---
Import the package and its stylesheet, and (optionally) the types for TypeScript.
Then, register the logo type in your store, create an entity of that type, and use api.render(entityId) inside your templates (see the web-logo demo app).
`js
import { createStore } from "@inglorious/web"
import { logo } from "@inglorious/logo"
import "@inglorious/logo/style.css"
const entities = {
logo: {
type: "logo",
size: 256,
faces: [
{ image: "I", reverse: false, eye: true },
{ image: "W", reverse: false, eye: false },
],
isInteractive: false,
isScrollPrevented: true,
},
}
const store = createStore({
types: { logo },
entities,
})
// app render function receives api from mount()
const app = {
render(api) {
return api.render("logo")
},
}
// TypeScript: import the entity type if you want to annotate entity shapes
// import type { LogoEntity } from "@inglorious/logo"
``
---
MIT License - Free and open source
Created by Matteo Antony Mistretta
You're free to use, modify, and distribute this software. See LICENSE for details.
---
Contributions welcome! Please read our Contributing Guidelines first.