前端创意有趣web3d —— 持续更新

原创 已于 2023-03-08 22:09:27 修改 · 591 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #交互 #webgl

于 2023-02-25 16:30:34 首次发布
文章分享了一系列独特的数字体验，包括Dala的团队智慧之旅、Goinghome中机器人的回家故事、Lusion的视觉冲击、MakeMePulse的漫画世界、Cybermap的全球网络数据3D展示、Pocketverse的太阳系探索以及Madclem的创意互动方块。这些网站通过丰富的交互设计和动画效果，带给用户不同寻常的在线体验。

--------------- 🐣 Joy shared with others are more enjoyed.🐤 ---------------

Dala

🍉 url: https://dala.craftedbygc.com
🔖 说明： 用元素的汇聚，体验开启团队智慧的奇妙之旅。

Dala

goinghome

🍉url: http://goinghome.302chanwoo.com
🔖 说明： 跟随 tips，体验一个机器人的回家之旅；一定要看到最后，看看网站作者的经历，告诉我们什么是"卷"😹

在这里插入图片描述

lusion

🍉url: https://lusion.co/cn
🔖 说明： 来自宝岛台湾的视觉的冲撞。

最低0.47元/天 解锁文章
邂逅Three.js探秘图形世界之美
m0_68324632的博客
06-24 1232
Three.js 非常庞大，你可以用它做很多的事情。我们将学习所有基础知识，例如创建第一个场景、渲染、添加对象、选择正确的材料、添加纹理、为所有内容制作动画、添加光和阴影，甚至有些人可能会觉得这部分有点无聊，因为都是一些API的讲解。刚体（物理physic）很重要，可以看我之前发的文章还有blender帮助我们导入导出模型和自己建模（有些偏离three的课题，但是真的很酷）元神启动！！！！
分享十个前端Web3D可视化框架附地址
热门推荐
左本Web3D
03-04 1万+
它提供了一套强大的工具和API，可用于创建各种类型的高性能、交互式地理空间数据可视化，包括地图、图表、散点图、热力图、路径图、3D建筑等。它提供了一组简单易用的组件和API，包括物理引擎、碰撞检测、光照、材质、声音、特效等功能，可用于创建高品质的3D游戏和应用程序。它提供了丰富的地图和数据源，包括卫星图像、地形、天气、人口、交通等，可用于创建全球范围的可视化和交互式应用程序。Three.js：Three.js是一个流行的3D库，提供了大量的3D功能，包括基本几何形状、材质、灯光、动画、特效等。
web前端期末大作业—— HTML+CSS豪华车 (9页)
08-10
HTML静态网页设计作业，采用DIV+CSS布局，共有多个页面，首页使用CSS排版比较丰富，色彩鲜明有活力,顶部导航及底部区域背景色为100%宽度。都是给学生定制的都符合学校或者学生考试期末作业的水平,有的有js，有的视频+音乐+flash的等元素的插入。 原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件（如：`Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作） HTML5期末考核大作业源码 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计作业需求, 喜欢的可以下载! 【查看更多源码地址】：https://blog.youkuaiyun.com/bigwhiteshark?type=blog
Lusion 专注于开发实时交互体验的创意工作室
shadowcz007的博客
09-14 795
‍‍我们先来看一个录屏体验非常棒的官网！这是Lusion 。Lusion是一个专注于开发实时交互体验的创意工作室，由创意技术师Edan Kwan于2017年创立。Lusion与创意机构和设计工作室合作，利用先进的技术，为客户提供令人惊叹的WebGL、VR、AR等项目。官网上展示了一些Lusion的代表作，包括为可口可乐、Google、MaxMara等品牌打造的AR体验，以及为Opera No...
10 个令人惊叹的3D 图形网站，绝对会激发你的创作灵感
web前端开发
03-04 6089
英文 | https://medium.com/orpetron/top-10-websites-with-awesome-3d-graphics-that-will-definitely-inspire-you-b0a2f1a800383D图形效果近年来取得了很大的进步，随着技术的进步，它们在网站中的应用也在不断增加。3D图形的运用不再局限于视频游戏和电影，现在可以在各种各样的网站上找到，为静态...
html网页设计动画效果,35个使用动画效果的网页设计欣赏
weixin_35980267的博客
06-03 1838
原标题：35个使用动画效果的网页设计欣赏转自：设计之家链接：http://m.sj33.cn/digital/wysj/201809/49393.htmlhttps://www.epicurrence.com/ http://beyond-beauty.co/ http://goinghome.302chanwoo.com/ http://bboylilou.redbull.com/en htt...
Web前端网页设计——橙子之家
weixin_74457498的博客
10-25 2954
欢迎来到“橙子之家”！在这里，我们将一起探索前端网页设计的魅力与乐趣。
Web前端开发与低代码开发——现状分析与未来发展
dsgdauigfs的博客
06-25 1284
Web前端开发作为软件行业中的核心领域，长期以来一直承担着构建互联网应用界面的关键职责。开发者通过运用HTML、CSS和JavaScript等技术，精心设计并实现用户友好的界面，同时与后端服务进行有效交互，以实现动态功能和数据处理。然而，伴随着技术的不断进步和市场需求的变化，传统的Web前端开发方式正面临着一系列的挑战。近年来，低代码开发平台逐渐崭露头角，其目的是为了简化应用开发流程，提高开发效率，同时降低技术门槛。低代码平台通过可视化编程和组件化开发的方式，使得非专业开发者也能够参与应用程序的创建。
web前端网页设计与制作——华夏第一县HTML+CSS+JavaScript
08-10
- **适用对象**：主要面向正在学习Web前端开发的学生群体，无论是作为课程设计的一部分还是作为期末项目的提交材料都非常合适。 #### 2. **网页编辑** - **编辑工具兼容性**：该网页的源代码支持多种HTML编辑器，...
精选资源
期末前端web大作业——HTML+CSS+JavaScript仿京东购物商城网页制作(7md
08-10
- [web前端期末大作业](https://blog.youkuaiyun.com/bigwhiteshark/category_11924503.html) 综上所述，本项目不仅是一个期末考核作业，更是一个全面了解和实践HTML、CSS和JavaScript技术的好机会。通过完成这个项目，...
精选资源
WEB前端期末大作业——关于酒店主题网站设计——高级酒店公寓网页(4页)
08-10
### WEB前端期末大作业知识点解析 #### 一、项目背景与目标 - **项目类型**：本项目属于HTML静态网页设计类作业，旨在通过实际操作加深学生对于HTML、CSS及JavaScript的理解与应用能力。 - **设计目的**：通过设计...
10个前端动画库让你的交互更加炫酷
BYGFJ的博客
03-02 9105
Animate.css animate.css 是一个使用CSS3的animation制作的动画效果的CSS集合，里面预设了很多种常用的动画，且使用非常简单。 GitHub：github.com/animate-css… Hover.css Hover.css 是一套基于 CSS3 的鼠标悬停效果和动画，这些可以非常轻松的被应用到按钮、LOGO 以及图片等元素。所有这些效果都是只需要单一的标签，必要的时候使用 before 和 after 伪元素。因为使用了 CSS3 过渡、转换和动画效果，因此
vue2/vue3前端创建脚手架并引入RBAC权限模型
demotang的博客
12-18 206
本文介绍了基于Vue的RBAC权限管理系统实现方案。主要内容包括：1) 使用VueCLI创建项目并配置基础结构；2) 封装axios请求，实现请求/响应拦截；3) 通过Vuex管理角色和权限状态；4) 实现路由守卫和动态路由生成；5) 开发权限指令和按钮组件进行细粒度控制；6) 完整RBAC流程实现，包括登录认证、权限获取和访问控制。该方案覆盖了前端RBAC的核心功能，可根据项目需求灵活调整。
使用 Python 语言 从 0 到 1 搭建完整 Web UI自动化测试学习系列 34--基础知识 9--文件上传功能
我的xiaodoujiao，软件测试人员
12-21 714
Web UI自动化测试学习系列第三十四篇
12.17 脚本网页 创意导航
2503_93413701的博客
12-17 520
分享一下短小，好看的导航。
万字讲解内网横向渗透vulnstack（七）：红日靶场7实战全流程1-提权Web1/Web2（CVE-2021-3493）
mooyuan的网络安全博客
12-18 1151
本文详细记录了针对红日靶场7的多层渗透测试过程。首先通过外网攻击利用Redis未授权漏洞获取Web1跳板机权限，随后以此为跳板对内网Web2服务器进行渗透，先后利用Laravel漏洞获取初始访问权限、通过环境变量提权获取Docker容器内root权限，最后利用特权模式实现Docker逃逸，成功控制宿主机。整个渗透过程涉及信息收集、漏洞利用、权限提升、容器逃逸等多个环节，展示了从外网到内网的完整攻击链。
【Svelte】怎样实现一个图片上传功能？
最新发布
纠缠AI的亮子
12-21 161
在 Svelte 中实现这个功能，最优雅的方式是结合使用bind:this（获取 input 引用）和（生成本地预览地址）。
前端接收了id字段，发送给后端就变了
Hcy_code的博客
12-20 222
后端传的 id 到前端，前端发送时 id 发生变化
【每日算法】LeetCode 78. 子集
LYFlied的博客
12-18 689
前端开发者学习算法的重要性与实践 文章摘要：算法学习对前端开发者至关重要，是从"页面构建者"向"复杂系统设计者"转变的关键。以LeetCode 78题子集问题为例，展示了回溯法、迭代法和位运算三种解法，并分析了各自的优缺点。回溯法因其可读性和灵活性成为最优解，特别适合前端场景如权限系统、商品筛选器等。文章强调算法思想比具体实现更重要，建议前端开发者通过实际应用场景来理解和练习算法，从而提升技术视野和问题解决能力。
基于Web前端的520创意表白网站源码
本项目“基于Web前端技术的520创意表白网站”是一个以HTML、CSS和JavaScript为核心技术构建的轻量级Web应用，旨在通过互联网平台实现个性化、浪漫且富有创意的情感表达。该项目充分运用了现代Web前端开发中的多项...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值