Відео

在 游戏官网 中，角色动画可以提升视觉效果，更能传递游戏的风格和特点。本期将解析各大游戏官网（剑与远征、原神、重返未来1999、异环、星际战甲、第五人格等等）的源码，探讨如何实现游戏角色动画。

通过 Stable Diffusion 结合角色IP的 LoRA 模型，创建超萌的手办概念图。

在网页设计中，3D 元素能够带来更强的视觉冲击力和交互体验。而通过 R3F 和 Drei 这两个强大的库，可以轻松地在项目中实现 3D 文本效果。

浅拷贝 优点：速度更快，占用的内存更少，适用于简单结构。 缺点：嵌套结构的更改会影响原始结构和副本，可能会导致意外行为。 深复制 优点：更改不会影响原始副本，适用于复杂结构。 缺点：速度较慢且消耗更多内存，可能存在循环引用问题。 总的来说，浅拷贝和深拷贝各有优缺点。选择哪种方式取决于数据的结构和具体需求。

现在，借助新的 CSS 属性，如 animation-timeline，我们可以更简单地实现滚动驱动动画。

A-Frame 通过声明式和基于 DOM，将 ECS 提升到了另一个层次。传统上，基于 ECS 的引擎会通过代码创建实体、附加组件、更新组件和移除组件。但 A-Frame 利用 HTML 和 DOM，这使得 ECS 更加符合工程学并解决了许多其弱点。

上期视频介绍了关于版本、系统信息和实验性功能相关的 Chrome URL，除此之外， Chrome 还提供页面帮助测试和调试 API 和浏览器功能。

Chrome 浏览器是我日常开发中必不可少的工具，大家知道这些特殊 URL 的页面是什么吗？它们是一系列隐藏的强大功能。在本期视频中，我将介绍 10 个实用的 Chrome URL，讲解它们的用途和使用场景。

使用 Stable Diffusion 创作绘画作品，我们可以借助checkpoint、Lora 和 embeddings 等模型，提升AI的绘画质量和创造力。本文将根据评分、下载量和收藏量等多个维度，从画风、概念、服饰等各个方面，盘点 civitai 上受欢迎的LoRA模型，并简要介绍它们的特点和用途。

这期视频将展示如何使用 three.js 和 天空盒技术，创建一个 360° 图像背景的 3D 世界。

Canvas 提供了强大的2D绘图能力，本期将介绍如何为动画或录屏添加 “另存为视频” 的功能，即通过 JavaScript 将 Canvas 动画导出为 webm 视频。

加载动画有助于提高用户体验，本文将使用 HTML 和 CSS，实现简约但富有动感的加载动画。

A-Frame 基于 three.js 框架，使用 实体-组件-系统（ECS）架构。ECS架构是3D游戏开发中常见且理想的设计模式，遵循 组合优于继承和层次结构 原则。

Stable Diffusion（以下简称为 SD） 是一种潜在扩散模型（Latent Diffusion Model），能够根据文本描述生成具有高度细节的图像。而 Stable Diffusion WebUI 是一款专为用户设计的图形用户界面（GUI），旨在方便配置和生成 AI 绘画作品。

前端性能：Fetch Priority加载优先级

【Vue】Live2D语音口型同步

【Vue】前端加载Live2D动画

React Three Fiber｜鼠标滚动穿梭3D场景

React Three Fiber｜3D模型动画

React Three Fiber｜加载 3D 模型

JS｜二维码识别

CSS｜列表设计

JS｜地狱级 if else 优化

Git｜commit 规范

CSS｜实现倒影效果

Node.js爬虫

canvas｜代码雨特效

【ChatGPT】辅助前端开发

【javascript】命名规范推荐