lively-mascot 0.2.0

package/dist/lively-mascot.min.js

@@ -0,0 +1,8 @@
+(()=>{var ce=(g,t)=>()=>{try{return t||g((t={exports:{}}).exports,t),t.exports}catch(d){throw t=0,d}};var de=ce((I,j)=>{window.LivelyEmotions={"00":{id:"00",name:"Sleep",group:"lifecycle",desc:"\u6DF1\u5EA6\u7761\u7720",blink:!1,gaze:!1,bodyFilter:"brightness(0.55) saturate(0.6)",leafAnim:"lively-leaf-sleep 6s ease-in-out infinite",footAnim:"lively-foot-rest 4s ease-in-out infinite"},"01":{id:"01",name:"Wake",group:"lifecycle",desc:"\u521A\u7761\u9192",bodyAnim:"lively-wake 1.2s ease-out",leafAnim:"lively-leaf-wake 0.8s ease-out",footAnim:"lively-foot-wake 0.6s ease-out"},"02":{id:"02",name:"Idle",group:"lifecycle",desc:"\u5F85\u673A"},"03":{id:"03",name:"Breathe",group:"lifecycle",desc:"\u5E73\u7A33\u547C\u5438",bodyAnim:"lively-deep-breathe 4s ease-in-out infinite",leafAnim:"lively-leaf-breathe 4s ease-in-out infinite",footAnim:"lively-foot-rest 4s ease-in-out infinite"},"04":{id:"04",name:"Ready",group:"lifecycle",desc:"\u968F\u65F6\u5F85\u547D",bodyAnim:"lively-ready 2s ease-in-out infinite",leafAnim:"lively-leaf-ready 1.5s ease-in-out infinite",footAnim:"lively-foot-ready 1.8s ease-in-out infinite"},"05":{id:"05",name:"Pause",group:"lifecycle",desc:"\u6682\u505C\u4E2D",bodyFilter:"saturate(0.4) brightness(0.85)",leafAnim:"lively-leaf-pause 6s ease-in-out infinite",footAnim:"lively-foot-rest 4s ease-in-out infinite"},"06":{id:"06",name:"Refresh",group:"lifecycle",desc:"\u6B63\u5728\u5237\u65B0",bodyAnim:"lively-refresh 0.8s ease-in-out infinite",leafAnim:"lively-leaf-refresh 0.6s ease-in-out infinite"},"07":{id:"07",name:"LowBattery",group:"lifecycle",desc:"\u7535\u91CF\u4E0D\u8DB3",bodyFilter:"saturate(0.3) brightness(0.7)",bodyAnim:"lively-lowbatt 2.5s ease-in-out infinite",leafAnim:"lively-leaf-droop 3s ease-in-out infinite",footAnim:"lively-foot-rest 5s ease-in-out infinite"},"08":{id:"08",name:"Offline",group:"lifecycle",desc:"\u5DF2\u79BB\u7EBF",blink:!1,gaze:!1,bodyFilter:"grayscale(1) brightness(0.5)",leafAnim:"lively-leaf-droop 8s ease-in-out infinite"},"09":{id:"09",name:"Boot",group:"lifecycle",desc:"\u542F\u52A8\u4E2D",bodyAnim:"lively-boot 0.5s ease-in-out 3",leafAnim:"lively-leaf-boot 0.4s ease-out 3",footAnim:"lively-foot-boot 0.3s ease-out 3"},10:{id:"10",name:"Happy",group:"reaction",desc:"\u5F00\u5FC3",gaze:!1,bodyAnim:"lively-happy-bounce 0.6s ease-in-out 2",leafAnim:"lively-leaf-happy 0.4s ease-in-out 4",footAnim:"lively-foot-happy 0.35s ease-in-out 4"},11:{id:"11",name:"Excited",group:"reaction",desc:"\u5174\u594B",gaze:!1,bodyAnim:"lively-excited 0.5s ease-in-out 3",leafAnim:"lively-leaf-excited 0.3s ease-in-out 5",footAnim:"lively-foot-excited 0.25s ease-in-out 6"},12:{id:"12",name:"Sad",group:"reaction",desc:"\u96BE\u8FC7",gaze:!1,bodyAnim:"lively-sad 3s ease-in-out infinite",bodyFilter:"brightness(0.85) saturate(0.7)",leafAnim:"lively-leaf-droop 2s ease-in-out infinite",footAnim:"lively-foot-rest 4s ease-in-out infinite"},13:{id:"13",name:"Angry",group:"reaction",desc:"\u751F\u6C14",gaze:!1,bodyAnim:"lively-angry 0.15s linear infinite",bodyFilter:"hue-rotate(340deg) saturate(1.5) brightness(0.95)",leafAnim:"lively-leaf-angry 0.12s linear infinite",footAnim:"lively-foot-stomp 0.18s ease-in-out infinite"},14:{id:"14",name:"Surprised",group:"reaction",desc:"\u60CA\u8BB6",gaze:!1,bodyAnim:"lively-surprise 0.5s ease-out",leafAnim:"lively-leaf-wake 0.5s ease-out"},15:{id:"15",name:"Shy",group:"reaction",desc:"\u5BB3\u7F9E",gaze:!1,bodyAnim:"lively-confused 2s ease-in-out infinite",leafAnim:"lively-leaf-shy 2s ease-in-out infinite"},16:{id:"16",name:"Love",group:"reaction",desc:"\u5FC3\u52A8",gaze:!1,bodyAnim:"lively-love-pulse 0.8s ease-in-out infinite",leafAnim:"lively-leaf-happy 0.6s ease-in-out infinite"},17:{id:"17",name:"Confused",group:"reaction",desc:"\u56F0\u60D1",bodyAnim:"lively-confused 2s ease-in-out infinite",leafAnim:"lively-leaf-confused 1.5s ease-in-out infinite"},18:{id:"18",name:"Cool",group:"reaction",desc:"\u800D\u9177",bodyFilter:"contrast(1.15) brightness(1.05)",leafAnim:"lively-leaf-ready 2s ease-in-out infinite"},19:{id:"19",name:"Smug",group:"reaction",desc:"\u5F97\u610F",bodyAnim:"lively-smug 2s ease-in-out infinite",leafAnim:"lively-leaf-ready 1.8s ease-in-out infinite"},20:{id:"20",name:"Thinking",group:"work",desc:"\u601D\u8003\u4E2D",blink:!1,bodyAnim:"lively-thinking 2.5s ease-in-out infinite",leafAnim:"lively-leaf-thinking 2s ease-in-out infinite"},21:{id:"21",name:"Listening",group:"work",desc:"\u503E\u542C\u4E2D",bodyAnim:"lively-listening 2s ease-in-out infinite",leafAnim:"lively-leaf-listen 1.8s ease-in-out infinite"},22:{id:"22",name:"Talking",group:"work",desc:"\u8BF4\u8BDD\u4E2D",bodyAnim:"lively-talking 0.5s ease-in-out infinite",leafAnim:"lively-leaf-talking 0.8s ease-in-out infinite"},23:{id:"23",name:"Searching",group:"work",desc:"\u641C\u7D22\u4E2D",bodyAnim:"lively-searching 1.5s ease-in-out infinite",leafAnim:"lively-leaf-searching 1.2s ease-in-out infinite",footAnim:"lively-foot-pace 0.8s ease-in-out infinite"},24:{id:"24",name:"Reading",group:"work",desc:"\u9605\u8BFB\u4E2D",bodyAnim:"lively-reading 3s ease-in-out infinite",leafAnim:"lively-leaf-reading 2.5s ease-in-out infinite"},25:{id:"25",name:"Writing",group:"work",desc:"\u5199\u4F5C\u4E2D",bodyAnim:"lively-writing 1.8s ease-in-out infinite",leafAnim:"lively-leaf-writing 1.5s ease-in-out infinite",footAnim:"lively-foot-writing 1.2s ease-in-out infinite"},26:{id:"26",name:"Coding",group:"work",desc:"\u7F16\u7A0B\u4E2D",blink:!1,bodyAnim:"lively-coding 2.5s ease-in-out infinite",leafAnim:"lively-leaf-coding 2s ease-in-out infinite"},27:{id:"27",name:"Designing",group:"work",desc:"\u8BBE\u8BA1\u4E2D",bodyAnim:"lively-designing 3s ease-in-out infinite",leafAnim:"lively-leaf-designing 2.5s ease-in-out infinite"},28:{id:"28",name:"Loading",group:"work",desc:"\u52A0\u8F7D\u4E2D",gaze:!1,bodyAnim:"lively-loading-bounce 0.9s ease-in-out infinite",footAnim:"lively-foot-rest 3s ease-in-out infinite"},29:{id:"29",name:"Processing",group:"work",desc:"\u5904\u7406\u4E2D",bodyAnim:"lively-processing 1.5s ease-in-out infinite",leafAnim:"lively-leaf-thinking 1.2s ease-in-out infinite"},30:{id:"30",name:"Success",group:"work",desc:"\u4EFB\u52A1\u5B8C\u6210",gaze:!1,bodyAnim:"lively-success 0.7s ease-out",leafAnim:"lively-leaf-happy 0.5s ease-out 2"},31:{id:"31",name:"Error",group:"work",desc:"\u53D1\u751F\u9519\u8BEF",gaze:!1,bodyFilter:"brightness(0.8) saturate(0.6)",bodyAnim:"lively-error 0.25s linear 4",leafAnim:"lively-leaf-error 0.2s linear 4"},32:{id:"32",name:"Grateful",group:"reaction",desc:"\u611F\u8C22",gaze:!1,bodyAnim:"lively-love-pulse 1.2s ease-in-out infinite",leafAnim:"lively-leaf-happy 1s ease-in-out infinite"},33:{id:"33",name:"Retrying",group:"work",desc:"\u91CD\u8BD5\u4E2D",bodyAnim:"lively-searching 1.2s ease-in-out infinite",leafAnim:"lively-leaf-confused 1s ease-in-out infinite",footAnim:"lively-foot-pace 0.6s ease-in-out infinite"},34:{id:"34",name:"Cancelled",group:"work",desc:"\u5DF2\u53D6\u6D88",bodyFilter:"saturate(0.5) brightness(0.8)",leafAnim:"lively-leaf-droop 3s ease-in-out infinite",footAnim:"lively-foot-rest 3s ease-in-out infinite"},35:{id:"35",name:"Crying",group:"reaction",desc:"\u54ED\u6CE3",gaze:!1,bodyFilter:"brightness(0.9) saturate(0.8)",bodyAnim:"lively-sad 2s ease-in-out infinite",leafAnim:"lively-leaf-droop 1.5s ease-in-out infinite",footAnim:"lively-foot-rest 3s ease-in-out infinite"},36:{id:"36",name:"Bored",group:"reaction",desc:"\u65E0\u804A",bodyAnim:"lively-bored 4s ease-in-out infinite",leafAnim:"lively-leaf-droop 5s ease-in-out infinite",footAnim:"lively-foot-rest 4s ease-in-out infinite"},37:{id:"37",name:"Nervous",group:"reaction",desc:"\u7D27\u5F20",bodyAnim:"lively-nervous 0.8s ease-in-out infinite",leafAnim:"lively-leaf-nervous 0.6s ease-in-out infinite",footAnim:"lively-foot-nervous 0.3s ease-in-out infinite"},38:{id:"38",name:"Eureka",group:"reaction",desc:"\u7075\u5149\u4E00\u73B0",gaze:!1,bodyAnim:"lively-eureka 0.6s ease-out",leafAnim:"lively-leaf-eureka 0.4s ease-out 2",footAnim:"lively-foot-happy 0.3s ease-out 3"},39:{id:"39",name:"Waiting",group:"work",desc:"\u7B49\u5F85\u4E2D",bodyAnim:"lively-waiting 2s ease-in-out infinite",leafAnim:"lively-leaf-waiting 1.5s ease-in-out infinite",footAnim:"lively-foot-tap 0.5s ease-in-out infinite"}};var se={lifecycle:{name:"\u751F\u547D\u5468\u671F",order:0},reaction:{name:"\u60C5\u7EEA\u53CD\u5E94",order:1},work:{name:"\u5DE5\u4F5C\u72B6\u6001",order:2}};typeof j=="object"&&j.exports&&(j.exports={emotions:LivelyEmotions,groups:se});typeof globalThis<"u"&&(globalThis.LivelyEmotions=LivelyEmotions,globalThis.LivelyEmotionGroups=se);var ne=function(g,t,d){return g<t?t:g>d?d:g};function q(g,t,d,b){d=d||{},b=b||{};var r=d.animated!==!1,l=d.followCursor!==!1,s=d.gazeRadiusX||200,e=d.gazeRadiusY||160,a=d.hopInterval===void 0?[6,13]:d.hopInterval,i=[],f=[],A=null,S=!1,B=!1,E=r&&l,w="02",x=null,v=null,c=!0,m=null,n=null,h={},p=null,u={registerPupil:function(o,y){for(var C=0;C<i.length;C++)if(i[C].el===o){i[C].spec=y;return}i.push({el:o,spec:y||{maxX:8,maxY:6}})},registerEye:function(o){f.indexOf(o)===-1&&f.push(o)},registerFace:function(o){A=o},registerBody:function(o){x=o},registerLeaf:function(o,y){v=o,c=!(y&&y.useLeafAnim===!1)},registerFeet:function(o){m=o},registerGazeWrap:function(o){n=o},registerFaceAccessory:function(o,y){!o||!y||(h[String(o)]=y,y.classList.add("lively-face-accessory"),p===null&&(p=String(o)),y.classList.toggle("is-active",p===String(o)))},setFaceAccessory:function(o){var y=o==null?null:String(o);p=y;for(var C in h)Object.prototype.hasOwnProperty.call(h,C)&&h[C].classList.toggle("is-active",C===y)},setEmotionState:function(o){w=String(o),L(w),ie()}};function T(o){S!==o&&(S=o,g.classList.toggle("is-happy",o))}function k(o){B!==o&&(B=o,g.classList.toggle("is-hopping",o))}function M(o){return LivelyEmotions[String(o)]}function P(){if(x&&(x.style.animation="",x.style.filter=""),t.style.animation="",v&&c&&(v.style.animation=""),m){m.style.removeProperty("--lively-state-filter");var o=m.querySelector(".lively__foot--l"),y=m.querySelector(".lively__foot--r");o&&(o.style.animation=""),y&&(y.style.animation="")}}function L(o){var y=M(o);if(!y){P();return}if(!r){x&&(x.style.filter=y.bodyFilter||""),m&&m.style.setProperty("--lively-state-filter",y.bodyFilter||"brightness(1)");return}if(x&&(x.style.animation=y.bodyAnim||"",x.style.filter=y.bodyFilter||""),v&&c&&(v.style.animation=y.leafAnim||""),m){m.style.setProperty("--lively-state-filter",y.bodyFilter||"brightness(1)");var C=m.querySelector(".lively__foot--l"),F=m.querySelector(".lively__foot--r");C&&(C.style.animation=y.footAnim||""),F&&(F.style.animation=y.footAnim||"")}o==="06"||o==="28"?(x&&(x.style.animation=""),t.style.animation=y.bodyAnim||""):t.style.animation=""}var _=0,O=g.getBoundingClientRect(),W=performance.now(),X=0,Y=0,z=0,N=0;function J(){var o=M(w);return o&&o.gaze===!1||w!=="02"?!1:E}function U(o){if(J()){var y=performance.now();y-W>250&&(O=g.getBoundingClientRect(),W=y);var C=O.left+O.width/2,F=O.top+O.height/2;X=ne((o.clientX-C)/s,-1,1),Y=ne((o.clientY-F)/e,-1,1)}}function K(){J()||(X=0,Y=0),z+=(X-z)*.2,N+=(Y-N)*.2;for(var o=0;o<i.length;o++){var y=i[o];y.el.setAttribute("transform","translate("+(z*y.spec.maxX).toFixed(2)+" "+(N*y.spec.maxY).toFixed(2)+")")}A&&A.setAttribute("transform","rotate("+(z*3).toFixed(2)+" 50 52)");var C=n||t;if(g.classList.contains("lively-mascot--3d")){var F=performance.now()/720+Number(w||0)*.67,R=w==="02"?0:Math.sin(F)*1.2,Q=w==="02"?0:Math.cos(F*.82)*1.7,le=3.2-N*7.2+R,ae=-3.2+z*9.4+Q,re=1+Math.abs(ae)*.0027,fe=1+Math.abs(le)*.0022;g.style.setProperty("--lively-gloss-x",(25+z*15).toFixed(1)+"%"),g.style.setProperty("--lively-gloss-y",(18+N*12).toFixed(1)+"%"),C.style.transform="translate3d("+(z*2.2).toFixed(1)+"px, "+(N*1.4).toFixed(1)+"px, 3px) scale3d("+re.toFixed(3)+", "+fe.toFixed(3)+", 1) rotateZ("+(z*1.8).toFixed(2)+"deg) rotateX("+le.toFixed(2)+"deg) rotateY("+ae.toFixed(2)+"deg)"}else C.style.transform="rotate("+(z*5).toFixed(2)+"deg) translate3d("+(z*4).toFixed(1)+"px, "+(N*2.5).toFixed(1)+"px, 0)";_=requestAnimationFrame(K)}var D=0,G=0;function V(){var o=M(w);if(o&&o.blink===!1){D=window.setTimeout(V,300);return}var y=o&&o.blink==="fast"?800+Math.random()*1200:2200+Math.random()*2600;D=window.setTimeout(function(){for(var C=0;C<f.length;C++)f[C].classList.add("is-blinking");G=window.setTimeout(function(){for(var F=0;F<f.length;F++)f[F].classList.remove("is-blinking");Math.random()<.18?G=window.setTimeout(function(){for(var R=0;R<f.length;R++)f[R].classList.add("is-blinking");G=window.setTimeout(function(){for(var Q=0;Q<f.length;Q++)f[Q].classList.remove("is-blinking");V()},90)},160):V()},110)},y)}var Z=0,H=0;function $(){var o=M(w);return r&&!!a&&!!(o&&o.hop)}function oe(){clearTimeout(Z),clearTimeout(H),Z=0,H=0,k(!1)}function ee(){$()&&(Z=window.setTimeout(function(){$()&&(k(!0),H=window.setTimeout(function(){k(!1),ee()},900))},a[0]*1e3+Math.random()*(a[1]-a[0])*1e3))}function ie(){oe(),ee()}function te(){b.onClick&&b.onClick(),w==="02"&&(T(!0),setTimeout(function(){T(!1)},950))}return E&&(_=requestAnimationFrame(K),window.addEventListener("pointermove",U,{passive:!0})),r&&(V(),ie(),g.addEventListener("pointerdown",te)),{api:u,click:te,setFollowCursor:function(o){E=o},destroy:function(){cancelAnimationFrame(_),window.removeEventListener("pointermove",U),clearTimeout(D),clearTimeout(G),clearTimeout(Z),clearTimeout(H)}}}typeof j=="object"&&j.exports&&(j.exports={createRig:q});typeof globalThis<"u"&&(globalThis.createRig=q);/**
+ * lively-mascot · core SDK (v0.2.0)
+ *
+ * Requires: src/core/emotions.js, src/core/rig.js (loaded before this script)
+ * Character files (src/characters/*.js) register themselves after this script.
+ *
+ * @license MIT
+ */(function(g,t){var d=typeof self<"u"?self:this;d.LivelyMascot=(function(b,r){"use strict";function l(v,c,m){var n=document.createElement(v);if(c){for(var h in c)if(Object.prototype.hasOwnProperty.call(c,h)){var p=c[h];if(p==null||p==="")continue;h==="class"?n.className=String(p):h==="text"?n.textContent=String(p):n.setAttribute(h,String(p))}}if(m)for(var u=0;u<m.length;u++)n.appendChild(m[u]);return n}var s="http://www.w3.org/2000/svg";function e(v,c,m){var n=document.createElementNS(s,v);if(c){for(var h in c)if(Object.prototype.hasOwnProperty.call(c,h)){var p=c[h];if(p==null||p==="")continue;n.setAttribute(h,String(p))}}if(m)for(var u=0;u<m.length;u++)n.appendChild(m[u]);return n}function a(v,c,m){var n=document.createElement(v);if(c){for(var h in c)if(Object.prototype.hasOwnProperty.call(c,h)){var p=c[h];if(p==null||p==="")continue;h==="class"?n.className=String(p):h==="text"?n.textContent=String(p):n.setAttribute(h,String(p))}}if(m)for(var u=0;u<m.length;u++)n.appendChild(m[u]);return n}function i(v){var c="lively-eye-clip-"+Math.random().toString(36).slice(2,9);function m(k,M){var P=e("g",{transform:"translate("+k+" "+M+")"}),L=e("g",{class:"lively-face__eye"});v.registerEye(L),L.appendChild(e("ellipse",{rx:10,ry:11.5}));var _=e("g",{"clip-path":"url(#"+c+")"}),O=e("g");return v.registerPupil(O,{maxX:8,maxY:6}),O.appendChild(e("circle",{class:"lively-face__pupil",r:6.2})),O.appendChild(e("circle",{class:"lively-face__shine",cx:2.2,cy:-2.4,r:2.1})),_.appendChild(O),L.appendChild(_),L.appendChild(e("path",{class:"lively-face__happy",d:"M-6.5 1.5 Q0 -6 6.5 1.5"})),P.appendChild(L),P}var n=e("g",{class:"lively-face"});v.registerFace(n),n.appendChild(e("ellipse",{class:"lively-face__blush",cx:20,cy:57,rx:7,ry:4})),n.appendChild(e("ellipse",{class:"lively-face__blush",cx:80,cy:57,rx:7,ry:4})),n.appendChild(m(34,43)),n.appendChild(m(66,43)),n.appendChild(e("path",{class:"lively-face__mouth",d:"M42 63 Q50 70 58 63"})),n.appendChild(e("path",{class:"lively-face__happy-mouth",d:"M40 61 Q50 74 60 61 Q50 66 40 61 Z"})),n.appendChild(e("path",{class:"lively-face__sad-mouth",d:"M43 67 Q50 62 57 67"})),n.appendChild(e("ellipse",{class:"lively-face__open-mouth",cx:50,cy:65,rx:5,ry:6})),n.appendChild(e("line",{class:"lively-face__flat-mouth",x1:43,y1:65,x2:57,y2:65})),n.appendChild(e("path",{class:"lively-face__bored-mouth",d:"M42.5 65.2 C47.5 65.9 53 65.7 57.5 64.2"})),n.appendChild(e("line",{class:"lively-face__sleep-eye lively-face__sleep-eye--l",x1:27,y1:43,x2:41,y2:43})),n.appendChild(e("line",{class:"lively-face__sleep-eye lively-face__sleep-eye--r",x1:59,y1:43,x2:73,y2:43})),n.appendChild(e("line",{class:"lively-face__angry-brow lively-face__angry-brow--l",x1:25,y1:32,x2:38,y2:35})),n.appendChild(e("line",{class:"lively-face__angry-brow lively-face__angry-brow--r",x1:75,y1:32,x2:62,y2:35})),n.appendChild(e("g",{class:"lively-face__x-eye lively-face__x-eye--l",transform:"translate(34,43)"},[e("line",{x1:-6,y1:-7,x2:6,y2:7}),e("line",{x1:6,y1:-7,x2:-6,y2:7})])),n.appendChild(e("g",{class:"lively-face__x-eye lively-face__x-eye--r",transform:"translate(66,43)"},[e("line",{x1:-6,y1:-7,x2:6,y2:7}),e("line",{x1:6,y1:-7,x2:-6,y2:7})])),n.appendChild(e("path",{class:"lively-face__heart-eye lively-face__heart-eye--l",transform:"translate(34,42)",d:"M0 3 C0 0, -5 -4, -7 -1 C-9 2, 0 9, 0 9 C0 9, 9 2, 7 -1 C5 -4, 0 0, 0 3Z"})),n.appendChild(e("path",{class:"lively-face__heart-eye lively-face__heart-eye--r",transform:"translate(66,42)",d:"M0 3 C0 0, -5 -4, -7 -1 C-9 2, 0 9, 0 9 C0 9, 9 2, 7 -1 C5 -4, 0 0, 0 3Z"})),n.appendChild(e("path",{class:"lively-face__cry-eye lively-face__cry-eye--l",transform:"translate(34,43)",d:"M-6 2 Q0 -4 6 2"})),n.appendChild(e("path",{class:"lively-face__cry-eye lively-face__cry-eye--r",transform:"translate(66,43)",d:"M-6 2 Q0 -4 6 2"})),n.appendChild(e("g",{class:"lively-face__tear lively-face__tear--l",transform:"translate(40,52)"},[e("ellipse",{cx:0,cy:0,rx:2.5,ry:3.5,fill:"#6ec7ff",opacity:"0.8"}),e("ellipse",{cx:0,cy:8,rx:1.8,ry:2.5,fill:"#6ec7ff",opacity:"0.5"})])),n.appendChild(e("g",{class:"lively-face__tear lively-face__tear--r",transform:"translate(60,52)"},[e("ellipse",{cx:0,cy:0,rx:2.5,ry:3.5,fill:"#6ec7ff",opacity:"0.8"}),e("ellipse",{cx:0,cy:8,rx:1.8,ry:2.5,fill:"#6ec7ff",opacity:"0.5"})])),n.appendChild(e("g",{class:"lively-face__sweat",transform:"translate(82,30)"},[e("path",{d:"M0 0 C-3 5, -3 10, 0 12 C3 10, 3 5, 0 0Z",fill:"#6ec7ff",opacity:"0.7"})])),n.appendChild(e("g",{class:"lively-face__star-eye lively-face__star-eye--l",transform:"translate(34,43)"},[e("polygon",{points:"0,-8 2,-3 7,-3 3,1 5,7 0,3 -5,7 -3,1 -7,-3 -2,-3",fill:"#ffe066"})])),n.appendChild(e("g",{class:"lively-face__star-eye lively-face__star-eye--r",transform:"translate(66,43)"},[e("polygon",{points:"0,-8 2,-3 7,-3 3,1 5,7 0,3 -5,7 -3,1 -7,-3 -2,-3",fill:"#ffe066"})])),n.appendChild(e("g",{class:"lively-face__sparkle lively-face__sparkle--1",transform:"translate(15,20)"},[e("line",{x1:0,y1:-4,x2:0,y2:4,stroke:"#ffe066","stroke-width":"1.5"}),e("line",{x1:-4,y1:0,x2:4,y2:0,stroke:"#ffe066","stroke-width":"1.5"})])),n.appendChild(e("g",{class:"lively-face__sparkle lively-face__sparkle--2",transform:"translate(85,18)"},[e("line",{x1:0,y1:-3,x2:0,y2:3,stroke:"#ffe066","stroke-width":"1.2"}),e("line",{x1:-3,y1:0,x2:3,y2:0,stroke:"#ffe066","stroke-width":"1.2"})])),n.appendChild(e("g",{class:"lively-face__waiting-dots",transform:"translate(42,68)"},[e("circle",{cx:0,cy:0,r:2,fill:"#888"}),e("circle",{cx:8,cy:0,r:2,fill:"#888"}),e("circle",{cx:16,cy:0,r:2,fill:"#888"})]));var h=e("svg",{viewBox:"0 0 100 100","aria-hidden":"true"}),p=e("defs"),u=e("clipPath",{id:c});u.appendChild(e("ellipse",{rx:10,ry:11.5})),p.appendChild(u),h.appendChild(p),h.appendChild(n);var T=a("div",{class:"lively-face-wrap"});return T.appendChild(h),{wrap:T,face:n}}var f={};function A(v,c,m,n){f[v]={id:v,name:m||v,viewBox:n||"0 0 100 100",render:c}}function S(v){return f[v]||f.sprout}function B(v){return String(v||"3d").toLowerCase()==="2d"?"2d":"3d"}function E(v){return v!==!1&&String(v).toLowerCase()!=="false"}function w(v,c){c=c||{};var m=c.type||"sprout",n=S(m),h=B(c.viewMode||c.mode),p=E(c.outlineVisible),u=l("div",{class:"lively-mascot lively-mascot--"+n.id+" lively-mascot--"+h+(p?"":" lively-mascot--outline-hidden")+(c.animated===!1?" lively-mascot--static":""),style:"width:"+(c.size||106)+"px;height:"+(c.size||106)+"px","aria-hidden":"true"}),T=l("div",{class:"lively-mascot__rig"}),k=l("div",{class:"lively-mascot__gaze"});T.appendChild(k);var M={body:c.color||"",outline:c.outline||"",accent:c.accent||""};function P(){u.style.setProperty("--lively-body",M.body||null),u.style.setProperty("--lively-outline",M.outline||null),u.style.setProperty("--lively-accent",M.accent||null)}P();var L=q(u,T,{followCursor:c.followCursor,hopInterval:c.hopInterval,animated:c.animated},{onClick:c.onClick});return n.render(L.api,k),L.api.registerGazeWrap(k),k.appendChild(l("div",{class:"lively__loading-overlay","aria-hidden":"true"})),u.appendChild(T),v.appendChild(u),{el:u,type:n.id,get viewMode(){return h},setViewMode:function(_){return h=B(_),u.classList.toggle("lively-mascot--2d",h==="2d"),u.classList.toggle("lively-mascot--3d",h==="3d"),h},get outlineVisible(){return p},setOutlineVisible:function(_){return p=E(_),u.classList.toggle("lively-mascot--outline-hidden",!p),p},setTheme:function(_){_=_||{},_.body&&(M.body=_.body),_.outline&&(M.outline=_.outline),_.accent&&(M.accent=_.accent),P()},setEmotion:function(_){u.className=u.className.replace(/is-emotion-\d+/g,"").trim(),u.classList.add("is-emotion-"+_),L.api.setEmotionState(String(_))},clearEmotion:function(){u.className=u.className.replace(/is-emotion-\d+/g,"").trim(),u.classList.add("is-emotion-02"),L.api.setEmotionState("02")},destroy:function(){L.destroy(),u.remove()}}}function x(v){if(v=v||"lively-mascot",!(typeof customElements>"u"||customElements.get(v))){var c=w,m=(function(){function n(){var h=this.constructor,p=Reflect.construct(HTMLElement,[],h);return p}return n.prototype=Object.create(HTMLElement.prototype,{constructor:{value:n,writable:!0,configurable:!0}}),n.observedAttributes=["type","color","size","view-mode","mode","show-outline"],n.prototype.connectedCallback=function(){this._render()},n.prototype.disconnectedCallback=function(){this._inst&&this._inst.destroy(),this._inst=null,this.textContent=""},n.prototype.attributeChangedCallback=function(){this.isConnected&&this._render()},n.prototype._render=function(){this._inst&&this._inst.destroy(),this.textContent="",this._inst=c(this,{type:this.getAttribute("type"),color:this.getAttribute("color"),size:this.getAttribute("size")?Number(this.getAttribute("size")):void 0,viewMode:this.getAttribute("view-mode")||this.getAttribute("mode")||void 0,outlineVisible:this.getAttribute("show-outline")!=="false"})},n})();customElements.define(v,m)}}return{createMascot:w,registerCharacter:A,defineMascotElement:x,buildFaceSvg:i,characters:f,emotions:r,emotionGroups:b,version:"0.2.0"}})(g,t)})((typeof self<"u"?self:I).LivelyEmotionGroups||{},(typeof self<"u"?self:I).LivelyEmotions||{});(function(){"use strict";var g="http://www.w3.org/2000/svg";function t(r,l,s){var e=document.createElementNS(g,r);if(l)for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&e.setAttribute(a,String(l[a]));if(s)for(var i=0;i<s.length;i++)e.appendChild(s[i]);return e}function d(r,l,s){var e=document.createElement(r);if(l){for(var a in l)if(Object.prototype.hasOwnProperty.call(l,a)){var i=l[a];if(i==null||i==="")continue;a==="class"?e.className=String(i):a==="text"?e.textContent=String(i):e.setAttribute(a,String(i))}}if(s)for(var f=0;f<s.length;f++)e.appendChild(s[f]);return e}function b(r,l){var s=d("span",{class:"lively__leaf","aria-hidden":"true"});r.registerLeaf(s),s.appendChild(t("svg",{viewBox:"0 0 52 56"},[t("path",{class:"lively-sprout__stem",d:"M26 52 C26 42, 26 34, 26 27"}),t("path",{class:"lively-sprout__leaf",d:"M26 28 C22 15, 14 9, 6 12 C5 20, 12 29, 26 28 Z"}),t("path",{class:"lively-sprout__vein",d:"M23 26 C18 21, 12 16, 8 14"}),t("path",{class:"lively-sprout__shine",d:"M22 26 C16 16, 11 12, 7 14"}),t("path",{class:"lively-sprout__leaf",d:"M26 28 C30 15, 38 9, 46 12 C47 20, 40 29, 26 28 Z"}),t("path",{class:"lively-sprout__vein",d:"M29 26 C34 21, 40 16, 44 14"}),t("path",{class:"lively-sprout__shine",d:"M30 26 C36 16, 41 12, 45 14"})]));var e=d("div",{class:"lively-body"});r.registerBody(e);var a=LivelyMascot.buildFaceSvg(r);e.appendChild(s),e.appendChild(a.wrap),l.appendChild(e);var i=d("div",{class:"lively__feet"});r.registerFeet(i);var f=d("span",{class:"lively__foot lively__foot--l"});f.appendChild(t("svg",{viewBox:"0 0 22 16"},[t("ellipse",{class:"lively-foot__body",cx:11,cy:10,rx:10,ry:6}),t("ellipse",{class:"lively-foot__shine",cx:8,cy:7,rx:3,ry:1.8})]));var A=d("span",{class:"lively__foot lively__foot--r"});A.appendChild(t("svg",{viewBox:"0 0 22 16"},[t("ellipse",{class:"lively-foot__body",cx:11,cy:10,rx:10,ry:6}),t("ellipse",{class:"lively-foot__shine",cx:8,cy:7,rx:3,ry:1.8})])),i.appendChild(f),i.appendChild(A),l.appendChild(i)}typeof LivelyMascot<"u"?LivelyMascot.registerCharacter("sprout",b,"Sprout","0 0 100 100"):document.addEventListener("DOMContentLoaded",function(){typeof LivelyMascot<"u"&&LivelyMascot.registerCharacter("sprout",b,"Sprout","0 0 100 100")})})();(function(){"use strict";var g="http://www.w3.org/2000/svg";function t(r,l,s){var e=document.createElementNS(g,r);if(l)for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&e.setAttribute(a,String(l[a]));if(s)for(var i=0;i<s.length;i++)e.appendChild(s[i]);return e}function d(r,l,s){var e=document.createElement(r);if(l){for(var a in l)if(Object.prototype.hasOwnProperty.call(l,a)){var i=l[a];if(i==null||i==="")continue;a==="class"?e.className=String(i):a==="text"?e.textContent=String(i):e.setAttribute(a,String(i))}}if(s)for(var f=0;f<s.length;f++)e.appendChild(s[f]);return e}function b(r,l){var s=d("span",{class:"lively__ears","aria-hidden":"true"}),e=t("g",{class:"lively__ear-left"},[t("path",{class:"lively__ear",d:"M1 30 C2 17 5 6 10 1 Q11 0 13 3 C18 14 20 24 20 30 C13 32 6 32 1 30 Z"}),t("path",{class:"lively__ear--inner",d:"M6 28 C6 19 8 10 10 6 Q11 5 12 7 C15 15 16 23 16 28 C12 29 9 29 6 28 Z"})]),a=t("g",{class:"lively__ear-right"},[t("path",{class:"lively__ear",d:"M59 30 C58 17 55 6 50 1 Q49 0 47 3 C42 14 40 24 40 30 C47 32 54 32 59 30 Z"}),t("path",{class:"lively__ear--inner",d:"M54 28 C54 19 52 10 50 6 Q49 5 48 7 C45 15 44 23 44 28 C48 29 51 29 54 28 Z"})]);s.appendChild(t("svg",{viewBox:"0 0 60 32"},[e,a])),r.registerLeaf(s,{useLeafAnim:!1});var i=d("div",{class:"lively-body lively-body--cat"});r.registerBody(i);var f=d("span",{class:"lively__tail","aria-hidden":"true"});f.appendChild(t("svg",{viewBox:"0 0 52 58"},[t("g",{class:"lively-cat__tail-motion"},[t("path",{class:"lively-cat__tail-outline",d:"M-10 56 C-7 40, 0 25, 17 16 C28 10, 43 11, 46 20 C48 27, 42 32, 35 28"}),t("path",{class:"lively-cat__tail-path",d:"M-10 56 C-7 40, 0 25, 17 16 C28 10, 43 11, 46 20 C48 27, 42 32, 35 28"}),t("circle",{class:"lively-cat__tail-tip",cx:35,cy:28,r:3.2})])]));var A=LivelyMascot.buildFaceSvg(r),S=A.face;S.insertBefore(t("ellipse",{class:"lively-cat__muzzle",cx:38,cy:61,rx:10,ry:6}),S.firstChild),S.insertBefore(t("ellipse",{class:"lively-cat__muzzle",cx:62,cy:61,rx:10,ry:6}),S.firstChild),S.appendChild(t("path",{class:"lively-face__cat-nose-bridge",d:"M50 59 L50 63"})),S.appendChild(t("path",{class:"lively-face__cat-nose",d:"M46 57 Q50 55 54 57 L50 61 Z"}));var B=d("span",{class:"lively-cat__whiskers","aria-hidden":"true"});B.appendChild(t("svg",{viewBox:"0 0 100 100"},[t("path",{class:"lively-cat__whisker lively-cat__whisker--l1",d:"M34 57 C24 53 17 50 9 50"}),t("path",{class:"lively-cat__whisker lively-cat__whisker--l2",d:"M33 61 C22 60 15 60 7 62"}),t("path",{class:"lively-cat__whisker lively-cat__whisker--l3",d:"M34 65 C24 67 18 70 11 74"}),t("path",{class:"lively-cat__whisker lively-cat__whisker--r1",d:"M66 57 C76 53 83 50 91 50"}),t("path",{class:"lively-cat__whisker lively-cat__whisker--r2",d:"M67 61 C78 60 85 60 93 62"}),t("path",{class:"lively-cat__whisker lively-cat__whisker--r3",d:"M66 65 C76 67 82 70 89 74"})])),r.registerFaceAccessory("whiskers",B),r.setFaceAccessory("whiskers"),i.appendChild(s),i.appendChild(A.wrap),i.appendChild(B),l.appendChild(i),l.appendChild(f);var E=d("div",{class:"lively__feet"});r.registerFeet(E);var w=d("span",{class:"lively__foot lively__foot--l"});w.appendChild(t("svg",{viewBox:"0 0 22 16"},[t("ellipse",{class:"lively-foot__body",cx:11,cy:10,rx:10,ry:6}),t("ellipse",{class:"lively-foot__shine",cx:8,cy:7,rx:3,ry:1.8}),t("path",{class:"lively-cat__toe-lines",d:"M7 10 Q7 8 8 7 M11 11 Q11 9 12 8 M15 10 Q15 8 16 7"})]));var x=d("span",{class:"lively__foot lively__foot--r"});x.appendChild(t("svg",{viewBox:"0 0 22 16"},[t("ellipse",{class:"lively-foot__body",cx:11,cy:10,rx:10,ry:6}),t("ellipse",{class:"lively-foot__shine",cx:8,cy:7,rx:3,ry:1.8}),t("path",{class:"lively-cat__toe-lines",d:"M7 10 Q7 8 8 7 M11 11 Q11 9 12 8 M15 10 Q15 8 16 7"})])),E.appendChild(w),E.appendChild(x),l.appendChild(E)}typeof LivelyMascot<"u"?LivelyMascot.registerCharacter("cat",b,"Cat","0 0 100 100"):document.addEventListener("DOMContentLoaded",function(){typeof LivelyMascot<"u"&&LivelyMascot.registerCharacter("cat",b,"Cat","0 0 100 100")})})();(function(){"use strict";var g="http://www.w3.org/2000/svg";function t(r,l,s){var e=document.createElementNS(g,r);if(l)for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&e.setAttribute(a,String(l[a]));if(s)for(var i=0;i<s.length;i++)e.appendChild(s[i]);return e}function d(r,l,s){var e=document.createElement(r);if(l){for(var a in l)if(Object.prototype.hasOwnProperty.call(l,a)){var i=l[a];if(i==null||i==="")continue;a==="class"?e.className=String(i):a==="text"?e.textContent=String(i):e.setAttribute(a,String(i))}}if(s)for(var f=0;f<s.length;f++)e.appendChild(s[f]);return e}function b(r,l){var s=d("span",{class:"lively__antenna","aria-hidden":"true"});r.registerLeaf(s,{useLeafAnim:!1}),s.appendChild(t("svg",{viewBox:"0 0 40 36"},[t("line",{class:"lively-robot__antenna-stalk",x1:20,y1:34,x2:20,y2:8}),t("circle",{class:"lively-robot__antenna-ball",cx:20,cy:5,r:5})]));var e=d("div",{class:"lively-body lively-body--robot"});r.registerBody(e);var a=LivelyMascot.buildFaceSvg(r);e.appendChild(s),e.appendChild(a.wrap),l.appendChild(e);var i=d("div",{class:"lively__feet lively__feet--robot"});r.registerFeet(i);var f=d("span",{class:"lively__foot lively__foot--l"});f.appendChild(t("svg",{viewBox:"0 0 22 16"},[t("rect",{class:"lively-robot__foot",x:1,y:3,width:20,height:12,rx:3}),t("rect",{class:"lively-robot__foot-line",x:4,y:7,width:14,height:2,rx:1})]));var A=d("span",{class:"lively__foot lively__foot--r"});A.appendChild(t("svg",{viewBox:"0 0 22 16"},[t("rect",{class:"lively-robot__foot",x:1,y:3,width:20,height:12,rx:3}),t("rect",{class:"lively-robot__foot-line",x:4,y:7,width:14,height:2,rx:1})])),i.appendChild(f),i.appendChild(A),l.appendChild(i)}typeof LivelyMascot<"u"?LivelyMascot.registerCharacter("robot",b,"Robot","0 0 100 100"):document.addEventListener("DOMContentLoaded",function(){typeof LivelyMascot<"u"&&LivelyMascot.registerCharacter("robot",b,"Robot","0 0 100 100")})})();(function(){"use strict";var g="http://www.w3.org/2000/svg";function t(r,l,s){var e=document.createElementNS(g,r);if(l)for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&e.setAttribute(a,String(l[a]));if(s)for(var i=0;i<s.length;i++)e.appendChild(s[i]);return e}function d(r,l,s){var e=document.createElement(r);if(l){for(var a in l)if(Object.prototype.hasOwnProperty.call(l,a)){var i=l[a];if(i==null||i==="")continue;a==="class"?e.className=String(i):a==="text"?e.textContent=String(i):e.setAttribute(a,String(i))}}if(s)for(var f=0;f<s.length;f++)e.appendChild(s[f]);return e}function b(r,l){var s=d("div",{class:"lively-body lively-body--ghost"});r.registerBody(s);var e=LivelyMascot.buildFaceSvg(r);s.appendChild(e.wrap);var a=d("div",{class:"lively__ghost-hem"});a.appendChild(t("svg",{viewBox:"0 0 100 6",preserveAspectRatio:"none"},[t("path",{class:"lively-ghost__hem-stroke",d:"M0 0 C11.1 6 22.2 6 33.3 0 C44.4 6 55.6 6 66.7 0 C77.8 6 88.9 6 100 0"})])),s.appendChild(a),l.appendChild(s)}typeof LivelyMascot<"u"?LivelyMascot.registerCharacter("ghost",b,"Ghost","0 0 100 100"):document.addEventListener("DOMContentLoaded",function(){typeof LivelyMascot<"u"&&LivelyMascot.registerCharacter("ghost",b,"Ghost","0 0 100 100")})})();(function(){"use strict";var g="http://www.w3.org/2000/svg";function t(r,l,s){var e=document.createElementNS(g,r);if(l)for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&e.setAttribute(a,String(l[a]));if(s)for(var i=0;i<s.length;i++)e.appendChild(s[i]);return e}function d(r,l,s){var e=document.createElement(r);if(l){for(var a in l)if(Object.prototype.hasOwnProperty.call(l,a)){var i=l[a];if(i==null||i==="")continue;a==="class"?e.className=String(i):a==="text"?e.textContent=String(i):e.setAttribute(a,String(i))}}if(s)for(var f=0;f<s.length;f++)e.appendChild(s[f]);return e}function b(r,l){var s=d("div",{class:"lively-body lively-body--jelly"});r.registerBody(s);var e=LivelyMascot.buildFaceSvg(r);s.appendChild(e.wrap),l.appendChild(s)}typeof LivelyMascot<"u"?LivelyMascot.registerCharacter("jelly",b,"Jelly","0 0 100 100"):document.addEventListener("DOMContentLoaded",function(){typeof LivelyMascot<"u"&&LivelyMascot.registerCharacter("jelly",b,"Jelly","0 0 100 100")})})()});de();})();

