在 p5.js 中,arc() 函数用于绘制圆弧,它是创建各种圆形图形和动画的基础。圆弧本质上是椭圆的一部分,由中心点、宽度、高度、起始角度和结束角度等参数定义...
📢 宣言:每周更新国外论坛的前端热门文章,推荐大家阅读/翻译,紧跟时事,掌握前端技术动态,也为写作或突破新领域提供灵感~ 欢迎大家访问:github.com/T...
• CSS transform 属性的叠加特性 本文解释:复合变换与独立变换的计算规则差异,指导动画效果优化
这一期有两条主线并行的感觉。一条是关于视觉与动效的边界:GSAP 的鼠标拖尾和滚动驱动 SVG 地图动画都在展示 Web 动画的上限在不断被抬高;CSS 居中在...
随着 Three.js、WebGL 等技术的普及,在网页中嵌入 3D 交互已经成为产品展示、在线教育、游戏预览的标配。
问题是:列表一变,就得重跑一遍。分页加载、虚拟列表、筛选切换的场景下,你得到处补这行代码,漏一个地方动画就乱。
不过大多数的动画效果和元素位置都是准确的,个人感觉比 Opus 4.8 做动画网站的体验好太多了!
教育场景重点关注GLM-5.2,代码生成、长文本整理、教学剧本撰写能力突出,搭配文生动画流程,能够快速产出课堂动画文案、分台本。
上周,TypeScript 之父 Anders Hejlsberg 谈 AI 时代的类型安全, Chrome DevTools 新增单请求限速,再到 CSS 滚...
前一阵有客户提了一个需求:能不能用AI根据二维CAD图纸直接生成三维模型?听起来合理——AI现在画图、做动画、生成视频都很成熟了,从二维到三维应该不在话下。
上周四我做了个「图片转拼豆图纸」的小程序工具女朋友迷上拼豆后,我做了一个自动生成图纸的小程序,也是收到了很多小伙伴的喜欢,大家也给我反馈很多不好用的地方,比如白...
?Smashing 动画系列 1:经典动画片如何启发现代 CSS 动效:CSS 动画也能复刻米老鼠的活力。
为了清晰地说明这一点,假设你想让某个特定页面的过渡动画与其他所有页面都不一样。比如,某个网站上相对路径为 /shows 的“演出”页面。那么我们就可以监听 pa...
之前我都是用 Claude 做这种交互式动画网站,还经常会有元素错位的情况。K3 在前端这块确实有两把刷子,难怪能在 Arena 前端榜拿第一,之后这种动画完全...
每次要画系统架构图,都得打开Visio或者Draw.io,一个个拖组件、画连线,折腾半天。
从此再跟 AI 下 PPT 的指令,它不用再从零写 CSS 样式表。AI 会先读取 templates/ 里的索引,挑配色、挑布局、挑动画,最后只往里填入具体的...
本周的国外前端圈关键词是 “修 Bug、AI 编程、WebGPU、CSS 动画与 React 新未来” 。 从 Dan Abramov 的《如何修复任何 Bu...
1. 代码动画生成:只需一段文字描述,就能直接生成一个网站可用的、代码实现的动画SVG。这意味着网页动画可以像写文章一样被"生成"出来,而且文件极小,无限缩放不...
现在做产品,一个人加 AI 就能很快做出可用的版本。但问题是:同类产品越来越多,最后拼的不再是“能不能做出来”,而是“能不能让用户一眼看懂,愿意上手试一试”。说...
内容早就在备忘录里了,PPT 还空着。 打开 Keynote / WPS,调字体、对齐、配色,半小时过去,还在第一页。