ovilia / lipstick Goto Github PK

View Code? Open in Web Editor NEW

2.8K 39.0 347.0 907 KB

口红颜色可视化 - 为什么你的女神总缺一支口红

Home Page: http://zhangwenli.com/lipstick/

JavaScript 78.81% HTML 21.19%

visualization

lipstick's Introduction

口红颜色可视化

为什么你的女神总缺一支口红？

因为口红居然有这么多颜色！去看看！

lipstick's People

Contributors

Stargazers

Watchers

Forkers

wiki616 yushih dconstan nelsonleeeeee meorpheus lengyxin heyauri y2nk4 wosta baxsad rico1987 sudsuo fishzodiac mistshi bltnever wssxxxder t0rjan vsmawoex chenghaitao magicknight shaunstanislauslau tinaloong huakucha fortunec00kie hansonyan yetote yun1shen ztfer a-yiu do-doing ganghu1993 zach14c discen insun2016 leo-lee15 grasilife zhiaozhou luojiajing12345 neuromanceraq lanceyi lorenwe m69w fs-j lennonover dodrio byexperience guoqmao lzm-zeem grangeku loseshadow acbiong jvbei kuailehaibin zhouzongyan xiaoxiongin yeohwah kangaijun xiezhe dayueryi hughiechen srsman hyoner kfa97 youruncleda yaoyaocjj coincreate suexxy cheerforever fpcmotif lozebra wanmingshuai brown3qqq spiderpan hengle luohaoyuan tycoonhuo twtcer yangsea d4wner yyangjunfei zhilinyu foyou lzuniujp08 dahhd cymok htmlwebsites amazingz-sys seasonley liudhzhyym overlijiang jeanqiu lihongping99 jserjser momoirocloverz xue-felix zqso stoneyliu reddwen knight-wu eynol

lipstick's Issues

请问大佬，五彩斑斓的红怎么选

License

请问是什么License？麻烦添加一下，谢谢。

最大的问题是这个颜色在不同的设备上，因为显示屏原因，看起来都和现实中的有差异

等我有了女盆友一定来复习你的项目

太强了，等我有了女盆友一定来复习你的项目哈哈哈哈

我以为可以球形拖拽旋转

优化一下局部放大缩小吧！大神！

搞一下局部动态放大缩小！体验更好！

好奇这些数据是哪里来的。。。

那你很棒棒哦

你这是用什么技术写的呀

能分享一下源码吗

还缺一个对象

口红对象

大佬啊, 万物皆ke可视化!

请收下我的膝盖

So cool

如果能再加上市场报价甚至是靠谱的购买链接

你就可以变现了呀铁铁！这项目看起来大有搞头噢

羡辙姐，这个项目怎么运行，我想在本地修改点彩妆试试。不是npm运行的吗？难道是直接打开index.html？

女朋友的一个问题

女朋友问：是如何知道这些颜色的
（已经后悔发给她）

建议增加一个搜索功能，品牌+色号可以出来色卡这样子

我把这个项目安利给我一个女性朋友，这是她的建议

以本仓库为灵感开发的web项目~特来表示感谢！

很早就star了仓库，当时刚开始学编程，就有在想着做这个口红的web项目。现在基本功能都实现了，特来表示感谢！
前端水平不足，就靠后端做了一些基础功能。爬取了8个大品牌官网的数据，支持了色号的名称搜索和颜色匹配，登录之后还可以收藏和聊天讨论，口红推荐和更多功能还在开发中，欢迎Ovilia体验~

网址： http://www.tianlefirstweb.fun
仓库地址：https://github.com/rentianle2022/LipsticksGeek-BackEnd

支持对名字的搜索

这样就可以瞬间知道妹子口中的色号！

502了

http://zhangwenli.com/lipstick/ 502

请问数据是从哪里获取的

RT，对这个repo莫名感兴趣，想问下色号的数据是从哪里获取到的 😲

js新手求问怎么把项目启起来

最近在django上面搞一个算法可视化的小玩意儿，这个口红颜色的布局有点像我想做的那种感觉，想pull下来启起来看看
但没用过nodejs，不太清楚怎么启动Orz
是要用npm install把依赖装了，然后怎么操作才能打开网页呢？

把颜色聚类显示吧！

这样我就知道那几个颜色是相近的我就不重复买了
然后在支持拖动太爽了

好奇数据是怎么整理出来的。。

项目启动报错

echo "Error: no test specified" && exit 1

Error: no test specified
npm ERR! Test failed. See above for more details.

您好请问口红色号数据是如何抓取的？

您好请问口红色号数据是如何抓取的？求解答，谢谢您

想知道数据是怎么收集的

某些圈内的颜色跟周围明显不一样啊

缺少数据

老板是不是喜欢这四个呀，数据有点少，我不太懂，但是品牌我回头吧数据爬一下，谁来对一下呀。颜色搞不明白了

感觉部分颜色没有对其

按照笔者逻辑应该是整体背景色和当前色是匹配关系。
但是发现好多都没有对其。。
以标注为例卡柏男孩，明显比心跳色调更黑，但是却在更上面。

PC&移动端自适应缩放适配

如能支持不同设备的自适应缩放，让其更具流动感可能会更棒。如移动端打开时口红聚促在一起，缩放不能使其聚焦到某个颜色，周围的口红如可随之散开可能体验更佳。

请问口红色号的标准数据集是从哪里获取的呢？

想知道口红色号的标准数据集是从哪里来的呢？从哪里知道口红的色号的呢？

you are beautiful

I just want to say
you are beautiful it`s true

左上方的颜色栏能不能支持点击选取233333

感觉以后给妹子买口红终于有个参考系了

移动端支持不友好

移动端能正常显示，但体验不是很好

支持口红简介或者购买链接就更好了

支持作者！单身狗的支持。

学废了，女神哪里领

(╯‵□′)╯︵┻━┻

感觉直男癌还可以抢救一下

求更新，我愿意付费！！

根据你的数据 json 文件重新弄了一个

http://wpy.movecss.com/

这个应该带个搜索的功能，加个搜索框，搜出后直接定位到

给项目添加一个运行入口

安装
npm install webpack --save-dev
npm install webpack-cli --save-dev
npm install --save-dev webpack-dev-server
dist/index.html添加
<!doctype html>

<title>Getting Started</title> <script src="main.js"></script>

package.json中添加

"scripts": {
"test": "echo "Error: no test specified" && exit 1",
"start": "webpack-dev-server --open",
"private":true
},

创建webpack.config.js

添加
const path = require('path');
module.exports = {
entry: './src/index.js',
output: {
filename: 'main.js',
path: path.resolve(__dirname, 'dist')
}
};

构建项目 npx webpack --config webpack.config.js
运行项目 npm start
在浏览器打开localhost:8080

一但鼠标移开，不再是hover，就找不到其他色号了

· 如果可以像地图一样放缩，对选项相对密集的色块比较友好