2d:null 2e:["$","title",null,{"children":"creating a flewb for your few | johann bestowrous | Observable"}] 33:T121a,blob = { return ({ xPosition=canvasWidth/2, yPosition=canvasHeight/2, size=10, amplitude=0.1, numPoints=4, speed=0.01, period=Math.PI*2, rotationSpeed=0.05, color='#ffffff', backgroundColor='#000000', className=''}) => { const controlPointDist = (4/3)*Math.tan(Math.PI/(numPoints*2)) const time = frame * speed const rotation = frame * rotationSpeed const points = [ { x: 1 + Math.sin(time) * amplitude, y: 0, controlPoints: [ { x: 1+Math.sin(time)*amplitude-Math.sin(time+(period/12)*1)*amplitude, y: -controlPointDist-Math.sin(time+(period/12)*1)*amplitude }, { x: 1+Math.sin(time)*amplitude+Math.sin(time+(period/12)*1)*amplitude, y: controlPointDist+Math.sin(time+(period/12)*1)*amplitude } ] }, { x: 0, y: 1+Math.sin(time+(period/12)*3) * amplitude, controlPoints: [ { x: controlPointDist+Math.sin(time+(period/12)*2)*amplitude, y: 1+Math.sin(time+(period/12)*2)*amplitude }, { x: -controlPointDist+Math.sin(time+(period/12)*3)*amplitude, y: 1+Math.sin(time+(period/12)*3)*amplitude } ] }, { x: -1+Math.sin(time+(period/12)*6) * amplitude, y: 0, controlPoints: [ { x: -1+Math.sin(time+(period/12)*5)*amplitude, y: controlPointDist+Math.sin(time+(period/12)*5)*amplitude }, { x: -1+Math.sin(time+(period/12)*7)*amplitude, y: -controlPointDist+Math.sin(time+(period/12)*7)*amplitude } ] }, { x: 0, y: -1+Math.sin(time+(period/12)*9) * amplitude, controlPoints: [ { x: -controlPointDist+Math.sin(time+(period/12)*8)*amplitude, y: -1+Math.sin(time+(period/12)*8)*amplitude }, { x: controlPointDist+Math.sin(time+(period/12)*10)*amplitude, y: -1+Math.sin(time+(period/12)*10)*amplitude } ] }, ] return ` ${backgroundColor && ` `} ${showGuides && ` ${points.map((point, i) => ` ${i == 0 && ` ` } `)} ` } ` } }34:T3254,fewABI = [ { "inputs": [], "stateMutability": "nonpayable", "type": "constructor" }, { "anonymous": false, "inputs": [ { "indexed": true, "internalType": "address", "name": "owner", "type": "address" }, { "indexed": true, "internalType": "address", "name": "approved", "type": "address" }, { "indexed": true, "internalType": "uint256", "name": "tokenId", "type": "uint256" } ], "name": "Approval", "type": "event" }, { "anonymous": false, "inputs": [ { "indexed": true, "internalType": "address", "name": "owner", "type": "address" }, { "indexed": true, "internalType": "address", "name": "operator", "type": "address" }, { "indexed": false, "internalType": "bool", "name": "approved", "type": "bool" } ], "name": "ApprovalForAll", "type": "event" }, { "anonymous": false, "inputs": [ { "indexed": true, "internalType": "bytes32", "name": "role", "type": "bytes32" }, { "indexed": true, "internalType": "bytes32", "name": "previousAdminRole", "type": "bytes32" }, { "indexed": true, "internalType": "bytes32", "name": "newAdminRole", "type": "bytes32" } ], "name": "RoleAdminChanged", "type": "event" }, { "anonymous": false, "inputs": [ { "indexed": true, "internalType": "bytes32", "name": "role", "type": "bytes32" }, { "indexed": true, "internalType": "address", "name": "account", "type": "address" }, { "indexed": true, "internalType": "address", "name": "sender", "type": "address" } ], "name": "RoleGranted", "type": "event" }, { "anonymous": false, "inputs": [ { "indexed": true, "internalType": "bytes32", "name": "role", "type": "bytes32" }, { "indexed": true, "internalType": "address", "name": "account", "type": "address" }, { "indexed": true, "internalType": "address", "name": "sender", "type": "address" } ], "name": "RoleRevoked", "type": "event" }, { "anonymous": false, "inputs": [ { "indexed": true, "internalType": "address", "name": "from", "type": "address" }, { "indexed": true, "internalType": "address", "name": "to", "type": "address" }, { "indexed": true, "internalType": "uint256", "name": "tokenId", "type": "uint256" } ], "name": "Transfer", "type": "event" }, { "inputs": [], "name": "CREATOR_ROLE", "outputs": [ { "internalType": "bytes32", "name": "", "type": "bytes32" } ], "stateMutability": "view", "type": "function" }, { "inputs": [], "name": "DEFAULT_ADMIN_ROLE", "outputs": [ { "internalType": "bytes32", "name": "", "type": "bytes32" } ], "stateMutability": "view", "type": "function" }, { "inputs": [ { "internalType": "address", "name": "to", "type": "address" }, { "internalType": "uint256", "name": "tokenId", "type": "uint256" } ], "name": "approve", "outputs": [], "stateMutability": "nonpayable", "type": "function" }, { "inputs": [ { "internalType": "address", "name": "owner", "type": "address" } ], "name": "balanceOf", "outputs": [ { "internalType": "uint256", "name": "", "type": "uint256" } ], "stateMutability": "view", "type": "function" }, { "inputs": [ { "internalType": "uint256", "name": "tokenId", "type": "uint256" } ], "name": "burn", "outputs": [], "stateMutability": "nonpayable", "type": "function" }, { "inputs": [ { "internalType": "address", "name": "holder", "type": "address" }, { "internalType": "uint8[8]", "name": "person", "type": "uint8[8]" } ], "name": "createFor", "outputs": [ { "internalType": "uint256", "name": "tokenID", "type": "uint256" } ], "stateMutability": "nonpayable", "type": "function" }, { "inputs": [ { "internalType": "uint256", "name": "tokenId", "type": "uint256" } ], "name": "getApproved", "outputs": [ { "internalType": "address", "name": "", "type": "address" } ], "stateMutability": "view", "type": "function" }, { "inputs": [ { "internalType": "bytes32", "name": "role", "type": "bytes32" } ], "name": "getRoleAdmin", "outputs": [ { "internalType": "bytes32", "name": "", "type": "bytes32" } ], "stateMutability": "view", "type": "function" }, { "inputs": [ { "internalType": "bytes32", "name": "role", "type": "bytes32" }, { "internalType": "address", "name": "account", "type": "address" } ], "name": "grantRole", "outputs": [], "stateMutability": "nonpayable", "type": "function" }, { "inputs": [ { "internalType": "bytes32", "name": "role", "type": "bytes32" }, { "internalType": "address", "name": "account", "type": "address" } ], "name": "hasRole", "outputs": [ { "internalType": "bool", "name": "", "type": "bool" } ], "stateMutability": "view", "type": "function" }, { "inputs": [ { "internalType": "address", "name": "owner", "type": "address" }, { "internalType": "address", "name": "operator", "type": "address" } ], "name": "isApprovedForAll", "outputs": [ { "internalType": "bool", "name": "", "type": "bool" } ], "stateMutability": "view", "type": "function" }, { "inputs": [ { "internalType": "uint256", "name": "tokenId", "type": "uint256" } ], "name": "mint", "outputs": [], "stateMutability": "nonpayable", "type": "function" }, { "inputs": [], "name": "name", "outputs": [ { "internalType": "string", "name": "", "type": "string" } ], "stateMutability": "view", "type": "function" }, { "inputs": [ { "internalType": "uint256", "name": "tokenId", "type": "uint256" } ], "name": "ownerOf", "outputs": [ { "internalType": "address", "name": "", "type": "address" } ], "stateMutability": "view", "type": "function" }, { "inputs": [ { "internalType": "uint256", "name": "id", "type": "uint256" } ], "name": "personality", "outputs": [ { "internalType": "uint8[8]", "name": "res", "type": "uint8[8]" } ], "stateMutability": "view", "type": "function" }, { "inputs": [ { "internalType": "bytes32", "name": "role", "type": "bytes32" }, { "internalType": "address", "name": "account", "type": "address" } ], "name": "renounceRole", "outputs": [], "stateMutability": "nonpayable", "type": "function" }, { "inputs": [ { "internalType": "bytes32", "name": "role", "type": "bytes32" }, { "internalType": "address", "name": "account", "type": "address" } ], "name": "revokeRole", "outputs": [], "stateMutability": "nonpayable", "type": "function" }, { "inputs": [ { "internalType": "address", "name": "from", "type": "address" }, { "internalType": "address", "name": "to", "type": "address" }, { "internalType": "uint256", "name": "tokenId", "type": "uint256" } ], "name": "safeTransferFrom", "outputs": [], "stateMutability": "nonpayable", "type": "function" }, { "inputs": [ { "internalType": "address", "name": "from", "type": "address" }, { "internalType": "address", "name": "to", "type": "address" }, { "internalType": "uint256", "name": "tokenId", "type": "uint256" }, { "internalType": "bytes", "name": "_data", "type": "bytes" } ], "name": "safeTransferFrom", "outputs": [], "stateMutability": "nonpayable", "type": "function" }, { "inputs": [ { "internalType": "address", "name": "operator", "type": "address" }, { "internalType": "bool", "name": "approved", "type": "bool" } ], "name": "setApprovalForAll", "outputs": [], "stateMutability": "nonpayable", "type": "function" }, { "inputs": [ { "internalType": "contract IURIBuilder", "name": "builder", "type": "address" } ], "name": "setURIBuilder", "outputs": [], "stateMutability": "nonpayable", "type": "function" }, { "inputs": [ { "internalType": "bytes4", "name": "interfaceId", "type": "bytes4" } ], "name": "supportsInterface", "outputs": [ { "internalType": "bool", "name": "", "type": "bool" } ], "stateMutability": "view", "type": "function" }, { "inputs": [], "name": "symbol", "outputs": [ { "internalType": "string", "name": "", "type": "string" } ], "stateMutability": "view", "type": "function" }, { "inputs": [ { "internalType": "uint256", "name": "index", "type": "uint256" } ], "name": "tokenByIndex", "outputs": [ { "internalType": "uint256", "name": "", "type": "uint256" } ], "stateMutability": "view", "type": "function" }, { "inputs": [ { "internalType": "address", "name": "owner", "type": "address" }, { "internalType": "uint256", "name": "index", "type": "uint256" } ], "name": "tokenOfOwnerByIndex", "outputs": [ { "internalType": "uint256", "name": "", "type": "uint256" } ], "stateMutability": "view", "type": "function" }, { "inputs": [ { "internalType": "uint256", "name": "tokenId", "type": "uint256" } ], "name": "tokenURI", "outputs": [ { "internalType": "string", "name": "", "type": "string" } ], "stateMutability": "view", "type": "function" }, { "inputs": [], "name": "totalSupply", "outputs": [ { "internalType": "uint256", "name": "", "type": "uint256" } ], "stateMutability": "view", "type": "function" }, { "inputs": [ { "internalType": "address", "name": "from", "type": "address" }, { "internalType": "address", "name": "to", "type": "address" }, { "internalType": "uint256", "name": "tokenId", "type": "uint256" } ], "name": "transferFrom", "outputs": [], "stateMutability": "nonpayable", "type": "function" }, { "inputs": [ { "internalType": "uint256", "name": "tokenID", "type": "uint256" }, { "internalType": "uint8[8]", "name": "person", "type": "uint8[8]" } ], "name": "updatePersonality", "outputs": [], "stateMutability": "nonpayable", "type": "function" } ]35:[] 31:{"id":"102fb29224c111d1","slug":"creating-a-flewb-for-your-few","title":"creating a flewb for your few","thumbnail":"a71adf9f0b12d61ba576123ced55704b1fa1ce3edbb17ec030ea3ad1c0a0b9f0","access_level":"public","create_time":"$D2021-09-11T20:53:35.292Z","update_time":"$D2021-09-15T01:11:02.511Z","view_time":null,"first_public_time":"$D2021-09-11T23:09:07.725Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"8b31cd29cbaba14d","login":"jobez","name":"johann bestowrous","avatar_url":"https://avatars-next.observableusercontent.com/b48b8c80d8cadf6858967bd7738ad2a8b0a8188e270549243617694a16a113e8","tier":"starter_2024"},"version":310,"publish_version":310,"role":null,"authored":false,"authors":[{"type":"individual","id":"b7770cd334a447f3","login":"jobez","name":"johann bestowrous","avatar_url":"https://avatars-next.observableusercontent.com/b48b8c80d8cadf6858967bd7738ad2a8b0a8188e270549243617694a16a113e8","tier":null}],"members":[{"type":"individual","id":"b7770cd334a447f3","login":"jobez","name":"johann bestowrous","avatar_url":"https://avatars-next.observableusercontent.com/b48b8c80d8cadf6858967bd7738ad2a8b0a8188e270549243617694a16a113e8","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"creating a flewb for your few","cells":[{"id":87,"value":"md`# creating a flewb for your few\nYou can see how, internally, fewmans represents your personality by giving the contract any few-id and calling the personality method. Go ahead and give it a whirl! Note: this assumes you are viewing this in a browser w/ the metamask plugin. Will not work otherwise!\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":97,"value":"viewof object = form(html``)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":110,"value":"fewPersonality = fewtract.personality(parseInt(object.fewid))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":211,"value":"md`Too abstract? What if we mapped the personality traits to some abstract blobbiness? Try it, does a new fewid create an flewb that feels unique enough? Not satified? Create your own mapping! Hopefully all the logic used in this is open enough for you to play around with!`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":258,"value":"blobs = generateBlobs(8)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":217,"value":"html ``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":112,"value":"fewsonStr = fewtract.tokenURI(parseInt(object.fewid))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":135,"value":"cleanedFewsonStr = fewsonStr.replace(/[\\u0000-\\u0008,\\u000A-\\u001F,\\u007F-\\u00A0]+/g, \"\")\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":165,"value":"cleanedFewsvgStr = cleanedFewsonStr.replace(/json/, \"svg\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":171,"value":"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":105,"value":"object","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":192,"value":"md`# artsy boiler plate\n\nthis was an adaptation from the cool observablehq: https://observablehq.com/@luukschipperheyn/animated-svg-bezier-blobs\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":240,"value":"numColumns = 4","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":242,"value":"numRows = 2","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":227,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":197,"value":"generateBlobs = {\n return numBlobs => {\n return Array.apply(null, Array(numBlobs)).map((_, i) => {\n const color = colors[fewPersonality[i]+i]\n let backgroundColor = colors[colors.length-fewPersonality[i]]\n \n return {\n xPosition: (i%Math.floor(numColumns))*(canvasWidth/numColumns),\n yPosition: Math.floor(i/numColumns)*canvasHeight/numRows,\n size: canvasHeight/(numBlobs/numColumns)/3,\n amplitude: Math.random() * 0.4,\n numPoints: 4,\n speed: Math.random() * 0.1,\n rotationSpeed: Math.random() * 0.3,\n period: Math.PI * Math.ceil(Math.random() * 20) * 2,\n color,\n backgroundColor\n }\n })\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"md`# eth boiler plate`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"provider = new ethers.providers.Web3Provider(ethereum);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":72,"value":"fewtract = new ethers.Contract(fewContractAddress, fewABI, provider)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":60,"value":"md`contract abi, not sure if there is a way to yoink this more elegantly but i pulled it from the fewmans etherscan https://etherscan.io/address/0xAd5f6CDDa157694439EF9f6DD409424321C74628#code`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":83,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":61,"value":"fewContractAddress = \"0xAd5f6CDDa157694439EF9f6DD409424321C74628\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":0,"value":"# requires","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":94,"value":"import {form} from \"@mbostock/form-input\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"ethers = require(\"https://cdn.ethers.io/lib/ethers-5.1.umd.min.js\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":188,"value":"import {colors, canvasWidth, canvasHeight, randomColor, frame, showGuides} from \"@luukschipperheyn/animated-svg-bezier-blobs\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":308,"value":"import {fewson} from \"@jobez/minimal-few-fiewer\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":309,"value":"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 32:"$31:body"