package/dist/lively-mascot.mjs

@@ -0,0 +1,10 @@
+import mascot from "./lively-mascot.cjs";
+export const createMascot = mascot.createMascot;
+export const registerCharacter = mascot.registerCharacter;
+export const defineMascotElement = mascot.defineMascotElement;
+export const buildFaceSvg = mascot.buildFaceSvg;
+export const characters = mascot.characters;
+export const emotions = mascot.emotions;
+export const emotionGroups = mascot.emotionGroups;
+export const version = mascot.version;
+export default mascot;

package/package.json

@@ -0,0 +1,72 @@
+{
+  "name": "lively-mascot",
+  "version": "0.2.0",
+  "description": "Universal Animated Mascot Engine: 40 Emotions · 5 Characters · Pure SVG · Zero Dependencies · Data-Driven · Drop-in.",
+  "license": "MIT",
+  "main": "./dist/lively-mascot.cjs",
+  "module": "./dist/lively-mascot.mjs",
+  "browser": "./dist/lively-mascot.min.js",
+  "unpkg": "./dist/lively-mascot.min.js",
+  "jsdelivr": "./dist/lively-mascot.min.js",
+  "types": "./types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./types/index.d.ts",
+      "require": "./dist/lively-mascot.cjs",
+      "import": "./dist/lively-mascot.mjs",
+      "default": "./dist/lively-mascot.mjs"
+    },
+    "./dist/lively-mascot.min.js": "./dist/lively-mascot.min.js",
+    "./dist/lively-mascot.min.css": "./dist/lively-mascot.min.css",
+    "./package.json": "./package.json"
+  },
+  "keywords": [
+    "mascot",
+    "animated",
+    "avatar",
+    "chatbot",
+    "desktop-pet",
+    "emotion-engine",
+    "web-component",
+    "no-build",
+    "svg-animation",
+    "multi-character",
+    "ghost",
+    "jelly",
+    "robot"
+  ],
+  "scripts": {
+    "build": "node scripts/build-dist.mjs"
+  },
+  "files": [
+    "dist/lively-mascot.min.js",
+    "dist/lively-mascot.min.css",
+    "dist/lively-mascot.cjs",
+    "dist/lively-mascot.mjs",
+    "types/index.d.ts",
+    "CHANGELOG.md",
+    "CHANGELOG.zh-CN.md",
+    "src/lively-mascot.js",
+    "src/lively-mascot.css",
+    "src/core/emotions.js",
+    "src/core/rig.js",
+    "src/characters/sprout.js",
+    "src/characters/sprout.css",
+    "src/characters/cat.js",
+    "src/characters/cat.css",
+    "src/characters/robot.js",
+    "src/characters/robot.css",
+    "src/characters/ghost.js",
+    "src/characters/ghost.css",
+    "src/characters/jelly.js",
+    "src/characters/jelly.css",
+    "README.zh-CN.md"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/jingluoguo/lively-mascot"
+  },
+  "devDependencies": {
+    "esbuild": "^0.28.2"
+  }
+}

