Add minimalist creature sections, 50 black-and-white and 50 colored

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-10-23 12:57:10 +00:00
co-authored by Claude Opus 5.5
parent c4dd37f62c
commit 95c6ae7fb4
302 changed files with 2655 additions and 2 deletions
+31
View File
@@ -0,0 +1,31 @@
// red panda sitting up and waving a paw, ringed tail swishing behind it, blinks
const{sin,cos,PI}=Math,T=2*PI
export const frames=24,delay=80
const B='#ff7a5c',L='#ffc4b5',A='#b84a32',D='#2b2633'
export default(c,t)=>{
const s=sin(T*t),w=sin(T*t*2),y=1.5*s,bl=t>.7&&t<.76,tx=204+10*s
const fill=(col,f)=>{c.fillStyle=c.strokeStyle=col;c.lineWidth=6;c.beginPath();f();c.fill();c.stroke()}
const line=(col,lw,f)=>{c.strokeStyle=col;c.lineWidth=lw;c.beginPath();f();c.stroke()}
const tail=()=>{c.moveTo(150,198);c.bezierCurveTo(208,204,226,168,tx,124)}
line(B,30,tail)
c.lineCap='butt';c.setLineDash([11,13]);c.lineDashOffset=-8;line(A,30,tail);c.setLineDash([]);c.lineCap='round'
for(const d of[-1,1])fill(A,()=>c.ellipse(128+d*18,212,15,9,0,0,T))
fill(B,()=>c.ellipse(128,166+y,44,46,0,0,T))
fill(A,()=>c.ellipse(128,176+y,26,30,0,0,T))
line(A,17,()=>{c.moveTo(150,150+y);c.quadraticCurveTo(158,172,142,184+y)})
const a=-2.15+.38*w,hx=102+46*cos(a),hy=150+y+46*sin(a)
line(A,17,()=>{c.moveTo(104,152+y);c.lineTo(hx,hy)});fill(A,()=>c.arc(hx,hy,9,0,T))
for(const d of[-1,1]){
c.save();c.translate(128+d*34,70+y);c.rotate(d*.35)
fill(B,()=>{c.moveTo(-16,12);c.quadraticCurveTo(-14,-18,0,-20);c.quadraticCurveTo(14,-18,16,12);c.closePath()})
fill(L,()=>{c.moveTo(-8,8);c.quadraticCurveTo(-6,-10,0,-11);c.quadraticCurveTo(6,-10,8,8);c.closePath()});c.restore()
}
fill(B,()=>c.ellipse(128,100+y,50,40,0,0,T))
fill(L,()=>c.ellipse(128,118+y,22,15,0,0,T))
for(const d of[-1,1])fill(L,()=>c.ellipse(128+d*20,80+y,8,5,d*.2,0,T))
c.fillStyle=c.strokeStyle=D
for(const d of[-1,1])if(bl)c.lineWidth=4,c.beginPath(),c.arc(128+d*20,93+y,5.5,.15*PI,.85*PI),c.stroke()
else c.beginPath(),c.arc(128+d*20,96+y,5.5,0,T),c.fill()
c.beginPath();c.ellipse(128,112+y,5,3.5,0,0,T);c.fill()
c.lineWidth=3;c.beginPath();c.moveTo(121,120+y);c.quadraticCurveTo(124.5,124+y,128,120+y);c.quadraticCurveTo(131.5,124+y,135,120+y);c.stroke()
}