Three.js是一个在浏览器里创造3D内容的 JavaScript库，它让我们能够更加轻松的为网页创建3D体验。
欢迎来到 WebMagic 仓库！这里汇集了一系列令人惊叹的前端项目，涵盖了HTML5、CSS3和JS等多项技术。无论你是前端开发者、设计师，还是对创意互动内容感兴趣的人，这个仓库都将为你带来无尽的惊喜。
今天是七夕，一个对单身人士不怎么友好的一个节日，而对于已经有另外一半的情侣来说，今天应该是开心的一天，鲜花与巧克力也必然是在送去的路上。而对于众多程序员小哥哥们来说，他们在表达爱意的时候也会特别的别出
Cheetah3D for Mac激活版是一款非常不错的3D建模渲染工具。提供了强大的多边形建模工具，支持UV编辑、Javascript脚本、Animation等，可以导入导出fbx、stl、3ds、obj 等格式的3D文件，还提供了许多有用的功能强大的多边形建模，编辑在先进的细分和HDRI渲染光能辐射。操作简单，功能强大实用，帮助你创建各种3D模型。
斯坦福大学计算机图形学实验室教授Patrick Hanrahan和计算机科学家、皮克斯动画工作室联合创始人Edwin Catmull获得了这一计算机领域最高荣誉！二人均为Pixar（皮克斯）的创始成员。
在我的上一文中，我开发了一种基于流体的首饰挂件。后来我在想，也许我应该再做一件基于固体的首饰。
之前「CG世界」为小伙伴们分享过一些Low-Poly作品，今天咱们接着这个话题继续聊。Low-Poly指的是计算机3D建模的一种主要方式“低多边形”，就是用较少的点线面来制作相对低精度的模型。通过这种方式制作出的模型简洁硬朗，看上去棱角分明，有一种独特的艺术美感。
01 项目概述 | OVERVIEW 21周年的QQ BE@RBRICK，相信很多忠实鹅粉记忆犹新。 本次520 QQ和BE@RBRICK再次联手，忙碌的QQ爱情邮差，手持爱情神剑四顾的丘比特，更多粉红小细节隐藏其中！全球限定版520粉熊，甜蜜急降五月的夏天！ 02 设计过程 | PROCESS QQ作为互联网的经典IP，多年来编织一代又一代用户的记忆与小美好。QQ 22周岁化身爱的使者，也蕴涵着许多小美好。本次QQ化身爱的使者，在粉红的海洋里面悠然遨游，传递爱的biubiubiu信号。 2.
Cinema 4D是一款由德国Maxon公司推出的三维建模软件，它具有强大的功能和易于上手的操作界面。无论是电影制作、电视广告、游戏开发还是产品设计等领域，Cinema 4D都被广泛应用。本文将详细介绍Cinema 4D的特色功能和使用方法，希望能够帮助读者更好地了解和使用该软件。
非常抱歉，断更了半年，原因也是有很多，疫情期间在老家也是没有电脑，上班后非常的忙，种种原因吧。
根据行业数据显示Rhinoceros是一款专业的高级建模3D造型软件，Rhino(犀牛软件)中文版拥有强悍的三维工具，适用于机械设计科学工业三维动画等广泛领域。也就是说同时，软件提供的曲面工具可以精确地制作所有用来作为渲染表现、动画、工程图、分析评估以及生产用的模型图纸，支持在系统中建立、编辑、分析和转换NURBS曲线、曲面和实体等等功能，可以为用户建立任何可以想象的模型。习惯上来说只要掌握了Rhinoceros 常用工具的操作方法、技巧和原理，学习这个软件还是比较容易的。相信每个用户都同意Rhinoceros也叫犀牛软件，这是一款强大且专业的3D建模软件，广泛用于工业制作、科学研究以及机械设计等领域的3D设计。众多使用者向我们证明了Rhino2023是一款名气非常大的三维建模软件，全新一代3D建模造型工具。Rhino为用户提供精准的曲面工具用于渲染表现、动画、工程图、分析评估以及生产用的模型并兼容3dmax、Softimage模型。
三棱锥，大家看图，应该能看到它共有4个面，分别是3个侧面，1个底面。我们将其细分为，前面、左面、右面和底面。用html表示如下：
Foundry MODO是一款非常强大的3D建模软件，该软件集高级多边形细分曲面、建模、雕刻、3D绘画、动画与渲染于一体，其灵活的的3D建模，动画，纹理和渲染工具可以让你探索和发展想法，无需跳入技术难题，也非常适用于电影领域的制作公司用来进行角色设计、动画制作或特殊效果设计制作等。同时，该版本为多个行业设计/创意环节提供了全面的解决方案，引入了新的工作流程范例，功能和灵活性都在增长。
github 地址：https://github.com/airbnb/lot...
随着人们对用户体验越来越重视，Web开发已经不满足于2D效果的实现，而把目标放到了更加炫酷的3D效果上。Three.js是用于实现web端3D效果的JS库，它的出现让3D应用开发更简单，本文将通过Three.js的介绍及示例带我们走进3D的奇妙世界。
自开播以来，这部剧不仅受到了广大观众的热情追捧，相关热议更是时常挂在各种热搜上，这两天尤甚：近日，《庆余年》官微曝光了剧中主角范闲和林婉儿大婚的花絮照——剧粉感慨：等了五年的大婚名场面终于来了。
「CSS变量」又叫「CSS自定义属性」，为什么会突然提起这个很少人用到的东西呢？因为最近在重构个人官网，不知道为什么突然喜欢用上「CSS变量」，可能其自身隐藏的魅力，让笔者对它刮目相看。
序言：首先，这是一篇学习 SVG 及 JS 动画不可多得的优秀文章。我非常喜欢 Ana Tudor 写的教程。在她的教程中有大量使用 SVG 制作的图解以及实时交互 DEMO，可以说教程的所有细枝末节都可以成为学习 SVG 以及 JS 画图的资料。另一方面，这篇教程也非常枯燥，因为教程的主要篇幅是关于几何图形的数学计算，不过上过中学的人都能理解。全篇翻译完，我觉得我几乎重新温习了一遍中学的几何知识，顺便学了点英语词汇。最后还要感叹一下，想要灵活运用 SVG 画图，深厚的数学功底是不可或缺的，同时还要有敏锐
单身的程序猿或准备脱单的程序猿怎么办，常规操作是const girl = new Object()，没对象就自己创建一个对象过节呗。可是笔者今天想用纯CSS为单调的七夕做一些点缀呢。
SVG 动画有很多种实现方法，也有很大SVG动画库，现在我们就来介绍 svg动画实现方法都有哪些？
Maya软件是由Autodesk公司开发的一款3D计算机图形软件，具有强大的建模、动画和渲染能力。它被广泛应用于电影、电视、游戏以及工业设计等领域。以下是Maya软件的主要功能：
在当今数字化时代，3D可视化技术已成为许多行业中不可或缺的一部分。传统的3D建模软件通常需要专业技能和大量时间来创建复杂的3D模型和场景，这对于许多人来说可能是一个挑战。但是随着越来越多简单易上手的在线3D可视化制作软件的出现，快速创建逼真的3D模型和场景将变得不再困难。本期就为大家推荐7款好用的在线3D可视化制作软件，让你的创意大爆发！
Cinema 4D R26 for Mac是一款专业的三维图像制作软件，由德国公司Maxon Computer开发。它为用户提供了一流的3D建模、动画和设计功能，使用户可以轻松地创建出真实感十足的三维图像和动画。
北京蓝亚盒子科技有限公司（Layabox）是国家高新科技企业，旗下LayaAir引擎是中国三大引擎之一，尤其是3D小游戏与HTML5领域，引擎占有率超90%。旗下LayaMe是无需编程的游戏互动创意制作工具及平台，在此广招天下之贤士。欢迎转发或者自荐。
在着手研究Unity3D的游戏开发时，3D模型能够考虑从unity的assets store去获取，也能够从网上搜索下载，同一时候咱们也能够尝试下自己动手去做一些简单的模型。
写这篇文章的缘由是因为看到了这个页面： 戳我看看（移动端页面，使用模拟器观看） 运用 CSS3 完成的 3D 视角，虽然有一些晕3D，但是使人置身于其中的交互体验感觉非常棒，运用在移动端制作一些 H5 页面可谓十分博人眼球。 并且掌握原理之后制作起来也并不算废力，好好的研究了一番后将一些学习过程共享给大家。 下面进入正文：（一些 Gif 图片较大，需要等待一会） 3D 效果示意 百闻不如一见，先直观感受一下上述我所说的效果： 最好能点进去看看，这里我使用了带背景色的 div 作为示例，我们的视角处于一个正方
之前学习 react+webpack ，偶然路过 webpack 官网 ，看到顶部的 LOGO ，就很感兴趣。 最近觉得自己 CSS3 过于薄弱，想着深入学习一番，遂以这个 LOGO 为切入口，好好研究学习了一下相关的 CSS3 属性。webpack 的 LOGO 动画效果乍看不是很难，深入了解之后，觉得内部其实大有学问，自己折腾了一番，做了一系列相关的 CSS3 动画效果。 先上 demo ，没有将精力放在兼容上，请用 chrome 打开。 本文完整的代码，以及更多的 CSS3 效果，在我 github
-多年互联网运维工作经验，曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维，曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台（功能如下）： 1)整合了各个公有云API，自主创建云主机。 2)ELK自动化收集日志功能。 3)Saltstack自动化运维统一配置管理工具。 4)Git、Jenkins自动化代码上线及自动化测试平台。 5)堡垒机，连接Linux、Windows平台及日志审计。 6)SQL执行及审批流程。 7)慢查询日志分析web界面。
因为今天2月14日是情人节，作为我这个程序猿一枚也不甘落后，还有一颗脱单的心，下面小编给大家制作了基于html5+css3+js实现的情人节特效，具体实例代码，大家参考下本文。
3ds Max 2021是由美国Autodesk公司推出的一款专业三维建模和动画设计软件，它广泛应用于电影、游戏、广告等行业，以其强大的建模、渲染和动画制作能力而著称。本文将对3ds Max 2021进行详细介绍。
又到了一年一度的Adobe软件更新的时间，知识兔这次来的是Adobe全家桶2023，作为目前主流的图像处理软件套装，知识兔Adobe的每一次更新都能引来广大设计师的关注，知识兔今天给大家主要介绍一下嬴政天下大神@vpoy制作Adobe全家桶主流的四款软件【PR、PS、AE】，知识兔其他的大家自行按需下载体验吧！
一个鼓舞人心的演示，用three.js探索3D空间中的粒子动画。 这种类型的动画可能非常适合页面加载器。
粒子是指原子、分子等组成物体的最小单位。在 2D 中，这种最小单位是像素，在 3D 中，最小单位是顶点。
Autodesk Maya是一款功能强大的3D计算机图形软件，主要用于动画、建模、渲染和视觉效果制作等领域。以下是Autodesk Maya的一些特点和安装条件：
Cinema 4D（简称C4D）是由德国公司Maxon Computer开发的三维建模、动画和渲染软件。C4D兼顾易学易用和高质量的特点，使得许多平面设计师、动画师和3D艺术家都喜欢使用它来创作各种各样的作品。
Dust3D是Jeremy HU 个人开发的一款3D建模软件，主要用于游戏模型的快速制作。虽然作者已经在某种程度上放弃了该项目，但其分享的Dust3D从起心到技术选择到最终实现的整个心路过程，很有借鉴意义。
在制作3D可视化看板时，除了精细的模型结构外，炫酷的动画效果也是必不可少的。无论是复杂的还是简单的动画效果，要实现100%的自然平滑都是具有挑战性的工作。这涉及到物理引擎的计算和对动画效果的数学建模分析。一般来说，只有专业的3D建模从业人员才能完成这项挑战。然而，在实际情况下，当我们对动画精细程度的要求不是特别高时，仍然可以借助一些外部工具来实现一些常见的动画效果，例如巡检、移动和旋转等。今天小编向大家介绍的工具就是Babylon.js中提供的动画曲线编辑器。用户只需要通过简单的拖拽和点击操作，就能自定义设计想要的动画效果，提升3D可视化看板的视觉效果。（如下图所示）
这是一篇从业10年的心得，及对未来的展望。在写本文之前，总结了下我的文章清单，包括5个方面的内容，有兴趣可以点击查阅。 1、设计思考： 设计师该成为乙方，还是甲方？ 扎哈·哈迪德的影响力。 “设计＋”活动哪家强 ｜ 点评 2、互联网产品设计相关： App之“文字”的设计技巧 App之底部导航栏的设计 App之可点击元素的设计 app之用户属性 微信公众号的自定义菜单该设置什么内容？ 3、景观设计领域： 如何让景观设计作品更具个性？ 设计师如何主导“水上乐园”的设计 关于《园林规划设计1》课的总结 地产公
impress.js 是一款基于 css-3D 和 css动画 、受到高逼格PPT原型工具 prezi 启发而开发的演示文稿制作库,github上星星高达33k个,如果你已经厌烦了使用PowerPoint制作连自己都觉得丑的PPT，那么 impress.js 是一个非常好的选择，简洁高效逼格高。
为了方便描述3D图形，会通过x，y，z来表示。 但是为了做3D图像的平移和旋转又提出了一个新的概念：齐次坐标（W）。w可以简单理解为观察者距离物体的距离。所以在矩阵中会表示为{x,y,z,w}，看起来像是4维坐标。
本文将从各个角度来对动画整个体系进行分类，并且介绍各种前端动画的实现方法，最后我们将总结在实际开发中的各个场景的动画选择方案。
HTML5学堂：随着网络的发展，浏览器具有更强的渲染与高级代码的执行能力。所以在当前，大量的动画效果由原来的JavaScript制作正慢慢的被CSS3所替代，究其原因在于CSS3的性能会比JS的性能来的好，并且CSS3动画为用户带来了强大而又震撼的效果，为开发者带来了简单的书写方式。 本文主要内容 1、前言 2、实现动画的前奏 3、CSS3动画的语法 4、实例解析 5、总结 1、前言 CSS3属性中有关于制作动画的三个属性：Transform、Transition、Animation；之前一起学习了Tran
Zepto简单来说是一个轻量级的JS库。它的优势在于能减少下载和与运行时间，兼容大多数移动浏览器和主流桌面现代浏览器。而传统的js框架，为了兼容低级、高级浏览器，代码量较大、运行时间长。移动端浏览器功能差异较小，兼容问题不突出。传统js框架代码大，在移动端会造成终端流量加大、显示迟缓的情况。zepto还实现了jQuery的大部分功能，其功能也是十分强大的。
Rhinoceros 7 for Mac是一款名气非常大的三维建模软件，全新一代3D建模造型工具。Rhinoceros为用户提供精准的曲面工具用于渲染表现、动画、工程图、分析评估以及生产用的模型并兼容3dmax、Softimage模型。Rhino犀牛中文版广泛地应用于三维动画制作、工业制造、科学研究以及机械设计等领域让用户从从设计稿、手绘到实际产品提供完整的技术支持。
由于公司任务安排，需要笔者先去了解一下LayaAir引擎库，以用来完成公司将要启动的大数据可视化项目，需要借助LayaAir引擎实现复杂的动画。笔者花两天时间将LayaAir引擎的技术文档浏览了一遍，有了一个大致的印象。 LayaAir是一个轻量级、易上手的游戏引擎库，支持ActionScript3、TypeScript、JavaScript三种语言进行开发。同时他能够支持2D，3D，VR ，AR，时间轴动画，缓动、UI系统、粒子动画、骨骼动画、物理系统等动画构建。 LayaAir官网
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
