direct-img/vibegif.direct-img.link
1
0
Fork 0
mirror of https://github.com/direct-img/vibegif.direct-img.link.git synced 2026-10-29 03:34:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
multipleof4
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
Download Patch File Download Diff File Expand all files Collapse all files
gen/minicolor/wyvern/flap.js
+32
View File
@@ -0,0 +1,32 @@
// little wyvern hovering: bat wings beating twice a loop, tail curling below, tiny horns, blinks
const{sin,PI}=Math,T=2*PI
export const frames=24,delay=80
const B='#8cc084',L='#c6e0c2',A='#f4c03e',D='#2b2633'
export default(c,t)=>{
const f=sin(2*T*t),bl=t>.42&&t<.48
const fill=(col,g)=>{c.fillStyle=c.strokeStyle=col;c.lineWidth=6;c.beginPath();g();c.fill();c.stroke()}
const line=(col,lw,g)=>{c.strokeStyle=col;c.lineWidth=lw;c.beginPath();g();c.stroke()}
c.translate(0,6*sin(2*T*t+1.3))
// tail curling down and to the side, tapering, with a spade tip
const sw=6*sin(T*t)
for(let s=0;s<=1;s+=.02){const u=1-s,x=u*u*128+2*u*s*(140+sw)+s*s*(176+sw),y=u*u*168+2*u*s*222+s*s*(196);c.fillStyle=B;c.beginPath();c.arc(x,y,9-5*s,0,T);c.fill()}
fill(B,()=>{c.moveTo(174+sw,198);c.lineTo(186+sw,178);c.lineTo(192+sw,200);c.closePath()})
for(const d of[-1,1]){
c.save();c.translate(128+d*16,122);c.scale(d*.92,.92);c.rotate(-.35*f)
fill(L,()=>{c.moveTo(0,12);c.lineTo(46,-40);c.lineTo(92,-30);c.quadraticCurveTo(76,-18,84,6);c.quadraticCurveTo(64,4,58,28);c.quadraticCurveTo(34,14,8,28)})
line(B,6,()=>{c.moveTo(0,0);c.lineTo(46,-40);c.lineTo(92,-30);c.moveTo(46,-40);c.lineTo(84,6);c.moveTo(46,-40);c.lineTo(58,28)})
c.restore()
}
for(const d of[-1,1])fill(B,()=>c.ellipse(128+d*14,174,8,10,0,0,T))
fill(B,()=>c.ellipse(128,140,30,36,0,0,T))
fill(L,()=>c.ellipse(128,148,17,23,0,0,T))
for(const d of[-1,1])fill(A,()=>{c.moveTo(128+d*10,72);c.quadraticCurveTo(128+d*16,52,128+d*28,48);c.quadraticCurveTo(128+d*24,62,128+d*24,76)})
fill(B,()=>c.arc(128,94,30,0,T))
fill(L,()=>c.ellipse(128,108,16,10,0,0,T))
c.fillStyle=c.strokeStyle=D
for(const d of[-1,1]){
c.beginPath();c.arc(128+d*5,106,2.2,0,T);c.fill()
if(bl)c.lineWidth=3.5,c.beginPath(),c.arc(128+d*14,86,5,.15*PI,.85*PI),c.stroke()
else c.beginPath(),c.arc(128+d*14,88,4.5,0,T),c.fill()
}
}