ThreeJS+人脸关键点美妆玩法

最新推荐文章于 2024-08-05 11:17:59 发布
最新推荐文章于 2024-08-05 11:17:59 发布
阅读量1.2k 收藏 4
点赞数 1
分类专栏： ThreeJS 文章标签： webgl 图形学 shader three.js 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yichen454/article/details/112723519
版权
随着人工智能的迅猛发展，市场上的AR应用及玩法层出不穷。web端流量代表淘宝、微信小程序中也新增了不少AR类接口。此处将常见的美妆型玩法从手机应用进行了一次web端的移植：
  • 人脸关键点采用face++的数据源
  • 不采用canvas而使用webgl绘制效率完全能达到实时效果（淘宝小程序就提供实时人脸接口)
  • 普通H5实时可行但是局限性太大像IOS只有safari支持webRTC,不过静态方式也是不错的选择
图示在这里插入图片描述

演示链接
点我

EasonYi_
关注
专栏目录
js人脸关键点画线，五官位置标记
qq_39509000的博客
12-17 399
h5/js 根据百度关键点信息描述人脸林廓
ARFaceFilter：专为增强现实网络摄像头滤镜设计的JavascriptWebGL轻型人脸跟踪库。 特点：多脸检测，旋转，张口。 提供了各种集成示例（Three.js，Babylon.js，FaceSwap，Canvas2D，CSS3D ...）
02-05
JavaScript / WebGL轻巧而强大的面部跟踪库，专为增强现实面部过滤器而设计 该JavaScript库从WebRTC捕获的网络摄像头视频提要中实时检测并跟踪面部。 然后可以为增强现实应用叠加3D内容。 我们使用主要的WebGL 3D引擎提供各种演示。 我们已在此存储库中包含3D引擎的发行版，以与确定的版本一起使用（它们在/libs/<name>/ ）。 该库是轻量级的，不包含任何3D引擎或第三方库。 我们希望使其与框架无关，因此库的输出是原始的：如果检测到没有人脸，则检测到的人脸的位置和比例以及旋转的欧拉角。 但是，借助功能强大的帮助器，示例和样板，您
用Javascript实现人脸美容
tempsitegoogle
04-24 499
本文可视为《用HTML5实现人脸识别》的进阶，在人脸识别的基础上，我们将使用纯Javascript来实现如下的功能： 识别和标注人脸以及五官 对人脸进行美容 从本文的内容中，你将意识到，Javascript能做的，能实现的，远远比你想象的多。 演示 一、实现 1、人脸识别 Face.com有包括检测、识别在内的多个API接口，根据《用HTML5实现人脸识别》一...
ThreeJs控制模型骨骼实现数字人
Baker的博客
08-05 600
加载完成后就可以得到一个静止的卡通女孩模型，因为没有加载动作文件，所以任务是不会动的，接下来就要使用js修改骨骼模型位置让她动起来，首先我们需要把加载的人物模型骨骼打印出来看下，刚才加载的方法中已经添加了打印骨骼的方法，可以看到一共140个骨骼，每个骨骼的name标示了这个骨骼属于哪部分，这样就更方便我们等会操作指定的骨骼了。首先我们还是需要搭建出场景，这部分可以按照之前的章节提供的方法搭建，然后在场景中添加pmd模型，我们还拿之前的初音人物模型演示。threejs控制嘴巴和头发动。
Web 3D捏脸
大灰狼的小绵羊哥哥的博客
11-26 3396
游戏里的人物捏脸见的多了，网页里的捏脸见过么？ 3月6日完美世界手游上线，前期需要一个预创角营销活动进行预热。 与以往预创角活动不同的是，这次我们采用了Web 3D捏脸的形式为活动创造亮点，也取得了相对不错的数据。 这也是我首次在项目中实践Web 3D技术，边学边做，学到了不少东西，也有一些心得体会。 本篇文章作为项目总结和经验心得分享出来，希望能对Web 3D捏脸技术感兴趣的同学产生帮助。 目录： 项目展示 前期准备 捏脸技术实现 排期建议 Web 3D展望 一、项目展示 活动已经结
Web3D虚拟人捏脸
路漫漫其修远兮，吾将上下而求索。
08-23 2533
Web3d虚拟人捏脸
美妆购物网站 JAVA+Vue.js+SpringBoot+MySQL
最新发布
09-05
基于Vue.js和SpringBoot的美妆购物网站是一个综合性的电子商务平台，它为用户提供了一个直观、易用的界面来浏览和购买美妆产品。该网站分为用户前台和管理后台两个主要部分，以满足不同用户群体的需求。用户前台主要...
基于JAVA的美妆购物网站（Vue.js+SpringBoot+MySQL）
08-09
基于Vue.js和SpringBoot的美妆购物网站是一个功能丰富的电子商务平台，它为用户提供了一个便捷的在线购物体验。该网站分为用户前台和管理后台两个部分，以满足不同角色的需求。用户前台主要面向普通用户和商家，提供...
毕业设计，基于SpringBoot+Vue+MySql开发的美妆商城系统，内含Java完整源代码，数据库脚本，前台商城，后台管理
01-10
毕业设计，基于SpringBoot+Vue+MySql开发的美妆商城系统，内含Java完整源代码，数据库脚本，前台商城，后台管理 1. 使用的的数据库 是 Mysql 5.7 2、建议使用Maven，IDEA中集成Maven。项目依赖的jar包比较多、使用...
小红书+抖音玩法落地玩法_如何利用爆款AI软件生成爆款短视频教程.pdf
10-06
对于抖音的玩法，虽然教程没有详细展开，但可以推测与小红书类似，需要结合平台特点，选择合适的话题和内容形式，利用AI工具制作引人入胜的短视频。同时，抖音的算法更注重视频的观看时长和互动率，因此，创作时应...
WFLW人脸关键点检测98点.zip
06-16
5. 虚拟试妆：在美妆行业，精确的人脸关键点检测可以帮助用户在虚拟环境中试戴化妆品。 五、训练与评估 使用WFLW数据集进行模型训练时，通常会将数据集分为训练集、验证集和测试集，以便监控模型的性能并进行调优...
基于js的人脸识别demo
08-06
这个demo是使用js和jsp编写的一个较为简单的项目，可以了解人脸识别的基本过程
three. js的人体解剖图.zip
07-14
three. js的人体解剖图
three.jsAR增强现实包AR.js和aframe（201806）
06-06
three.jsAR增强现实包AR.js和aframe three.js和Physijs最新下载 https://download.csdn.net/download/wsk94/10461987
Three-Ar-Boilerplate:使用Three.ar.js引导AR体验的样板
05-11
Three.ar.js Webpack ES6样板 使用Three.ar.js引导AR体验的样板 项目结构 src-所有开发文件的目录 src / Managers-存储经理和控制器的目录 src / Manager / Renderer-设置渲染器VrDisplay并调用更新循环的类 src / Entities-目录，用于存储初始化为场景的实体的代码 src / Main.js-Webpack服务器提供的主要js文件 src / Utils-该项目的实用程序和其他帮助程序 入门 安装依赖 npm install 然后运行开发脚本 npm run start
VR-AR：使用three.js创建具有成本效益的跨平台基于Web的VR界面
02-09
虚拟现实 这是一个值得一学分的研究项目。 寻求使用three.js创建具有成本效益的跨平台基于Web的VR界面
threejs加载人体模型，添加菲尼尔效果，并添加点击事件
前端搬运工的博客
11-30 966
threejs加载3D人体模型，添加菲尼尔效果，并添加点击事件
Threejs创建及设置face
yrbin666的专栏
08-06 2109
Threejs创建及设置face，官网例子代码如下 必须注意，material中必须设置vertexColors:THREE.FaceColors，即把geometry中face的属性在材质中描述出来，否则属性无效。例子效果图如下：
ThreeJs的学习：贴图（1）Face贴图
太古时代的专栏
09-01 2150
参考：https://blog.csdn.net/jinold/article/details/97873523 比之前的例子，多了贴图 <!DOCTYPE html> <html lang="en"> <head> <title>three.js webgl - indexed instancing (single box), dyn...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值