package/src/characters/cat.css

@@ -0,0 +1,331 @@
+/* ============================================================
+ * lively-mascot · Cat Character Styles
+ *
+ * An original charcoal cat with pointed ears, a curled tail, and floating whiskers.
+ * ============================================================ */
+
+/* --- Body shape: a compact feline head with a slightly tapered jaw --- */
+.lively-mascot--cat .lively-body {
+  border-radius: 48% 48% 43% 43% / 45% 45% 55% 55%;
+}
+
+/* A charcoal default gives the cat its own identity; inline themes still win. */
+.lively-mascot--cat {
+  --lively-body: #3d4852;
+  --lively-outline: #131a20;
+  --lively-accent: #eeb3c1;
+}
+
+/* --- Ears: pointed cat ears on top (nested inside body so they
+       follow body bounce / squash / boot / wake animations) --- */
+.lively__ears {
+  position: absolute;
+  top: -17cqw;
+  left: 50%;
+  width: 66cqw;
+  height: 29cqw;
+  margin-left: -33cqw;
+  z-index: 3;
+  transform-origin: 50% 92%;
+}
+
+/* Each ear splays slightly outward for a more natural arc */
+.lively__ear-left { transform-box: fill-box; transform-origin: 50% 100%; transform: rotate(-7deg); }
+.lively__ear-right { transform-box: fill-box; transform-origin: 50% 100%; transform: rotate(7deg); }
+
+.lively__ears svg {
+  display: block;
+  width: 100%;
+  height: 100%;
+  overflow: visible;
+}
+
+.lively__ear {
+  fill: var(--lively-body);
+  stroke: var(--lively-outline);
+  stroke-width: 2.4;
+  stroke-linejoin: round;
+  stroke-linecap: round;
+}
+
+.lively__ear--inner {
+  fill: var(--lively-accent);
+  stroke: none;
+  opacity: 0.85;
+}
+
+.lively-cat__muzzle {
+  fill: #eee5d9;
+  opacity: .82;
+}
+
+.lively-cat__whiskers {
+  position: absolute;
+  inset: 0;
+  z-index: 5;
+  pointer-events: none;
+  overflow: visible;
+  animation: lively-cat-whiskers-float 3.8s ease-in-out infinite;
+}
+
+.lively-cat__whiskers svg {
+  display: block;
+  width: 100%;
+  height: 100%;
+  overflow: visible;
+  filter: drop-shadow(0 1px 1px rgba(0,0,0,.18));
+}
+
+.lively-cat__whisker {
+  fill: none;
+  stroke: color-mix(in srgb, white 82%, var(--lively-outline));
+  stroke-width: 1.15;
+  stroke-linecap: round;
+  opacity: .9;
+  transform-box: fill-box;
+  transform-origin: center;
+}
+
+.lively-cat__whisker--l1,
+.lively-cat__whisker--r3 { animation: lively-cat-whisker-drift-a 3.2s ease-in-out infinite; }
+.lively-cat__whisker--l2,
+.lively-cat__whisker--r2 { animation: lively-cat-whisker-drift-b 3.8s ease-in-out .25s infinite; }
+.lively-cat__whisker--l3,
+.lively-cat__whisker--r1 { animation: lively-cat-whisker-drift-c 3.5s ease-in-out .5s infinite; }
+
+/* Whiskers are a face accessory, so emotions can pose them independently. */
+.lively-mascot.is-emotion-00 .lively-cat__whiskers,
+.lively-mascot.is-emotion-12 .lively-cat__whiskers {
+  animation: lively-cat-whiskers-droop 2.5s ease-in-out infinite;
+}
+.lively-mascot.is-emotion-10 .lively-cat__whiskers,
+.lively-mascot.is-emotion-11 .lively-cat__whiskers {
+  animation: lively-cat-whiskers-alert .5s ease-in-out infinite alternate;
+}
+.lively-mascot.is-emotion-13 .lively-cat__whiskers {
+  animation: lively-cat-whiskers-puff .34s ease-in-out infinite alternate;
+}
+.lively-mascot.is-emotion-14 .lively-cat__whiskers,
+.lively-mascot.is-emotion-37 .lively-cat__whiskers {
+  animation: lively-cat-whiskers-twitch .42s ease-in-out infinite;
+}
+
+/* Happy click: ears wiggle */
+.lively-mascot.is-happy .lively__ears {
+  animation: lively-cat-ear-wiggle 0.5s ease-in-out;
+}
+
+/* --- Tail: curved behind the body --- */
+.lively__tail {
+  position: absolute;
+  bottom: 3cqw;
+  right: -14cqw;
+  width: 37cqw;
+  height: 42cqw;
+  transform-origin: 10% 100%;
+  animation: lively-cat-tail-sway 2.4s ease-in-out infinite;
+  z-index: -1;
+}
+
+.lively__tail svg {
+  display: block;
+  width: 100%;
+  height: 100%;
+  overflow: visible;
+}
+
+/* The outer wrapper handles the broad wag; this inner motion lets the
+   curved portion breathe and gives the tip a gentle vertical response. */
+.lively-cat__tail-motion {
+  transform-box: fill-box;
+  transform-origin: 4% 94%;
+  animation: lively-cat-tail-ripple 2.4s ease-in-out infinite;
+}
+
+.lively-cat__tail-path {
+  fill: none;
+  stroke: var(--lively-body);
+  stroke-width: 6.6;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+
+.lively-cat__tail-outline {
+  fill: none;
+  stroke: var(--lively-outline);
+  stroke-width: 8.2;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  opacity: 0.18;
+}
+
+.lively-cat__tail-tip {
+  fill: var(--lively-body);
+  stroke: var(--lively-outline);
+  stroke-width: 2;
+}
+
+.lively-cat__toe-lines {
+  fill: none;
+  stroke: var(--lively-outline);
+  stroke-width: .9;
+  stroke-linecap: round;
+  opacity: .72;
+}
+
+/* Happy click: tail wags fast */
+.lively-mascot.is-happy .lively__tail {
+  animation: lively-cat-tail-wag 0.3s ease-in-out 3;
+}
+
+/* --- Whiskers: lines on the face --- */
+.lively-face__whisker {
+  fill: none;
+  stroke: var(--lively-outline);
+  stroke-width: 1.2;
+  stroke-linecap: round;
+  opacity: 0.5;
+}
+
+/* --- Nose: small triangle --- */
+.lively-face__cat-nose {
+  fill: var(--lively-accent);
+  stroke: var(--lively-outline);
+  stroke-width: 1.2;
+  stroke-linejoin: round;
+}
+
+.lively-face__cat-nose-bridge {
+  fill: none;
+  stroke: var(--lively-outline);
+  stroke-width: 1.1;
+  stroke-linecap: round;
+  opacity: .8;
+}
+
+/* --- Foot positioning for cat --- */
+.lively-mascot--cat .lively__foot--l { left: 20cqw; }
+.lively-mascot--cat .lively__foot--r { left: 58cqw; animation-delay: 0.8s; }
+
+/* Cat paw shape override */
+.lively-mascot--cat .lively-foot__body {
+  rx: 8;
+  ry: 5;
+  fill: var(--lively-body);
+  stroke: var(--lively-outline);
+  stroke-width: 1.3;
+}
+
+.lively-mascot--cat .lively-foot__shine { opacity: .62; }
+
+@keyframes lively-cat-whiskers-float {
+  0%, 100% { transform: translateY(0); }
+  50% { transform: translateY(-1.5px); }
+}
+
+@keyframes lively-cat-whisker-drift-a {
+  0%, 100% { transform: rotate(0deg) translateY(0); }
+  50% { transform: rotate(-2deg) translateY(-1px); }
+}
+
+@keyframes lively-cat-whisker-drift-b {
+  0%, 100% { transform: rotate(0deg) translateY(0); }
+  50% { transform: rotate(1.5deg) translateY(1px); }
+}
+
+@keyframes lively-cat-whisker-drift-c {
+  0%, 100% { transform: rotate(0deg) translateY(0); }
+  50% { transform: rotate(-1deg) translateY(1.5px); }
+}
+
+@keyframes lively-cat-whiskers-droop {
+  0%, 100% { transform: translateY(1px) rotate(0deg); }
+  50% { transform: translateY(3px) rotate(2deg); }
+}
+
+@keyframes lively-cat-whiskers-alert {
+  from { transform: translateY(0) scale(1); }
+  to { transform: translateY(-1px) scale(1.035); }
+}
+
+@keyframes lively-cat-whiskers-puff {
+  from { transform: translateX(0) scale(1); }
+  to { transform: translateX(-1px) scale(1.06, 1.02); }
+}
+
+@keyframes lively-cat-whiskers-twitch {
+  0%, 100% { transform: rotate(0deg); }
+  35% { transform: rotate(-2deg); }
+  70% { transform: rotate(1.5deg); }
+}
+
+/* --- Cat-specific ear emotion animations --- */
+.lively-mascot.is-emotion-11 .lively__ears { animation: lively-cat-ear-perk 0.6s ease-in-out infinite; }
+.lively-mascot.is-emotion-13 .lively__ears { animation: lively-cat-ear-flatten 0.3s ease-in-out infinite; }
+.lively-mascot.is-emotion-37 .lively__ears { animation: lively-cat-ear-nervous 0.4s ease-in-out infinite; }
+.lively-mascot.is-emotion-00 .lively__ears { animation: lively-cat-ear-relax 4s ease-in-out infinite; }
+
+/* --- Cat-specific tail emotion animations --- */
+.lively-mascot.is-emotion-12 .lively__tail { animation: lively-cat-tail-droop 3s ease-in-out infinite; }
+.lively-mascot.is-emotion-13 .lively__tail { animation: lively-cat-tail-puff 0.5s ease-in-out infinite; }
+.lively-mascot.is-emotion-37 .lively__tail { animation: lively-cat-tail-tuck 0.6s ease-in-out infinite; }
+
+/* --- Cat ear keyframes --- */
+@keyframes lively-cat-ear-wiggle {
+  0%, 100% { transform: rotate(0); }
+  25% { transform: rotate(-4deg) translateY(-2px); }
+  75% { transform: rotate(4deg) translateY(-2px); }
+}
+
+@keyframes lively-cat-ear-perk {
+  0%, 100% { transform: translateY(0) scaleY(1); }
+  50% { transform: translateY(-3px) scaleY(1.1); }
+}
+
+@keyframes lively-cat-ear-flatten {
+  0%, 100% { transform: scaleY(1) rotate(0); }
+  50% { transform: scaleY(0.6) rotate(-5deg); }
+}
+
+@keyframes lively-cat-ear-nervous {
+  0%, 100% { transform: rotate(0); }
+  25% { transform: rotate(-3deg); }
+  75% { transform: rotate(3deg); }
+}
+
+@keyframes lively-cat-ear-relax {
+  0%, 100% { transform: rotate(0) scaleY(1); }
+  50% { transform: rotate(2deg) scaleY(0.9); }
+}
+
+/* --- Cat tail keyframes --- */
+@keyframes lively-cat-tail-sway {
+  0%, 100% { transform: rotate(-5deg) translateY(0); }
+  50% { transform: rotate(10deg) translateY(-1px); }
+}
+
+@keyframes lively-cat-tail-ripple {
+  0%, 100% { transform: rotate(0deg) scaleY(1); }
+  42% { transform: rotate(2.2deg) translateY(-1px) scaleY(.965); }
+  68% { transform: rotate(-1.1deg) translateY(.5px) scaleY(1.012); }
+}
+
+@keyframes lively-cat-tail-wag {
+  0%, 100% { transform: rotate(-5deg); }
+  50% { transform: rotate(15deg); }
+}
+
+@keyframes lively-cat-tail-droop {
+  0%, 100% { transform: rotate(0deg) translateY(0); }
+  50% { transform: rotate(-8deg) translateY(3px); }
+}
+
+@keyframes lively-cat-tail-puff {
+  0%, 100% { transform: rotate(-5deg) scaleY(1); }
+  50% { transform: rotate(10deg) scaleY(1.3); }
+}
+
+@keyframes lively-cat-tail-tuck {
+  0%, 100% { transform: rotate(0deg); }
+  50% { transform: rotate(-15deg) translateX(-4px); }
+}

package/src/characters/cat.js

@@ -0,0 +1,130 @@
+/**
+ * lively-mascot · Cat Character
+ *
+ * A round cat with triangular ears, a curved tail, and whiskers.
+ * Registers itself with the global LivelyMascot SDK.
+ *
+ * Requires: lively-mascot.js (loaded before this script)
+ */
+(function () {
+  "use strict";
+
+  var SVG_NS = "http://www.w3.org/2000/svg";
+
+  function svg(tag, attrs, children) {
+    var el = document.createElementNS(SVG_NS, tag);
+    if (attrs) for (var k in attrs) if (Object.prototype.hasOwnProperty.call(attrs, k)) el.setAttribute(k, String(attrs[k]));
+    if (children) for (var i = 0; i < children.length; i++) el.appendChild(children[i]);
+    return el;
+  }
+  function hEl(tag, attrs, children) {
+    var node = document.createElement(tag);
+    if (attrs) for (var k in attrs) {
+      if (Object.prototype.hasOwnProperty.call(attrs, k)) {
+        var v = attrs[k];
+        if (v === undefined || v === null || v === "") continue;
+        if (k === "class") node.className = String(v);
+        else if (k === "text") node.textContent = String(v);
+        else node.setAttribute(k, String(v));
+      }
+    }
+    if (children) for (var i = 0; i < children.length; i++) node.appendChild(children[i]);
+    return node;
+  }
+
+  function renderCat(rig, rigEl) {
+    // --- Ears: tall, pointed cat ears ---
+    var ears = hEl("span", { class: "lively__ears", "aria-hidden": "true" });
+    var earLeft = svg("g", { class: "lively__ear-left" }, [
+      svg("path", { class: "lively__ear", d: "M1 30 C2 17 5 6 10 1 Q11 0 13 3 C18 14 20 24 20 30 C13 32 6 32 1 30 Z" }),
+      svg("path", { class: "lively__ear--inner", d: "M6 28 C6 19 8 10 10 6 Q11 5 12 7 C15 15 16 23 16 28 C12 29 9 29 6 28 Z" })
+    ]);
+    var earRight = svg("g", { class: "lively__ear-right" }, [
+      svg("path", { class: "lively__ear", d: "M59 30 C58 17 55 6 50 1 Q49 0 47 3 C42 14 40 24 40 30 C47 32 54 32 59 30 Z" }),
+      svg("path", { class: "lively__ear--inner", d: "M54 28 C54 19 52 10 50 6 Q49 5 48 7 C45 15 44 23 44 28 C48 29 51 29 54 28 Z" })
+    ]);
+    ears.appendChild(svg("svg", { viewBox: "0 0 60 32" }, [earLeft, earRight]));
+    rig.registerLeaf(ears, { useLeafAnim: false }); // cat drives ears via its own CSS
+
+    // --- Body ---
+    var body = hEl("div", { class: "lively-body lively-body--cat" });
+    rig.registerBody(body);
+
+    // --- Tail ---
+    var tail = hEl("span", { class: "lively__tail", "aria-hidden": "true" });
+    // The tail begins well inside the body silhouette. Its visible curve can
+    // therefore emerge from behind the flank instead of ending at the edge.
+    tail.appendChild(svg("svg", { viewBox: "0 0 52 58" }, [
+      svg("g", { class: "lively-cat__tail-motion" }, [
+        svg("path", { class: "lively-cat__tail-outline", d: "M-10 56 C-7 40, 0 25, 17 16 C28 10, 43 11, 46 20 C48 27, 42 32, 35 28" }),
+        svg("path", { class: "lively-cat__tail-path", d: "M-10 56 C-7 40, 0 25, 17 16 C28 10, 43 11, 46 20 C48 27, 42 32, 35 28" }),
+        svg("circle", { class: "lively-cat__tail-tip", cx: 35, cy: 28, r: 3.2 })
+      ])
+    ]));
+
+    // --- Face (shared) ---
+    var faceObj = LivelyMascot.buildFaceSvg(rig);
+    var face = faceObj.face;
+
+    // A small warm muzzle keeps the dark cat readable without making the
+    // cheeks look like a second pair of eyes.
+    face.insertBefore(svg("ellipse", { class: "lively-cat__muzzle", cx: 38, cy: 61, rx: 10, ry: 6 }), face.firstChild);
+    face.insertBefore(svg("ellipse", { class: "lively-cat__muzzle", cx: 62, cy: 61, rx: 10, ry: 6 }), face.firstChild);
+
+    // Cat nose: inverted triangle with a short philtrum.
+    face.appendChild(svg("path", { class: "lively-face__cat-nose-bridge", d: "M50 59 L50 63" }));
+    face.appendChild(svg("path", { class: "lively-face__cat-nose", d: "M46 57 Q50 55 54 57 L50 61 Z" }));
+
+
+    // Floating whiskers are intentionally separate from the face so they can
+    // drift independently, like fine paper-cutout filaments in the air.
+    var whiskers = hEl("span", { class: "lively-cat__whiskers", "aria-hidden": "true" });
+    whiskers.appendChild(svg("svg", { viewBox: "0 0 100 100" }, [
+      svg("path", { class: "lively-cat__whisker lively-cat__whisker--l1", d: "M34 57 C24 53 17 50 9 50" }),
+      svg("path", { class: "lively-cat__whisker lively-cat__whisker--l2", d: "M33 61 C22 60 15 60 7 62" }),
+      svg("path", { class: "lively-cat__whisker lively-cat__whisker--l3", d: "M34 65 C24 67 18 70 11 74" }),
+      svg("path", { class: "lively-cat__whisker lively-cat__whisker--r1", d: "M66 57 C76 53 83 50 91 50" }),
+      svg("path", { class: "lively-cat__whisker lively-cat__whisker--r2", d: "M67 61 C78 60 85 60 93 62" }),
+      svg("path", { class: "lively-cat__whisker lively-cat__whisker--r3", d: "M66 65 C76 67 82 70 89 74" })
+    ]));
+    rig.registerFaceAccessory("whiskers", whiskers);
+    rig.setFaceAccessory("whiskers");
+
+    body.appendChild(ears);
+    body.appendChild(faceObj.wrap);
+    body.appendChild(whiskers);
+    rigEl.appendChild(body);
+    rigEl.appendChild(tail);
+
+    // --- Feet ---
+    var feet = hEl("div", { class: "lively__feet" });
+    rig.registerFeet(feet);
+    var footL = hEl("span", { class: "lively__foot lively__foot--l" });
+    footL.appendChild(svg("svg", { viewBox: "0 0 22 16" }, [
+      svg("ellipse", { class: "lively-foot__body", cx: 11, cy: 10, rx: 10, ry: 6 }),
+      svg("ellipse", { class: "lively-foot__shine", cx: 8, cy: 7, rx: 3, ry: 1.8 }),
+      svg("path", { class: "lively-cat__toe-lines", d: "M7 10 Q7 8 8 7 M11 11 Q11 9 12 8 M15 10 Q15 8 16 7" })
+    ]));
+    var footR = hEl("span", { class: "lively__foot lively__foot--r" });
+    footR.appendChild(svg("svg", { viewBox: "0 0 22 16" }, [
+      svg("ellipse", { class: "lively-foot__body", cx: 11, cy: 10, rx: 10, ry: 6 }),
+      svg("ellipse", { class: "lively-foot__shine", cx: 8, cy: 7, rx: 3, ry: 1.8 }),
+      svg("path", { class: "lively-cat__toe-lines", d: "M7 10 Q7 8 8 7 M11 11 Q11 9 12 8 M15 10 Q15 8 16 7" })
+    ]));
+    feet.appendChild(footL);
+    feet.appendChild(footR);
+    rigEl.appendChild(feet);
+  }
+
+  // Register cat character when SDK is available
+  if (typeof LivelyMascot !== "undefined") {
+    LivelyMascot.registerCharacter("cat", renderCat, "Cat", "0 0 100 100");
+  } else {
+    // SDK not yet loaded; defer registration
+    document.addEventListener("DOMContentLoaded", function () {
+      if (typeof LivelyMascot !== "undefined") {
+        LivelyMascot.registerCharacter("cat", renderCat, "Cat", "0 0 100 100");
+      }
+    });
+  }
+})();