29:null 2a:["$","title",null,{"children":"Ether Freakers Variations | Jared Flatow | Observable"}] 2f:T5a2,function simulateGenerate(entropy = txHash) { let salt = 0; const randomishIntLessThan = (s, n) => djb2(`${s}${entropy}${s}`) % n; const randomishBetween = (a, b, s) => a + randomishIntLessThan(s || salt++, b - a) const speciesDie = randomishIntLessThan("species", 20); const species = ( (speciesDie < 1 ? 0 : (speciesDie < 3 ? 1 : (speciesDie < 5 ? 2 : (speciesDie < 8 ? 3 : (speciesDie < 11 ? 4 : (speciesDie < 15 ? 5 : (speciesDie < 19 ? 6 : 7)))))))); const stamina = randomishIntLessThan("stamina", 10); const fortune = randomishIntLessThan("fortune", species < 3 ? 30 : 10) + 1; const agility = randomishIntLessThan("agility", (species == 5 || species == 6 ? 30 : (species == 2 || species == 7 ? 20 : 10))) + 1; const offense = randomishIntLessThan("offense", (species == 3 ? 30 : (species == 0 || species == 4 || species == 5 ? 20 : 10))) + 1; const defense = randomishIntLessThan("defense", (species == 4 || species == 7 ? 30 : (species == 1 || species == 4 || species == 6 ? 20 : 10))) + 1; return derivePhenotype({ species, stamina, fortune, agility, offense, defense, }, randomishBetween) }30:Ta51,function derivePhenotype(genes, randomishBetween) { Object.assign(genes, { leftShoulderAngle: randomishBetween(215, 225), // 220 rightShoulderAngle: randomishBetween(315, 325), // 320 leftHipAngle: randomishBetween(115, 125), // 120 rightHipAngle: randomishBetween(55, 65), // 60 skinColor: colors[randomishBetween(0, colors.length)], // XXX per species? eyeColor: colors[randomishBetween(0, colors.length)], // XXX per species? chestAngle: randomishBetween(250, 290), // 270 crownAngle: randomishBetween(250, 290), // 270 neckAngle: randomishBetween(220, 320), // 270 groinAngle: randomishBetween(80, 100), // 90 chinAngle: randomishBetween(80, 100), // 90 cheeksAngle: randomishBetween(70, 110), // 90 templesAngle: randomishBetween(265, 275), // 270 noseAngle: randomishBetween(200, 340), // 270 nostrilsAngle: randomishBetween(70, 110), // 90 mouthAngle: randomishBetween(70, 110), // 90 topLipAngle: randomishBetween(0, 360), // 90 bottomLipAngle: randomishBetween(0, 360), // 270 leftEyeAngle: randomishBetween(205, 215), // 210 rightEyeAngle: randomishBetween(325, 335), // 330 leftEarAngle: randomishBetween(175, 185), // 180 rightEarAngle: randomishBetween(355, 365), // 360 leftElbowAngle: randomishBetween(0, 360), // 120 rightElbowAngle: randomishBetween(0, 360), // 60 leftWristAngle: randomishBetween(0, 360), // 100 rightWristAngle: randomishBetween(0, 360), // 80 leftHandAngle: randomishBetween(0, 360), // 100 rightHandAngle: randomishBetween(0, 360), // 80 leftKneeAngle: randomishBetween(0, 360), // 120 rightKneeAngle: randomishBetween(0, 360), // 60 leftAnkleAngle: randomishBetween(0, 360), // 120 rightAnkleAngle: randomishBetween(0, 360), // 60 leftFootAngle: randomishBetween(0, 360), // 120 rightFootAngle: randomishBetween(0, 360), // 60 }) switch (genes.species) { case 0: seedStrider(genes, 0, randomishBetween) break; case 1: seedStrider(genes, 1, randomishBetween) break; case 2: seedStoner(genes, 0, randomishBetween) break; case 3: seedStoner(genes, 1, randomishBetween) break; case 4: seedRaketa(genes, 0, randomishBetween) break; case 5: seedRaketa(genes, 1, randomishBetween) break; case 6: seedSputnik(genes, 0, randomishBetween) break; case 7: seedSputnik(genes, 1, randomishBetween) break; } return genes; }31:T19b6,function renderAvatar() { const genes = { ...generate, waist: 20 + defense, chiSize: stamina, chestAngle, chestRange: 100 + defense, chestRadius: 70 + defense, neckAngle, neckRange: 30, neckRadius: 10, chinAngle, chinRange: 30, chinRadius: 25, crownAngle, crownRange: 20 + fortune, crownRadius: 10 + fortune, groinAngle, groinRange: 10, groinRadius: 40 + defense, cheeksAngle, cheeksRange: 180, cheeksRadius: 40, templesAngle, templesRange: 120, templesRadius: 40, noseAngle, noseRange: 10 + fortune, noseRadius: 20 + fortune, nostrilsAngle, nostrilsRange: 40, nostrilsRadius: 6, mouthAngle, mouthRange: 60, mouthRadius: 16, topLipAngle, topLipRange: 10, topLipRadius: 8, bottomLipAngle, bottomLipRange: 10, bottomLipRadius: 8, leftEarAngle, leftEarRange: 10 + fortune, leftEarRadius: 30, rightEarAngle, rightEarRange: 10 + fortune, rightEarRadius: 30, leftEyeAngle, leftEyeRange: 10, leftEyeRadius: 10 + fortune/10, rightEyeAngle, rightEyeRange: 10, rightEyeRadius: 10 + fortune/10, leftShoulderAngle, leftShoulderRange: 20 + defense/2, leftShoulderRadius: 10 + defense + offense, rightShoulderAngle, rightShoulderRange: 20 + defense/2, rightShoulderRadius: 10 + defense + offense, leftElbowAngle, leftElbowRange: 40, leftElbowRadius: 30 + offense, rightElbowAngle, rightElbowRange: 40, rightElbowRadius: 30 + offense, leftWristAngle, leftWristRange: 30, leftWristRadius: 30 + offense, rightWristAngle, rightWristRange: 30, rightWristRadius: 30 + offense, leftHandAngle, leftHandRange: 30, leftHandRadius: 10 + offense, rightHandAngle, rightHandRange: 30, rightHandRadius: 10 + offense, leftHipAngle, leftHipRange: 30, leftHipRadius: 20 + defense + agility, rightHipAngle, rightHipRange: 30, rightHipRadius: 20 + defense + agility, leftKneeAngle, leftKneeRange: 30, leftKneeRadius: 30 + agility, rightKneeAngle, rightKneeRange: 30, rightKneeRadius: 30 + agility, leftAnkleAngle, leftAnkleRange: 30, leftAnkleRadius: 30 + agility, rightAnkleAngle, rightAnkleRange: 30, rightAnkleRadius: 30 + agility, leftFootAngle, leftFootRange: 30, leftFootRadius: 10 + agility, rightFootAngle, rightFootRange: 30, rightFootRadius: 10 + agility, } switch (species) { case 0: growStrider(genes, 0) break; case 1: growStrider(genes, 1) break; case 2: growStoner(genes, 0) break; case 3: growStoner(genes, 1) break; case 4: growRaketa(genes, 0) break; case 5: growRaketa(genes, 1) break; case 6: growSputnik(genes, 0) break; case 7: growSputnik(genes, 1) break; } const box = Sky.box(0, 0, 350, 350) const svg = Sky.svg({viewbox: box}).wh(box.w, box.h).attrs({fill: 'none', stroke: 'black'}) const navel = Sky.box(box.midX - genes.waist / 2, box.midY, genes.waist, 1) const chest = branch(genes, navel, 'chest') const neck = branch(genes, chest, 'neck') const groin = branch(genes, navel, 'groin') const nose = branch(genes, neck, 'nose') const mouth = branch(genes, nose, 'mouth') const chin = branch(genes, mouth, 'chin') const cheeks = branch(genes, mouth, 'cheeks') const temples = branch(genes, nose, 'temples') const nostrils = branch(genes, nose, 'nostrils') const crown = branch(genes, temples, 'crown') const topLip = branch(genes, mouth, 'topLip') const bottomLip = branch(genes, mouth, 'bottomLip') const leftEar = branch(genes, {midX: nose.left, midY: nose.midY}, 'leftEar') const rightEar = branch(genes, {midX: nose.right, midY: nose.midY}, 'rightEar') const leftEye = branch(genes, {midX: nose.left, midY: nose.midY}, 'leftEye') const rightEye = branch(genes, {midX: nose.right, midY: nose.midY}, 'rightEye') const leftShoulder = branch(genes, chest, 'leftShoulder') const leftElbow = branch(genes, leftShoulder, 'leftElbow') const leftWrist = branch(genes, leftElbow, 'leftWrist') const leftHand = branch(genes, leftWrist, 'leftHand') const rightShoulder = branch(genes, chest, 'rightShoulder') const rightElbow = branch(genes, rightShoulder, 'rightElbow') const rightWrist = branch(genes, rightElbow, 'rightWrist') const rightHand = branch(genes, rightWrist, 'rightHand') const leftHip = branch(genes, navel, 'leftHip') const leftKnee = branch(genes, leftHip, 'leftKnee') const leftAnkle = branch(genes, leftKnee, 'leftAnkle') const leftFoot = branch(genes, leftAnkle, 'leftFoot') const rightHip = branch(genes, navel, 'rightHip') const rightKnee = branch(genes, rightHip, 'rightKnee') const rightAnkle = branch(genes, rightKnee, 'rightAnkle') const rightFoot = branch(genes, rightAnkle, 'rightFoot') const anatomy = { navel, chest, neck, groin, nose, nostrils, chin, cheeks, temples, crown, mouth, topLip, bottomLip, leftEar, rightEar, leftEye, rightEye, leftShoulder, leftElbow, leftWrist, leftHand, rightShoulder, rightElbow, rightWrist, rightHand, leftHip, leftKnee, leftAnkle, leftFoot, rightHip, rightKnee, rightAnkle, rightFoot } // -- render -- switch (species) { case 0: case 1: drawStrider(svg, anatomy, genes) break; case 2: case 3: drawStoner(svg, anatomy, genes) break; case 4: case 5: drawRaketa(svg, anatomy, genes) break; case 6: case 7: drawSputnik(svg, anatomy, genes) break; } // XXX //svg.circle(navel.midX, navel.midY, 3) //svg.circle(chest.midX, chest.midY, 3) //svg.rectX(navel) //svg.rectX(chest).attrs({fill: 'blue'}) //svg.rectX(neck).attrs({fill: 'red'}) //svg.rectX(crown).attrs({fill: 'green'}) //svg.rectX(groin) //svg.rectX(nostrils) // XXX //svg.rectX(nose) //svg.rectX(temples) //svg.rectX(cheeks) //svg.rectX(chin) //svg.rectX(leftShoulder) //svg.rectX(leftElbow) //svg.rectX(leftWrist) //svg.rectX(leftHand) //svg.rectX(rightShoulder) //svg.rectX(rightElbow) //svg.rectX(rightWrist) //svg.rectX(rightHand) //svg.rectX(leftHip) //svg.rectX(leftKnee) //svg.rectX(leftAnkle) //svg.rectX(leftFoot) //svg.rectX(rightHip) //svg.rectX(rightKnee) //svg.rectX(rightAnkle) //svg.rectX(rightFoot) return svg.node; }32:Tb25,function drawRaketa(svg, anatomy, genes) { const { navel, neck, crown, chin, cheeks, temples, groin, nose, mouth, topLip, bottomLip, rightEye, leftEye, rightEar, leftEar, leftShoulder, leftElbow, leftWrist, leftHand, rightShoulder, rightElbow, rightWrist, rightHand, leftHip, leftKnee, leftAnkle, leftFoot, rightHip, rightKnee, rightAnkle, rightFoot, } = anatomy; const _body = svg.g() const _outline = _body.path().attrs({ d: P('M', leftHip.right, leftHip.bottom) + P('C', leftKnee.right, leftKnee.bottom, leftAnkle.right, leftAnkle.bottom, leftFoot.midX, leftFoot.midY) + P('C', leftAnkle.left, leftAnkle.top, leftKnee.left, leftKnee.top, leftHip.left, leftHip.top) + P('L', leftShoulder.right, leftShoulder.bottom) + P('C', leftElbow.right, leftElbow.bottom, leftWrist.right, leftWrist.bottom, leftHand.midX, leftHand.midY) + P('C', leftWrist.left, leftWrist.top, leftElbow.left, leftElbow.top, leftShoulder.left, leftShoulder.top) + P('L', neck.midX, neck.midY) + P('L', rightShoulder.right, rightShoulder.top) + P('C', rightElbow.right, rightElbow.top, rightWrist.right, rightWrist.top, rightHand.midX, rightHand.midY) + P('C', rightWrist.left, rightWrist.bottom, rightElbow.left, rightElbow.bottom, rightShoulder.left, rightShoulder.bottom) + P('L', rightHip.right, rightHip.top) + P('C', rightKnee.right, rightKnee.top, rightAnkle.right, rightAnkle.top, rightFoot.midX, rightFoot.midY) + P('C', rightAnkle.left, rightAnkle.bottom, rightKnee.left, rightKnee.bottom, rightHip.left, rightHip.bottom) + 'z' }).attrs({fill: genes.skinColor}) const _chi = _body.ellipse(navel.midX, navel.midY, genes.chiSize, genes.chiSize + 2) .attrs({fill: 'white'}) const _head = svg.g() const _face = _head.path().attrs({ d: P('M', chin.left, chin.bottom) + P('Q', cheeks.left, cheeks.bottom, temples.left, temples.top) + P('Q', crown.midX, crown.top, temples.right, temples.top) + P('Q', cheeks.right, cheeks.bottom, chin.right, chin.bottom) + P('L', chin.left, chin.bottom) + 'z' }).attrs({fill: 'white'}) const _mouth = _head.path().attrs({ d: P('M', mouth.left, mouth.midY) + P('C', topLip.left, topLip.top, bottomLip.right, bottomLip.bottom, mouth.right, mouth.midY) }) const _nose = _head.circleX(nose) const _right_eye = _head.ellipse(rightEye.midX, rightEye.midY, 6, 4) .attrs({fill: 'white', 'fill-opacity': 1}) const _right_pupil = _head.circle(rightEye.midX, rightEye.midY, 2) .attrs({fill: genes.eyeColor, 'fill-opacity': 1}) const _left_eye = _head.ellipse(leftEye.midX, leftEye.midY, 6, 4) .attrs({fill: 'white', 'fill-opacity': 1}) const _left_pupil = _head.circle(leftEye.midX, leftEye.midY, 2) .attrs({fill: genes.eyeColor, 'fill-opacity': 1}) }33:T9c1,function drawSputnik(svg, anatomy, genes) { const { navel, neck, crown, groin, chin, chest, nose, mouth, temples, topLip, bottomLip, rightEye, leftEye, rightEar, leftEar, leftShoulder, leftElbow, leftWrist, leftHand, rightShoulder, rightElbow, rightWrist, rightHand, leftHip, leftKnee, leftAnkle, leftFoot, rightHip, rightKnee, rightAnkle, rightFoot, } = anatomy; const _legs = svg.g() const _head = svg.g() const _arms = svg.g() const _leftLeg = _legs.path().attrs({ d: P('M', leftShoulder.right, leftShoulder.bottom) + P('L', leftKnee.midX, leftKnee.midY) + P('L', leftAnkle.midX, leftAnkle.midY) + P('L', leftFoot.midX, leftFoot.midY) }).attrs({stroke: 'black', strokeWidth: 2}) const _rightLeg = _legs.path().attrs({ d: P('M', rightShoulder.left, rightShoulder.bottom) + P('L', rightKnee.midX, rightKnee.midY) + P('L', rightAnkle.midX, rightAnkle.midY) + P('L', rightFoot.midX, rightFoot.midY) }).attrs({stroke: 'black', strokeWidth: 2}) const _leftArm = _arms.path().attrs({ d: P('M', leftShoulder.left, leftShoulder.top) + P('L', leftElbow.midX, leftElbow.midY) + P('L', leftWrist.midX, leftWrist.midY) + P('L', leftHand.midX, leftHand.midY) }).attrs({stroke: 'black', strokeWidth: 2}) const _rightArm = _arms.path().attrs({ d: P('M', rightShoulder.right, rightShoulder.top) + P('L', rightElbow.midX, rightElbow.midY) + P('L', rightWrist.midX, rightWrist.midY) + P('L', rightHand.midX, rightHand.midY) }).attrs({stroke: 'black', strokeWidth: 2}) const w = Math.abs(rightEar.left - leftEar.right) const h = Math.abs(crown.top - neck.bottom) const z = Math.max(w, h) const _face = _head.ellipse(chin.midX, chin.midY, z, z) .attrs({fill: genes.skinColor, stroke: 'none'}) const _mouth = _head.path().attrs({ d: P('M', mouth.left, mouth.midY) + P('C', topLip.left, topLip.top, topLip.right, topLip.top, mouth.right, mouth.midY) + P('C', bottomLip.right, bottomLip.top, bottomLip.left, bottomLip.top, mouth.left, mouth.midY) + 'z' }).attrs({fill: 'white'}) const _leftEye = _head.circle(leftEye.x, leftEye.y, 1) .attrs({fill: 'black'}) const _rightEye = svg.circle(rightEye.x, rightEye.y, 1) .attrs({fill: 'black'}) const _chi = _head.path().attrs({ d: P('M', crown.left, temples.bottom) + P('l', genes.chiSize * 4, -genes.chiSize * 4) + P('L', crown.right, temples.bottom) }).attrs({fill: 'white'}) }34:Tcfb,function drawStoner(svg, anatomy, genes) { const { navel, chest, crown, neck, chin, groin, mouth, nose, nostrils, temples, topLip, bottomLip, leftEar, rightEar, leftEye, rightEye, leftShoulder, leftElbow, leftWrist, leftHand, rightShoulder, rightElbow, rightWrist, rightHand, leftHip, leftKnee, leftAnkle, leftFoot, rightHip, rightKnee, rightAnkle, rightFoot, } = anatomy; const w = Math.abs(leftShoulder.left - rightShoulder.right) const h = Math.abs(chin.top - groin.bottom) const _legs = svg.g().attrs({fill: '#333', stroke: 'none'}) // XXX color? const _body = svg.ellipse(chest.midX, chin.bottom, w / 2, h) .attrs({fill: genes.skinColor, stroke: 'none'}) const _head = svg.g() const _arms = svg.g().attrs({fill: '#333', stroke: 'none'}) // XXX color? const _leftArm = _arms.path().attrs({ d: P('M', leftShoulder.left, leftShoulder.top) + P('Q', leftElbow.left, leftElbow.top, leftWrist.left, leftWrist.top) + P('Q', leftHand.left, leftHand.top, leftHand.right, leftHand.bottom) + P('Q', leftElbow.right, leftElbow.bottom, leftShoulder.right, leftShoulder.bottom) + P('T', leftShoulder.left, leftShoulder.top) + 'z' }) const _rightArm = _arms.path().attrs({ d: P('M', rightShoulder.right, rightShoulder.top) + P('Q', rightElbow.right, rightElbow.top, rightWrist.right, rightWrist.top) + P('Q', rightHand.left, rightHand.top, rightHand.left, rightHand.bottom) + P('Q', rightElbow.left, rightElbow.bottom, rightShoulder.left, rightShoulder.bottom) + P('T', rightShoulder.right, rightShoulder.top) + 'z' }) const _leftLeg = _legs.path().attrs({ d: P('M', leftHip.left, leftHip.top) + P('Q', leftKnee.left, leftKnee.top, leftAnkle.left, leftAnkle.top) + P('Q', leftFoot.left, leftFoot.top, leftFoot.right, leftFoot.bottom) + P('Q', leftKnee.right, leftKnee.bottom, leftHip.right, leftHip.bottom) + P('T', leftHip.left, leftHip.top) + 'z' }) const _rightLeg = _legs.path().attrs({ d: P('M', rightHip.right, rightHip.top) + P('Q', rightKnee.right, rightKnee.top, rightAnkle.right, rightAnkle.top) + P('Q', rightFoot.right, rightFoot.top, rightFoot.left, rightFoot.bottom) + P('Q', rightKnee.left, rightKnee.bottom, rightHip.left, rightHip.bottom) + P('T', rightHip.right, rightHip.top) + 'z' }) const _mouth = _head.path().attrs({ d: P('M', mouth.left, mouth.midY) + P('C', topLip.left, topLip.top, bottomLip.right, bottomLip.bottom, mouth.right, mouth.midY) }) const _nose = _head.path().attrs({ d: P('M', nose.midX, nose.top) + P('L', nostrils.left, nostrils.bottom) + P('L', nostrils.right, nostrils.top) }) const _rightEye = _head.ellipse(rightEye.midX, rightEye.midY, 4, 4) .attrs({fill: 'white', stroke: 'none'}) const _rightPupil = _head.circleX(rightEye) .attrs({fill: genes.eyeColor}) const _leftEye = _head.ellipse(leftEye.midX, leftEye.midY, 4, 4) .attrs({fill: 'white', stroke: 'none'}) const _leftPupil = _head.circleX(leftEye) .attrs({fill: genes.eyeColor}) const _chi = _head.path().attrs({ d: P('M', crown.left, temples.bottom) + P('l', genes.chiSize * 4, -genes.chiSize * 4) + P('Q', crown.left, crown.top, crown.right, temples.bottom) }).attrs({fill: 'white'}) }35:Tea5,function drawStrider(svg, anatomy, genes) { const { navel, neck, chin, crown, groin, cheeks, temples, mouth, nose, topLip, bottomLip, leftEar, rightEar, leftEye, rightEye, leftShoulder, leftElbow, leftWrist, leftHand, rightShoulder, rightElbow, rightWrist, rightHand, leftHip, leftKnee, leftAnkle, leftFoot, rightHip, rightKnee, rightAnkle, rightFoot, } = anatomy; const _legs = svg.g().attrs({fill: 'white'}) const _body = svg.g() const _head = svg.g().transform({rotate: [genes.neckAngle, neck.midX, neck.midY]}) const _arms = svg.g().attrs({fill: 'white'}) const _torso = _body.path().attrs({ d: P('M', rightHip.left, rightHip.bottom) + P('L', rightHip.right, rightHip.top) + P('T', rightShoulder.left, rightShoulder.bottom) + P('L', rightShoulder.right, rightShoulder.top) + P('Q', neck.right, neck.top, neck.midX, neck.midY) + P('Q', neck.left, neck.top, leftShoulder.left, leftShoulder.top) + P('L', leftShoulder.right, leftShoulder.bottom) + P('T', leftHip.left, leftHip.top) + P('L', leftHip.right, leftHip.bottom) + P('T', rightHip.left, rightHip.bottom) + 'z' }) // XXX const _chi = _body.circle(navel.midX, navel.midY, genes.chiSize) .attrs({fill: genes.skinColor}) const _leftArm = _arms.path().attrs({ d: P('M', leftShoulder.left, leftShoulder.top) + P('Q', leftElbow.left, leftElbow.top, leftWrist.left, leftWrist.top) + P('L', leftWrist.right, leftWrist.bottom) + P('Q', leftElbow.right, leftElbow.bottom, leftShoulder.right, leftShoulder.bottom) + 'z' }) const _rightArm = _arms.path().attrs({ d: P('M', rightShoulder.right, rightShoulder.top) + P('Q', rightElbow.right, rightElbow.top, rightWrist.right, rightWrist.top) + P('L', rightWrist.left, rightWrist.top) + P('Q', rightElbow.left, rightElbow.bottom, rightShoulder.left, rightShoulder.bottom) + 'z' }) const _leftLeg = _legs.path().attrs({ d: P('M', leftHip.left, leftHip.top) + P('Q', leftKnee.left, leftKnee.top, leftAnkle.left, leftAnkle.top) + P('L', leftAnkle.right, leftAnkle.bottom) + P('Q', leftKnee.right, leftKnee.bottom, leftHip.right, leftHip.bottom) + 'z' }) const _rightLeg = _legs.path().attrs({ d: P('M', rightHip.right, rightHip.top) + P('Q', rightKnee.right, rightKnee.top, rightAnkle.right, rightAnkle.top) + P('L', rightAnkle.left, rightAnkle.top) + P('Q', rightKnee.left, rightKnee.bottom, rightHip.left, rightHip.bottom) + 'z' }) const _face = _head.path().attrs({ d: P('M', chin.left, chin.top) + P('Q', cheeks.left, cheeks.bottom, temples.left, temples.top) + P('Q', crown.midX, crown.top, temples.right, temples.top) + P('Q', cheeks.right, cheeks.bottom, chin.right, chin.top) + P('Q', chin.midX, chin.bottom, chin.left, chin.top) + 'z' }).attrs({fill: genes.skinColor}) const _mouth = _head.path().attrs({ d: P('M', mouth.left, mouth.midY) + P('C', topLip.left, topLip.top, topLip.right, topLip.top, mouth.right, mouth.midY) + P('C', bottomLip.right, bottomLip.top, bottomLip.left, bottomLip.top, mouth.left, mouth.midY) + 'z' }).attrs({fill: 'white'}) const _nose = _head.circleX(nose) const _right_eye = _head.ellipse(rightEye.midX, rightEye.midY, 6, 4) .attrs({fill: 'white', 'fill-opacity': 1}) const _right_pupil = _head.circle(rightEye.midX, rightEye.midY, 2) .attrs({fill: genes.eyeColor, 'fill-opacity': 1}) const _left_eye = _head.ellipse(leftEye.midX, leftEye.midY, 6, 4) .attrs({fill: 'white', 'fill-opacity': 1}) const _left_pupil = _head.circle(leftEye.midX, leftEye.midY, 2) .attrs({fill: genes.eyeColor, 'fill-opacity': 1}) }36:[] 2d:{"id":"dd7db5ebbd958e1f","slug":null,"title":"Ether Freakers Variations","thumbnail":"2fd7f84ec1662eb6ca16722adfa5d21a2efd0f0a971fc85ed739fcc3e0bcdbd7","access_level":"unlisted","create_time":"$D2021-03-20T02:16:18.334Z","update_time":"$D2021-03-24T05:47:47.205Z","view_time":null,"first_public_time":null,"fork":true,"stars":1,"starred":false,"owner":{"type":"team","id":"4e6aa1eb2be00f34","login":"jflatow","name":"Jared Flatow","avatar_url":"https://avatars-next.observableusercontent.com/1aaa43b64ef2f86c4c6d791047505af1aab3f07d356467b701204e46b9cc3650","tier":"starter_2024"},"version":4681,"publish_version":4681,"role":null,"authored":false,"authors":[{"type":"individual","id":"73ce64867802ba8e","login":"jflatow","name":"Jared Flatow","avatar_url":"https://avatars-next.observableusercontent.com/1aaa43b64ef2f86c4c6d791047505af1aab3f07d356467b701204e46b9cc3650","tier":null}],"members":[{"type":"individual","id":"73ce64867802ba8e","login":"jflatow","name":"Jared Flatow","avatar_url":"https://avatars-next.observableusercontent.com/1aaa43b64ef2f86c4c6d791047505af1aab3f07d356467b701204e46b9cc3650","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Ether Freakers Variations","cells":[{"id":0,"value":"md`# Ether Freakers Variations`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":5,"value":"import {Button, Range} from \"@observablehq/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1038,"value":"import {color} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":42,"value":"import {Sky, path as P} from \"@jflatow/sky\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4677,"value":"renderAvatar()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3434,"value":"colors = [\"#2112a6\",\"#ebc0c7\",\"#14262a\",\"#ef279c\",\"#268b68\",\"#fdafa8\",\"#c863fd\",\"#44e684\",\"#82151c\",\"#8f3a5f\",\"#7e84c8\",\"#264e2a\",\"#5e9b88\",\"#074abf\",\"#967432\",\"#7cb643\",\"#a9aa40\",\"#afcd71\",\"#f25b57\",\"#4ee43c\",\"#da52f2\",\"#72f169\",\"#23466e\",\"#3ce689\",\"#d0d71c\",\"#f57eca\",\"#9c98b9\",\"#4cd800\",\"#3c4c00\",\"#7b7a96\",\"#e6eec8\",\"#3812e7\",\"#ab231f\",\"#323a67\",\"#c88bb3\",\"#2b571f\",\"#bcfb8f\",\"#7c7088\",\"#2b5ed9\",\"#f1dec7\",\"#1219fa\",\"#081eef\",\"#0c9b79\",\"#c6187e\",\"#892185\",\"#fbc78d\",\"#88f90c\",\"#0504eb\",\"#1f347a\",\"#ebdf94\"]\n//colors = Array(20).fill(0).map(_ => Sky.RGB.random().toHex())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3340,"value":"function djb2(str) {\n let hash = 5381;\n for (let i = 0; i < str.length; i++)\n hash = hash * 33 ^ str.charCodeAt(i)\n return hash >>> 0;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1507,"value":"rad = deg => deg * Math.PI / 180;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1503,"value":"function branch(genes, coords, name) {\n const angle = genes[`${name}Angle`];\n const range = genes[`${name}Range`];\n const radius = genes[`${name}Radius`];\n const cx = coords.midX, cy = coords.midY;\n const dx = Math.cos(rad(angle - range / 2)) * radius;\n const dy = Math.sin(rad(angle - range / 2)) * radius;\n const ex = Math.cos(rad(angle + range / 2)) * radius;\n const ey = Math.sin(rad(angle + range / 2)) * radius;\n if (dx < ex) {\n if (dy < ey) {\n return Sky.box(cx + dx, cy + dy, ex - dx, ey - dy)\n } else {\n return Sky.box(cx + dx, cy + ey, ex - dx, dy - ey)\n }\n } else {\n if (dy < ey) {\n return Sky.box(cx + ex, cy + dy, dx - ex, ey - dy)\n } else {\n return Sky.box(cx + ex, cy + ey, dx - ex, dy - ey)\n }\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1234,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3399,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4636,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1128,"value":"generate = simulateGenerate(txHash)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3346,"value":"viewof txHash = Range([0, 1000000000000], {value: 0, step: 1, label: 'Tx Hash'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":8,"value":"viewof species = Range([0, 7], {value: generate.species, step: 1, label: 'Species'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":13,"value":"viewof stamina = Range([0, 9], {value: generate.stamina, step: 1, label: 'Stamina'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":12,"value":"viewof fortune = Range([1, 30], {value: generate.fortune, step: 1, label: 'Fortune'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":19,"value":"viewof agility = Range([1, 30], {value: generate.agility, step: 1, label: 'Agility'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":20,"value":"viewof offense = Range([1, 30], {value: generate.offense, step: 1, label: 'Offense'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":23,"value":"viewof defense = Range([1, 30], {value: generate.defense, step: 1, label: 'Defense'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1485,"value":"renderAvatar()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1654,"value":"viewof leftShoulderAngle = Range([0, 360], {value: generate.leftShoulderAngle, step: 0.01, label: 'Left Shoulder Angle'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1672,"value":"viewof leftElbowAngle = Range([0, 360], {value: generate.leftElbowAngle, label: 'Left Elbow Angle'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1729,"value":"viewof leftWristAngle = Range([0, 360], {value: generate.leftWristAngle, label: 'Left Wrist Angle'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1744,"value":"viewof leftHandAngle = Range([0, 360], {value: generate.leftHandAngle, label: 'Left Hand Angle'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1693,"value":"viewof rightShoulderAngle = Range([0, 360], {value: generate.rightShoulderAngle, label: 'Right Shoulder Angle'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1674,"value":"viewof rightElbowAngle = Range([0, 360], {value: generate.rightElbowAngle, label: 'Right Elbow Angle'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1725,"value":"viewof rightWristAngle = Range([0, 360], {value: generate.rightWristAngle, label: 'Right Wrist Angle'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1741,"value":"viewof rightHandAngle = Range([0, 360], {value: generate.rightHandAngle, label: 'Right Hand Angle'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1663,"value":"viewof leftHipAngle = Range([0, 360], {value: generate.leftHipAngle, label: 'Left Hip Angle'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1755,"value":"viewof leftKneeAngle = Range([0, 360], {value: generate.leftKneeAngle, label: 'Left Knee Angle'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1761,"value":"viewof leftAnkleAngle = Range([0, 360], {value: generate.leftAnkleAngle, label: 'Left Ankle Angle'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1768,"value":"viewof leftFootAngle = Range([0, 360], {value: 120, step: 0.01, label: 'Left Foot Angle'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1696,"value":"viewof rightHipAngle = Range([0, 360], {value: generate.rightHipAngle, label: 'Right Hip Angle'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1758,"value":"viewof rightKneeAngle = Range([0, 360], {value: generate.rightKneeAngle, label: 'Right Knee Angle'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1763,"value":"viewof rightAnkleAngle = Range([0, 360], {value: generate.rightAnkleAngle, label: 'Right Ankle Angle'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1750,"value":"viewof rightFootAngle = Range([0, 360], {value: 60, step: 0.01, label: 'Right Foot Angle'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4651,"value":"renderAvatar()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1791,"value":"viewof chestAngle = Range([0, 360], {value: generate.chestAngle, label: 'Chest Angle'}) // 270","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1786,"value":"viewof neckAngle = Range([0, 360], {value: generate.neckAngle, label: 'Neck Angle'}) // 270","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2314,"value":"viewof chinAngle = Range([0, 360], {value: generate.chinAngle, label: 'Chin Angle'}) // 90","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2797,"value":"viewof cheeksAngle = Range([0, 360], {value: generate.cheeksAngle, label: 'Cheeks Angle'}) // 90","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2799,"value":"viewof templesAngle = Range([0, 360], {value: generate.templesAngle, label: 'Temples Angle'}) // 270","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1869,"value":"viewof groinAngle = Range([0, 180], {value: generate.groinAngle, label: 'Groin Angle'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1777,"value":"viewof crownAngle = Range([250, 290], {value: generate.crownAngle, label: 'Crown Angle'}) // 270","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1807,"value":"viewof noseAngle = Range([0, 360], {value: generate.noseAngle, label: 'Nose Angle'}) // 270","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2967,"value":"viewof nostrilsAngle = Range([0, 360], {value: generate.nostrilsAngle, label: 'Nostrils Angle'}) // 90","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1810,"value":"viewof mouthAngle = Range([50, 130], {value: generate.mouthAngle, label: 'Mouth Angle'}) // 90","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3125,"value":"viewof topLipAngle = Range([0, 360], {value: generate.topLipAngle, label: 'Top Lip Angle'}) // 90","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3128,"value":"viewof bottomLipAngle = Range([0, 360], {value: generate.bottomLipAngle, label: 'Bottom Lip Angle'}) // 270","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1820,"value":"viewof leftEyeAngle = Range([180, 240], {value: generate.leftEyeAngle, label: 'Left Eye Angle'}) // 210","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1804,"value":"viewof rightEyeAngle = Range([300, 360], {value: generate.rightEyeAngle, label: 'Right Eye Angle'}) // 270","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1814,"value":"viewof leftEarAngle = Range([150, 210], {value: generate.leftEarAngle, label: 'Left Ear Angle'}) // 270","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1815,"value":"viewof rightEarAngle = Range([330, 390], {value: generate.rightEarAngle, step: 0.01, label: 'Right Ear Angle'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4649,"value":"renderAvatar()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3391,"value":"function seedRaketa(genes, variant, randomishBetween) {\n Object.assign(genes, {\n speciesName: `raketa ${variant}`\n })\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3392,"value":"function seedSputnik(genes, variant, randomishBetween) {\n if (variant) {\n Object.assign(genes, {\n speciesName: `sputnik ${variant}`,\n leftShoulderAngle: randomishBetween(145, 155), // 140\n rightShoulderAngle: randomishBetween(25, 35), // 40\n }) \n } else {\n Object.assign(genes, {\n speciesName: `sputnik ${variant}`\n })\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3394,"value":"function seedStoner(genes, variant, randomishBetween) {\n Object.assign(genes, {\n speciesName: `stoner ${variant}`,\n })\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3396,"value":"function seedStrider(genes, variant, randomishBetween) {\n Object.assign(genes, {\n speciesName: `strider ${variant}`,\n })\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2072,"value":"function growRaketa(genes, variant) {\n Object.assign(genes, {\n chinRange: 140,\n chinRadius: 30,\n crownRadius: 10 + genes.fortune\n })\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2030,"value":"function growSputnik(genes, variant) {\n Object.assign(genes, {\n mouthRange: 120,\n mouthRadius: variant ? 40 : 20,\n })\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2033,"value":"function growStoner(genes, variant) {\n Object.assign(genes, {\n groinAngle: 90,\n chestRadius: 20,\n neckRadius: 20,\n leftShoulderRadius: 60,\n leftElbowRadius: 50,\n rightShoulderRadius: 60,\n rightElbowRadius: 50,\n\n leftHipRadius: 20,\n leftHipRange: 60,\n leftKneeRadius: 60,\n leftKneeRange: 60,\n\n rightHipRadius: 20,\n rightHipRange: 60,\n rightKneeRadius: 60,\n rightKneeRange: 60,\n })\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2073,"value":"function growStrider(genes, variant) {\n Object.assign(genes, {\n crownRadius: 20 + genes.fortune,\n cheeksRadius: 40,\n chinRadius: 10,\n templesRange: 120,\n templesRadius: 25,\n })\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4647,"value":"renderAvatar()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2066,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4639,"value":"renderAvatar()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2036,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4641,"value":"renderAvatar()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2039,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4643,"value":"renderAvatar()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2070,"value":"$35","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4645,"value":"renderAvatar()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W36","stdlib":"1","titling":"auto"}} 2e:"$2d:body"