31:[{"id":"817d3d9e0448a545c28335656678297a480507dce91fd34a8644fae092732ce62f27a45a55658c7c23d646a9c216fd18e2b2ebbea547dabc3ff393f55a86ae6b","href":"https://static.observableusercontent.com/files/817d3d9e0448a545c28335656678297a480507dce91fd34a8644fae092732ce62f27a45a55658c7c23d646a9c216fd18e2b2ebbea547dabc3ff393f55a86ae6b","name":"apollo-style-transfer.png","type":"image/png","lastModified":1572481280304.684,"size":440461}] 2f:{"title":"Style Transfer with ml5.js","cells":[{"id":0,"value":"md`# Style Transfer with ml5.js\nUsing [ml5.js](https://ml5js.org/) library to do style transfer of an image to look like a classic painting`","pinned":false,"hidden":false,"mode":"ojs"},{"id":23,"value":"viewof imgURL = text({title: \"Input image\", description: \"Paste a url of an image here to apply the scream style to it\", value: `https://live.staticflickr.com/742/21039130393_e6c11503bf.jpg`})","pinned":false,"hidden":false,"mode":"ojs"},{"id":27,"value":"image = html`

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":78,"value":"html`\n

Style to transfer

This is the reference image used by the model to transfer its style over to the inputImage

Learn more about The Scream painting

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":75,"value":"md`# Stylised image`","pinned":false,"hidden":false,"mode":"ojs"},{"id":169,"value":"viewof ch3 = checkbox({\n description: \"Click the checkbox to transfer the painting style to the input image.\",\n options: [{ value: \"toggle\", label: \"Apply style transfer\" }],\n value: false\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":140,"value":"result = {\n if(ch3) {\n return ml5.array3DToImage(screamStyle.predict(image));\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":186,"value":"md`# Precomputed fakery for talk\nThis was causing a kernal panic and I didn't have time to figure out why so fake it!`","pinned":true,"hidden":false,"mode":"ojs"},{"id":184,"value":"viewof precompute = checkbox({\n description: \"Click the checkbox to transfer the painting style to the input image.\",\n options: [{ value: \"toggle\", label: \"Apply style transfer\" }],\n value: false\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":180,"value":"result2 = {\n if(precompute) {\n return FileAttachment(\"apollo-style-transfer.png\").image()\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":66,"value":"screamStyle = new ml5.TransformNet(modelURL, () => {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":162,"value":"yield screamStyle.ready","pinned":true,"hidden":false,"mode":"ojs"},{"id":52,"value":"modelURL = \"https://yining1023.github.io/fast_style_transfer_in_ML5/models/scream/\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":21,"value":"import {text, checkbox} from '@jashkenas/inputs'","pinned":true,"hidden":false,"mode":"ojs"},{"id":58,"value":"ml5 = require('https://yining1023.github.io/fast_style_transfer_in_ML5/libraries/ml5.min.js')","pinned":false,"hidden":false,"mode":"ojs"},{"id":89,"value":"imgDimensions = 375","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}