利用机器学习把草图自动生成HTML

做了这个实验,看来只会切页面的前端,是可能被AI替代的。

项目地址 https://github.com/ashnkumar/sketch-code 可以先clone到本地

git clone https://github.com/ashnkumar/sketch-code

环境准备

要做此实验先按照说明把环境准备好,要python3.0以上; 建议按照 pyenv 就像node 的 nvm 可以切换python的版本。

查看安装的python的版本

pyenv versions

设置

python local 3.5.2

然后需要有pip模块安装,就像 node 的 npm;

安装依赖

进入到项目的跟目录安装依赖

pip install -r requirements.txt之后根据项目说明,依次进行

下载数据与训练权重

(数据量大,下载比较费时,找一个网络好的地方)

cd scripts
sh get_data.sh
//可以手动自己下载这个数据,可能快点,下载之后放 data 目录
//http://sketch-code.s3.amazonaws.com/data/all_data.zip
sh get_pretrained_model.sh
//下载之后放 bin 目录
//http://sketch-code.s3.amazonaws.com/model_json_weights/model_json.json
//http://sketch-code.s3.amazonaws.com/model_json_weights/weights.h5

根据原型图,绘制

python convert_single_image.py --png_path ../examples/drawn_example2.png \
      --output_folder ./generated_html \
      --model_json_file ../bin/model_json.json \
      --model_weights_file ../bin/weights.h5

原型

绘制结果

我是直接用的项目里面的图 examples目录下 对应生成 generated_html目录

原文发布于微信公众号 - 交互设计前端开发与后端程序设计(interaction_Designer)

原文发表时间:2018-11-11

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏深度学习那些事儿

关于在ubuntu上源码安装TensorFLow-1.7.0-cuda9.1-cudnn7.1.2过程中问题解决方案

实验室服务器上装载的cuda版本是最新的9.1,和从官网下载下来的TensorFlow不匹配,因为官方的是通过cuda9.0进行编译的。因此,这篇文章讨论关于T...

46110
来自专栏Python小屋

使用Python分析最新2000封电子邮件的时间分布

程序功能:运行后要求输入126邮箱地址和密码,然后绘制柱状图显示最新2000封邮件的时间分布。

1152
来自专栏CreateAMind

ls-gan bedroom数据集 pretrain model 和代码

pretrain model 和代码 https://pan.baidu.com/s/1dFbzjlZ pretrain 下载

1072
来自专栏debugeeker的专栏

《coredump问题原理探究》windows版第四章函数的逆向

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/xuzhina/article/detai...

911
来自专栏Albert陈凯

Hadoop离线数据分析平台实战——390DimensionConverter相关服务设计Hadoop离线数据分析平台实战——390DimensionConverter相关服务设计

Hadoop离线数据分析平台实战——390DimensionConverter相关服务设计 DimensionConverter类作用&问题 Dimension...

35210
来自专栏陈满iOS

iOS开发技巧·傻瓜式从工程文件导出类关系图(UML) -- OmniGraffle方案

前言:一些复杂的工程可以通过查看工程的UML图快速分析个各个类之间的关系。当然,网上也有很多其它的方案,不过要么设置麻烦,要么用最新版本Xcode并不支持的插件...

2392
来自专栏Ryan Miao

在idea中maven项目jdk编译version总是跳到1.5

bug描述 项目ide: idea 项目构建工具:maven bug现象:每次修改pom之后,idea自动扫描一遍,然后发现默认的compile级别跳到5....

35010
来自专栏杨建荣的学习笔记

浅谈Orabbix监控指标(r6笔记第27天)

对于Orabbix监控Oracle来说,它是提供了一个相对轻量级的客户端来综合监控多个数据库实例。从这一点来看,它的角色有点类似于工作中使用的SQLDevelo...

4409
来自专栏我的博客

php://input解决APP发送图片问题

今天公司要求用APP发送一个图片到PHP程序接收并保存起来,而且中间还需要很多参数! 以前没有做过APP和PHP交互,这次算是一个挑战吧(对一个没有人指导实习...

2988
来自专栏技术博文

smarty模板引擎原理解析

//php 控制器文件 <?php //引入模板引擎文件 include("20130304.php"); $smarty = new TinySmarty()...

3326

扫码关注云+社区

领取腾讯云代金券