首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
某熊猫桑
掘友等级
(◍ ´꒳` ◍)
|
(◍•ᴗ•◍)
技术改变认知,认知推动技术。
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
643
文章 225
沸点 418
赞
643
返回
|
搜索文章
某熊猫桑
关注了标签
Serverless
(◍ ´꒳` ◍) @(◍•ᴗ•◍)
某熊猫桑
(◍ ´꒳` ◍) @(◍•ᴗ•◍)
·
1年前
举报
冷知识:SVG可以内嵌HTML
比冷知识还冷的冷知识:移动端Safari并不支持(可以写,欸~渲染出来再错位~)
今天学到了
赞过
分享
评论
3
某熊猫桑
(◍ ´꒳` ◍) @(◍•ᴗ•◍)
·
1年前
举报
WebAR太难了
打工人的日常
分享
评论
点赞
某熊猫桑
关注了标签
动效
(◍ ´꒳` ◍) @(◍•ᴗ•◍)
某熊猫桑
(◍ ´꒳` ◍) @(◍•ᴗ•◍)
·
2年前
举报
听说过cocos不好用,没想到是真难用
今天学到了
分享
评论
点赞
某熊猫桑
(◍ ´꒳` ◍) @(◍•ᴗ•◍)
·
2年前
举报
就不发Tag了……
程序实现上其实没什么难点,Babylon.js引擎基本上提供了WebGL能提供的大部分功能,剩下的大都也只是技巧类的东西。真正难的部分一个是3D整体管线搭建,再一个是PBR流程的掌握还有GLTF的压缩。3D管线这块,因为这次3D部分用的不是3D扫描,而是3D服装+3D人体模型+捏脸+动捕,头发的部分也是后做的,所以整体的难度提升了不止一倍,而且因为新挤进来好几个软件,所以最后能准确输出GLTF格式就很关键,基本项目开始的前半个月都在选型的阶段,最后定的是用Blender作为最后的整合工具,因为Blender作为DCC工具兼容性尚可,另外就是它能直出带有Draco压缩的GLB格式,相比之前的fbx+fbx2gltf来说更加可控。而特别值得一提的是,这次发现了Gestaltor这个东西,虽然不太稳定(也在快速迭代,做项目的时候居然连着更新了两版
),但它几乎是市面上唯一能直接编辑GLTF/GLB文件的软件,并且唯二是它可以支持普通贴图直转basisu扩展的ETC1S+basisLZ编码压缩……要知道这种编码方式文件小不说(能压缩掉Normal),还Android+Apple全兼容,算是解决了一个大问题
~还有就是对PBR的理解,我觉得做金属或者是类似C4D(偏孟菲斯那种高饱和式的风格)可能相对来讲更容易一点,做布料的材质模拟就很难,感觉起码得熟读迪士尼原则才玩的转(话说上一个项目已经去看动画片了)🤣🤣🤣。。。总之基本就这些东西吧,晚上睡不着随便写写就
展开
SKP-S · Walking on Mars
m.skp-beijing.com
赞过
分享
评论
3
某熊猫桑
赞了这篇文章
淘系前端团队
前端 @阿里巴巴
·
3年前
关注
仅使用CSS提高页面渲染速度
作者:大漠用户在访问一个Web网站(页面)或应用时,总是希望它的加载速度快,功能流畅。如果过于慢,用户就很有可能失去耐心而离开你的Web网站或应用。作为开发人员,给自己应用...
1.5k
47
分享
某熊猫桑
(◍ ´꒳` ◍) @(◍•ᴗ•◍)
·
3年前
举报
新项目上线。
SKP-S 2021SS 数字型录
m.skp-beijing.com
赞过
分享
评论
1
某熊猫桑
赞了这篇文章
这是上帝的杰作
前端工程师
·
3年前
关注
几款2077风格的shader(其一)【sh风ader格化】
伴随着赛博朋克2077的火爆(各种意义上的),这种电子故障类的shader似乎成为了一种时尚,因为你真不知道这是bug还是有意为之。今天我们就来了了几款故障类shader的...
2
2
分享
某熊猫桑
赞了这篇文章
Bestony
独立开发者 @独立开发者
·
3年前
关注
如何上手学习 Alpine.js
Alpine.js 是由开发者 Caleb Porzio 开发的一款响应式前端框架。和过去人们所熟悉的 Vue.js、React、Angular 不同的是,Alpine.j...
28
24
分享
某熊猫桑
赞了这篇沸点
EvenyYlzz
前端学者 @SHEIN
·
3年前
举报
最近到网易第二周,也算熟悉下来了,有空晚上能看看书。就开始看之前买的书,看书能学到的知识不一定用得上,但是书本能学到很多原理性的知识,能让自己的整个知识体系更加完整,也防止面试中面试官深挖而无法应对。
最近在看张鑫旭老师的《CSS世界》,太多神奇的CSS操作了。
①比如用content去替换img的src属性这一个操作,就能如案例里各种操作(看了一下张鑫旭老师书本上的一些案例,CSS玩得溜的人能少写好多JS代码)可以看一下连接中的这个案例(
demo.cssworld.cn
)
②还有很多最早开发的宽度分离原则,后来又有了box-sizing
③box-sizing的几个值,有哪些盒子支持,有哪些盒子不支持,又为什么不支持呢
④content属性可以用图片替换普通元素的文字,这样能提高搜索引擎对其阅读,对SEO更友好
有太多书本的知识,之后可能写点文章分享一下,之前也说过以前写的面试水文太多了。虽然本意并不是为了写水文涨粉丝,只是为了记录复习,但是之后也尽量不给掘金灌水了,分享一些书本上有意思的知识点
打算这个月看完《CSS世界》
再看完第二遍红宝石
昨晚买了M1的MacBook Pro,拥抱🍎 嗷
谢谢给我点赞的朋友,第一次99+
展开
收起
查看大图
向左旋转
向右旋转
上班摸鱼
等人赞过
分享
20
25
某熊猫桑
赞了这篇文章
ssh_晨曦时梦见兮
前端从进阶到入院 @字节跳动
·
3年前
关注
🎉我点了页面上的元素,VSCode 乖乖打开了对应的组件?原理揭秘。
在大型项目开发中,经常会遇到这样一个场景,QA 丢给你一个出问题的链接,但是你完全不知道这个页面 & 组件对应的文件位置。 react-dev-inspector...
571
127
分享
某熊猫桑
(◍ ´꒳` ◍) @(◍•ᴗ•◍)
·
3年前
举报
以前学的c语言基础,原来是给arduino准备的。。。
上班摸鱼
赞过
分享
评论
2
某熊猫桑
(◍ ´꒳` ◍) @(◍•ᴗ•◍)
·
3年前
举报
发个作品。
5个场景+1个首页(首页是把5个场景的模型bia到一起),舞蹈用了真人动作捕捉+3D扫描的方式,配乐原创(可能有点燥,耳机音箱预警)。打开应该会弹出到自带浏览器查看,如果看不了可以试试复制网址到微信里(安卓原版系统可能有卡顿和发热现象,表现不如x5)。
主要是网页3D里的PBR材质渲染,引擎选了Babylon.js,用了一点点动态材质(5个场景的水体和第5个场景模型上的贴图)
中间很痛苦的去把PBR入了个门,主要是发现3D那边输出的东西完全用不了。他用maya(Arnold)渲染、然后fbx导出的,导出的时候已经丢了些材质了,再转glb(+draco压缩)加载到引擎里就惨不忍睹……后来没辙,只能拉着美术把原始贴图单独导出,再在 SubstancePainter 里二次加工搞(中间还试过8猴和一个自动生成贴图的东西,都被pass了),不过后来发现吃透PBR流程的话,其实没那么麻烦……水体和火焰其实没怎么细抠,主要项目工期太赶了。
现在这个版本每个场景用了一个页面实现,主要是向iOS妥协的结果。因为最开始所有场景是做到同一个页面里的,但是发现iOS有的机器能看,有的就反复刷新,而且跟机型和系统版本的关联性也没啥关系,估计就是内存占太大被系统杀(因为安卓中低端,只要不是太老一般都扛的住)。另外中间了解到的一个冷知识是,iOS表现不如安卓,可能跟不支持WebGL2有关,因为WebGL2不够“通用”,所以Google、Moz和Apple已经在提交下一代标准“WebGPU”了(暂定名),Apple提的方案叫WebMetal,其实主要是用他家的Metal接口。巧的是Babylon.js正好也支持WebGPU渲染,就试了一下,结果test页面iOS设备没一个能跑的起来(估计是标准不合吧),就放弃了🤣……所以就有了现在这个多页面的版本。
哦对,中间还试过一个纹理格式basis,文件小的令人发指(虽然我也知道是有损吧,但比JPEG还小就有点过分了),但是也因为iOS不支持就放弃了(准确的说,是iOS支持其编码,但是没开放给WebGL使用)。
Babylon.js就支持GLTF标准里的几种默认灯。一开始觉得挺难用的,后来发现Babylon支持用模型+hdr场景生成一个超级小的env环境光描述文件,效果和原hdr加载环境光是一致的。后边只要微调下个别场景内的组件就行。
展开
SKP-S 2020AW数字型录
m.skp-beijing.com
代码人生
等人赞过
分享
7
13
某熊猫桑
赞了这篇文章
doodlewind
花名雪碧的小透明 @稿定科技
·
3年前
关注
浅析鸿蒙 JavaScript GUI 技术栈
众所周知,刚刚开源的「鸿蒙 2.0」以 JavaScript 作为 IoT 应用开发的框架语言。这标志着继 SpaceX 上天之后,JavaScript 再一次蹭到了新闻联...
432
148
分享
某熊猫桑
(◍ ´꒳` ◍) @(◍•ᴗ•◍)
·
3年前
举报
iOS是不是有病……放着WebGL2不支持非得去搞什么WebMetal……basis也不支持……服了
分享
评论
点赞
某熊猫桑
赞了这篇沸点
doodlewind
花名雪碧的小透明 @稿定科技
·
3年前
举报
从知乎对线回来,感觉掘金的评论气氛简直太温和善良了……
我 & 掘金
等人赞过
分享
22
6
某熊猫桑
赞了这篇沸点
doodlewind
花名雪碧的小透明 @稿定科技
·
3年前
举报
大家对中文版的《JavaScript 20 年史》感兴趣吗?本书又名《没人比我更懂的 JavaScript》,两位作者分别是 JS 之父 Brendan Eich 和 ES6 主编 Allen Wirfs-Brock,有谁敢说自己比他们更懂 JS 呢……
doodlewind/jshistory-cn
github.com
优秀开源项目
等人赞过
分享
2
10
某熊猫桑
(◍ ´꒳` ◍) @(◍•ᴗ•◍)
·
3年前
举报
Babylon.js 在线工具大全:
Babylon.js Sandbox [
sandbox.babylonjs.com
](查模型用)
Babylonjs Playground [
www.babylonjs-playground.com
](写小Demo用)
Babylonjs Editor [
editor.babylonjs.com
](这个可以给TA用,导出场景)
Babylonjs-CYOS [
cyos.babylonjs.com
](写Shader预览用)
展开
开发工具推荐
等人赞过
分享
评论
6
下一页
个人成就
文章被点赞
144
文章被阅读
7,823
掘力值
335
关注了
50
关注者
172
收藏集
0
关注标签
44
加入于
2015-09-14