- 博客(128)
- 收藏
- 关注
RSS订阅原创 Threejs绘制小兩伞快拿去送给你的女神
利用了 SDF 技术绘制了多个形状，并通过布尔运算组合它们，进一步通过动态条纹和动画效果增加了复杂度。通过理解这些 Shader 代码，你将能更好地掌控图形渲染的细节，并应用到更复杂的 Three.js 项目中。
2025-04-02 23:37:18
602
原创 Threejs实现极坐标和平滑过渡特效
大家好！我是 [数擎 AI]，一位热爱探索新技术的前端开发者，在这里分享前端和 Web3D、AI 技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！：前端开发 | AI 应用 | Web3D | 元宇宙：6 年+ 前端开发经验，专注于图形渲染和 AI 技术在这篇博客中，我们将探讨一个有趣的 WebGL 片段着色器代码，使用极坐标、平滑过渡以及一些基本的颜色处理来生成动态圆形效果。
2025-04-01 06:54:34
612
原创 Three.js 实现四元数（Quaternion）与常用运算
qwxiyjzkqwxiyjzkw是实部（标量部分）。x, y, z是虚部（向量部分）。在 3D 图形学中，四元数常用于表示物体的旋转。它提供了一种无奇异点、无万向锁的旋转方式，特别适合用于 3D 动画和物理引擎中。四元数在 3D 图形学中是非常重要的工具，它为旋转提供了高效且稳定的表示方式。通过使用 THREE.Quaternion 类，你可以轻松地实现旋转、合成旋转、逆旋转等操作，避免了欧拉角和矩阵旋转的缺陷。
2025-03-30 15:38:41
726
原创 基于 Three.js 实现 3D 数学欧拉角
order 是旋转顺序，可以是 'XYZ', 'YXZ', 'ZXY', 'ZYX', 'YXZ', 'ZXY' 等。利用欧拉角的三种旋转顺序，你可以实现复杂的旋转效果。通过修改 THREE.Euler 的参数，你可以调整物体的旋转角度，甚至可以根据需求进行动态旋转。为了旋转物体，我们可以使用 THREE.Euler 来设置物体的欧拉角。在 animate 函数中，我们每次通过 euler.y += 0.01 旋转立方体一点，然后渲染新的帧。通过设置欧拉角的三个值，你可以控制物体在三维空间中的旋转。
2025-03-30 14:55:44
505
原创 掌握面试技巧，轻松赢得工作机会
掌握面试技巧不仅仅是学会如何回答问题，更是一种全方位展示自己、沟通能力和专业素养的综合能力。通过充分的面试准备、合理的现场表现以及积极的后续跟进，你将能够更自信地迎接每一次面试挑战，轻松赢得理想的工作机会。记住：每一次面试都是一次宝贵的经验积累，不断学习、总结和改进，成功只是时间问题！希望这篇博客能为你在面试中带来实实在在的帮助，祝你早日找到理想的工作！
2025-03-15 16:19:25
725
原创 Three.js 实现云状特效
同时，iTime 作为 uniform 变量传入，使得图案能随时间动态变化，从而实现动画效果。利用 cos 与 sin 函数，使得图案在各个方向上呈现出周期性和非线性变形效果。数学上，这是通过将线性坐标映射到周期函数上实现的，从而引入无限延展的波动性。本文详细解析了如何利用数学工具（如周期函数、欧几里得距离、指数函数）构造出具有丰富层次和动态效果的云状特效。通过将 shader 实现我们可以轻松地将复杂的图形效果应用于 WebGL 项目中，同时也加深了对基于数学函数生成复杂图形原理的理解。
2025-03-15 14:43:53
951
原创 Threejs实现加载loading动画
坐标归一化：通过 iResolution.y 让形状不会因窗口比例变形。旋转矩阵：使用 mat2 进行旋转计算。平滑边缘：smoothstep() 处理弧形边缘，使其更柔和。角度控制：atan() 限制显示角度，形成弧形而非完整圆环。颜色变化：cos(time) 生成动态 RGB 颜色过渡。
2025-03-04 23:14:00
498
原创 如何为 Web 前端开发面试做好准备
找朋友 mock 面试，提前熟悉答题节奏总结错题本，归纳不熟悉的知识点整理高频面试题，提高应对能力准备前端面试不仅仅是记住知识点，更重要的是理解和应用。通过扎实的基础、实践项目、模拟面试，才能在面试中脱颖而出。祝你面试顺利！
2025-03-04 06:13:01
591
原创 使用 Three.js 创建动态光效
大家好！我是 [数擎AI]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！：前端开发 | AI 应用 | Web3D | 元宇宙：6 年+ 前端开发经验，专注于图形渲染和 AI 技术本篇文章将使用Three.js的创建一个带有动态变化效果的自定义 Shader。这个 Shader 主要实现了一个动态变形的圆形，同时结合了旋转变换与颜色渐变，创造出一种流动的光影效果。
2025-03-02 14:21:40
378
原创 使用 Three.js 转换 GLSL 粒子效果着色器
通过本教程，你学会了如何将一个 GLSL 粒子效果着色器转化为 Three.js 中的自定义着色器，并通过鼠标交互来控制图形的缩放和动画时间。这种方法让你可以在 Web 上实现复杂的视觉效果，具有高度的自定义性和灵活性。
2025-02-24 06:49:42
907
原创 使用 Three.js 实现流光特效
着色器是图形渲染管线中的一个重要组成部分，负责处理图形渲染过程中每个像素的颜色计算。顶点着色器（Vertex Shader）：用于处理每个顶点的位置和属性。片段着色器（Fragment Shader）：用于计算每个像素的颜色和纹理。在这个示例中，我们将重点关注如何编写片段着色器来模拟火焰的视觉效果。通过本文的介绍，你可以了解如何使用 Three.js 和 GLSL 创建一个动态的火焰效果。这个效果是基于噪声和分形布朗运动的，模拟了自然界火焰的动态变化。你可以根据自己的需要调整参数，进一步优化火焰效果。
2025-02-22 19:39:56
923
原创 如何打造引人注目的游戏测试工程师简历
一份引人注目的游戏测试工程师简历应该突出你的技术能力、解决问题的能力以及团队合作精神。确保在简历中展示你的热情和对游戏质量的关注，这样能够增加你脱颖而出的机会。希望这些建议能够帮助你打造一份优秀的游戏测试工程师简历。如果有任何问题或需要进一步指导，请随时联系我！
2025-02-22 11:59:01
932
原创 如何在简历中巧妙展现你的兴趣爱好
展示兴趣爱好不仅能让你的简历更具吸引力，还能帮助你在面试中打开话题，进一步展示你的个性和能力。务必记住，简历中的兴趣爱好部分不应是空洞的填充，而应通过精心选择和适当的描述来增强你的整体竞争力。通过巧妙展现自己的兴趣爱好，你可以在众多候选人中脱颖而出，给招聘方留下深刻的印象。
2025-02-21 22:57:52
866
原创 JavaScript开发工程师面试全攻略
面试结束后，反思自己在面试中的表现，总结经验教训。记录下自己不熟悉的知识点，针对性地进行下一步的学习。通过以上的准备，你可以系统地复习和巩固JavaScript的基础与进阶知识，提升自己解决实际问题的能力。最重要的是，保持信心，展现出你在技术方面的优势与解决问题的能力。祝你在JavaScript开发工程师的面试中取得成功！
2025-02-21 07:44:46
608
原创 如何在面试中脱颖而出：自我介绍的秘诀
“我看到贵公司正在寻找一位熟练的前端开发工程师，我在React和Vue框架方面有丰富的实践经验，此外，我还曾经为一个国际化项目优化了网站的性能，能够熟练处理跨文化和多语言的需求。在过去的工作中，我积极参与了多个跨部门合作的项目，不仅提高了自己的技术能力，也提升了团队协作和沟通能力。通过简洁而有力的表达，突出你的优势，并与公司和岗位的需求相契合，你将更容易在竞争激烈的面试中脱颖而出。自信是面试中的关键，无论你是对技术充满热情，还是对公司的文化认同，都应该在自我介绍时展示出来。在面试中，第一印象至关重要。
2025-02-19 12:58:04
426
原创 提升职场沟通能力的七大秘诀
职场中的沟通技巧是可以通过不断实践和反思来提升的。通过倾听、明确表达、非语言沟通、反馈与确认、耐心与尊重、电子邮件与社交工具的使用，以及适应不同的沟通风格，你可以显著提高自己的职场沟通能力，为职业生涯打下坚实的基础。
2025-02-19 12:57:31
803
原创 如何在面试中巧妙应对频繁跳槽的质疑
回答频繁跳槽的质疑时，最重要的是要展现出你是一个有自我规划、能够为自己的职业发展做出合理决策的人。要用积极的语言表达每次跳槽背后的成长与学习，避免将跳槽描述为不负责任的行为。此外，要强调你对当前工作的热情和承诺，展示你对未来的规划。通过这些策略，你不仅能在面试中化解跳槽频繁的质疑，还能让面试官看到你具备了职业发展中的深度思考和长远眼光。希望这篇博客能够帮助你在面试中应对频繁跳槽的问题，展现出自己最好的职业形象。如果你有更多面试相关的问题，欢迎留言讨论！
2025-02-09 20:07:23
683
原创 使用 Three.js 实现热力渐变效果
我们使用 Three.js 来创建一个全屏的 WebGL 场景，通过自定义的着色器（Shader）渲染一个动态的热力渐变效果。这个效果展示了从冷到热的渐变色，并通过动态的点位置变化模拟热力分布的变化。着色器（Shader）是实现热力渐变效果的核心部分。我们通过自定义的顶点着色器和片段着色器来控制每个像素的颜色变化。通过自定义的着色器和 Three.js，我们可以创建出动态的热力渐变效果，这在数据可视化、交互式网页中非常有用。希望这篇博客能帮助你理解如何使用 Three.js 和着色器创建炫酷的视觉效果。
2025-02-09 19:59:58
888
原创 如何优化频繁跳槽后的简历？
频繁跳槽并不一定意味着不稳定，它也可能是职业发展的必经之路。通过上述方法，你可以优化你的简历，突出你在每段经历中的成就和收获，减少频繁跳槽可能带来的负面影响。最终，重点是通过简历展示出你在每一段工作经历中的成长和进步，让招聘方看到你是一个具有持续学习和能力提升的候选人。
2025-02-09 16:12:42
1096
原创 初入职场：大公司还是小公司？
大公司和小公司各有千秋，适合不同需求的职场新人。注重稳定性与规范化的流程：大公司可能更适合你。追求快速成长与多元化经验：小公司可能更适合你。职业发展路径：大公司为你提供更清晰的晋升路线，而小公司则能为你提供更多的挑战。工作压力与生活平衡：大公司通常工作压力较为可控，而小公司压力较大，但你能获得更多的自主权。无论是大公司还是小公司，都有其独特的魅力。最重要的是，选择一个能够支持你职业成长并适应你个性和发展需求的公司。职场之路漫长，找到适合自己的道路，才能走得更远。
2025-02-09 16:06:57
600
原创 如何正确看待跳槽：求职者的理性分析
跳槽是职场中的常见选择，正确看待跳槽并做出理性决策，是求职者职业发展过程中不可忽视的关键。通过明确目标、合理评估风险、解决当前问题以及保持积极的心态，跳槽可以成为职业生涯中的一个重要转折点。记住，跳槽不是终点，而是通向更广阔天地的一个新起点。
2025-02-08 21:44:48
775
原创 裸辞前你必须了解的几件事
裸辞虽然可以让你暂时摆脱工作中的束缚，但也带来了不少挑战。在做出这个决定之前，了解上述几点，并做好相应的准备，可以帮助你更好地应对裸辞后的生活与职场挑战。裸辞不仅仅是对现有生活的告别，更是对未来人生的新开始。只有在充分准备和冷静思考的基础上，裸辞才能成为你职业生涯中的一次明智选择。
2025-02-08 21:36:30
615
原创 识别高离职率企业的四大信号
识别高离职率企业的信号对我们职业生涯的选择至关重要。频繁的招聘、领导层不稳定、过大的工作压力和缺乏凝聚力的企业文化都是高离职率的警示信号。在选择工作时，我们需要通过细致的观察和了解，尽量避免进入这类高风险企业。记住，选择一个合适的工作环境，不仅能帮助你提升职业发展，也能保证身心的健康与幸福感。些灵感，帮助你在自己的项目中实现类似的效果！
2025-02-07 20:21:38
680
原创 使用 Three.js 实现火焰效果
在这篇博客中，我们通过使用 Three.js 和 GLSL 编写自定义着色器，成功实现了一个动态的火焰效果。通过噪声函数、Raymarching 技术以及实时更新参数，我们能够模拟出真实的火焰效果，并将其渲染到 Web 页面上。希望本教程能为你提供一些灵感，帮助你在自己的项目中实现类似的效果！
2025-02-07 20:14:26
999
原创 面试谈薪技巧：如何避免陷阱，获得理想薪资
薪资谈判是一个艺术，也是一个需要策略和技巧的过程。在面试时，不要急于做出决定，要保持冷静和理性，明确自己的期望和底线，同时避免一些常见的陷阱。通过充分的准备和灵活的谈判，你将能够获得一个更符合自己预期的薪资待遇。祝你好运，拿到理想的工作和薪资！
2025-02-06 20:25:48
1038
原创 使用 Three.js 实现雪花特效
本文实现的分形雪花效果展示了 WebGL 在复杂图形渲染方面的强大能力。通过调整分形参数、颜色值和运动函数，开发者可以创造出无限多样的冬日场景效果。这种基于数学函数生成图形的方式，在粒子系统、背景特效等领域都有广泛应用前景。
2025-02-06 20:00:32
1001
原创 实现动态卡通笑脸的着色器实现
本文通过使用 Three.js 实现的动态卡通笑脸着色器，解析其核心实现原理。😃 基础笑脸轮廓👀 眨动的眼睛（带动态偏移）👄 周期性开合的嘴巴🍎 动态变化的红晕脸颊⏱️ 基于时间的动画效果。
2025-02-05 22:51:27
788
原创 如何巧妙解释离职原因
巧妙解释离职原因的关键在于保持积极态度，突出个人成长和对未来的规划。通过合理的表达，你不仅能化解面试官的疑虑，还能展现你的职业素养和成熟度。希望本文的建议能帮助你在面试中脱颖而出！
2025-02-05 07:33:58
543
原创 如何巧妙解释离职原因：让面试官听得满意
解释离职原因是每个求职者都绕不开的难题，但它同时也是一个机会，可以让你展现自己的职业素养和积极态度。真诚而不过分具体，重点放在职业发展而非前公司的问题上。正面、积极地表达，让面试官感受到你的上进心和责任感。结合目标岗位，突出你与公司、岗位的匹配度。最后，记得在回答时保持自信，语言清晰流畅。你的态度和表达方式，往往比具体内容更能打动面试官。祝愿每一位正在求职的朋友，都能找到一份让自己满意的工作！✨。
2025-01-28 17:15:59
715
原创 threejs实现烟花效果
大家好！我是 [数擎 AI]，一位热爱探索新技术的前端开发者，在这里分享前端和 Web3D、AI 技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！：前端开发 | AI 应用 | Web3D | 元宇宙：6 年+ 前端开发经验，专注于图形渲染和 AI 技术找工作，就上又是一年岁末，又是辞旧迎新的时刻。寒冬虽冷，但人们心中的那份期待和喜悦，让整个世界变得格外温暖。烟花，作为新年的象征之一，总是在夜空中为我们带来光彩夺目的祝福。
2025-01-28 17:02:23
599
原创 Three.js实现动态水泡效果逐步解析GLSL着色器
本文介绍了如何使用Three.js和GLSL着色器实现一个动态水泡效果。我们通过创建自定义着色器，控制水泡的动画、位置、大小和颜色，最终通过ShaderMaterial将其应用到Three.js场景中。这个过程不仅帮助我们理解了GLSL的基本使用方法，也展示了如何将着色器与Three.js结合，制作出动态的视觉效果。
2025-01-17 06:56:37
1248
原创 广州值得去的公司
广州的企业种类丰富，从科技互联网到传统制造，从金融行业到文创领域，都有着广阔的发展前景。无论你是技术人才、创意工作者还是商业精英，在广州都能找到属于你的发展空间。
2025-01-16 07:03:59
783
原创 使用 Three.js 实现动态爱心效果
iResolution：提供屏幕分辨率，用于将像素坐标标准化。iTime：表示动画运行的时间（秒），用于驱动动态效果。这篇文章展示了如何将复杂的 GLSL 代码转化为 Three.js 的动态渲染效果。通过这种方式，你可以将艺术创意与数学结合，为项目增添独特的视觉效果。
2025-01-16 06:01:35
1269
原创 广州值得去的公司
大家好！我是 [数擎 AI]，一位热爱探索新技术的前端开发者，在这里分享前端和 Web3D、AI 技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！：前端开发 | AI 应用 | Web3D | 元宇宙：6 年+ 前端开发经验，专注于图形渲染和 AI 技术。
2025-01-15 07:27:10
458
原创 年后找工作需要注意的事项
年后是求职的黄金时期，但也需要你做好充分准备，才能在竞争中脱颖而出。通过明确目标、优化简历、提高面试准备以及关注市场动态，你将有更大的机会找到理想的工作。祝愿每一位求职者都能在新的一年迎接更好的职业机遇！
2025-01-15 06:40:05
934
原创 用AI打造高效简历：开启求职新篇章
AI简历工具正为求职者带来革命性的改变，它不仅节省了时间，还大幅提升了求职效率。无论你是刚毕业的新人，还是寻求新发展的职场老手，利用AI工具都能让你的求职之路更上一层楼。如果你还没尝试过AI简历工具，不妨现在就开启体验，让AI为你的职业发展助力！
2025-01-14 07:01:48
825
原创 Threejs实现 区块链网络效应
大家好！我是 [数擎 AI]，一位热爱探索新技术的前端开发者，在这里分享前端和 Web3D、AI 技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！：前端开发 | AI 应用 | Web3D | 元宇宙：6 年+ 前端开发经验，专注于图形渲染和 AI 技术演示地址: https://shader.shuqin.cc/lscczl源码地址: https://github.com/dezhizhang/shadertoy。
2025-01-13 23:26:34
394
原创 个人在技术领导力方面的自我反思与提升
技术领导力的提升是一个长期的过程，需要不断地自我反思、学习和实践。我相信，通过不断的努力，我能够在未来成为一个更加出色的技术领导者，不仅仅是技术能力上的专家，更是一个能够激励和带领团队达成共同目标的优秀领导者。
2025-01-11 19:28:43
761
原创 AI 如何改变 IT 行业
AI 正在以全方位的方式推动 IT 行业的变革。从自动化运维到智能化客户服务，再到数据分析和网络安全，AI 正在成为 IT 行业不可或缺的工具。随着技术的不断发展，我们可以预见，AI 将在未来几年里进一步改变 IT 行业的工作方式和商业模式。对于 IT 企业来说，尽早拥抱 AI 技术将是赢得未来竞争的关键。未来的 IT 行业，将不仅仅是人类与机器的合作，更是机器之间的协同与创新。
2025-01-11 19:20:59
944
原创 Vue.js：现代前端开发的灵活框架
Vue.js 是一款由尤雨溪（Evan You）主导开发的开源前端框架，旨在通过更简洁、灵活的方式构建用户界面。与其他框架（如 React 或 Angular）相比，Vue 的学习曲线较低，非常适合新手入门，但又不失强大的功能，足以满足中大型应用的需求。Vue.js 是一个非常适合现代前端开发的框架，它不仅易于上手，而且功能强大，适用于从小型项目到大型应用的各种需求。无论你是刚刚入门的前端开发者，还是有一定经验的工程师，Vue.js 都能为你提供一个高效、灵活的开发体验。
2025-01-11 19:16:21
887
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人