首页
首页
BOT
沸点
课程
直播
活动
AI刷题
NEW
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
3D
dragonir
创建于2022-01-06
订阅专栏
前端3D技术
等 541 人订阅
共19篇文章
创建于2022-01-06
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Three.js 进阶之旅:页面平滑滚动-王国之泪 💧
本文使用 React + Three.js + React Three Fiber 技术栈,实现一个《塞尔达传说:王国之泪》主题风格基于滚动控制的平滑滚动图片展示页面。通过本文的阅读,你将学习到...
Three.js 进阶之旅:全景漫游-高阶版在线看房 🏡
本文使用Three.js实现一个可以应用到实际项目中的3D在线看房案例,通过本文你将学到的知识包括:使用 Three.js 实现多个场景的加载和场景间的丝滑过渡切换、在线看房小地图原理实现等……
Three.js 进阶之旅:全景漫游-初阶移动相机版
3D全景技术可以实现日常生活中的很多功能需求,比如地图的街景全景模式、数字展厅、在线看房、社交媒体的全景图预览、短视频直播平台的全景直播等。Three.js 实现全景功能也是十分方便的,本文将介绍如
Three.js 进阶之旅:物理效果-3D乒乓球小游戏 🏓
本文将使用技术栈 React Three Fiber 和 Cannon.js 来实现一个具有物理特性的乒乓球小游戏,通过本文的阅读,你将学习到的知识点包括:了解什么是 React Three Fibe
Three.js 进阶之旅:物理效果-碰撞和声音 💥
本文内容主要学习如何在 Three.js 创建的 3D 世界中添加物理效果,使其更加真实。所谓物理效果指的是对象会有重力,它们可以相互碰撞,施加力之后可以移动,而且通过铰链和滑块还可以在移动过程中在对
Three.js 进阶之旅:新春特典-Rabbit craft go 🐇
兔年到了,祝大家身体健,康万事顺利。本文内容作为兔年新春纪念页面,将使用 Three.js 及其他前端开发知识,创建一个以兔子为主题的3D简单的趣味页面 Rabbit craft go。
掘金1000粉!使用Three.js实现一个创意纪念页面 🏆
感谢大家关注 🙇。后续也将继续努力,持续输出一些有价值的文章。本文内容涉及的技术栈为 React + Three.js + Stulus,本文中主要包含的知识点包括:圆锥几何体 ConeGeome
使用Three.js实现炫酷的赛博朋克风格3D数字地球大屏 🌐
本文使用 Three.js 和 CSS实现赛博朋克2077风格视觉效果 实现炫酷 3D 数字地球大屏页面。技术栈包括React + Three.js + Echarts,知识点包括THREE.Sphe
Three.js 打造缤纷夏日3D梦中情岛 🌊
深居内陆的人们,大概每个人都有过大海之梦吧。夏日傍晚在沙滩漫步奔跑;或是在海上冲浪游泳;或是在海岛游玩探险;亦或静待日出日落……本文使用 React + Three.js 技术栈,实现 3D 海洋和岛
Three.js 实现3D开放世界小游戏:阿狸的多元宇宙 🦊
2545光年之外的开普勒1028星系,有一颗色彩斑斓的宜居星球 🌑,星际移民 👨🚀 必须穿戴基地发放的防辐射服才能生存。阿狸 🦊 驾驶星际飞行器 🚀 降临此地,快帮它在限定时间内使用轮盘移
Three.js 火焰效果实现艾尔登法环动态logo 🔥
《艾尔登法环》是最近比较火的一款游戏,观察可以发现它的 Logo 是由几个圆弧和线段构成。本文使用 React + Three.js 技术栈,实现具有火焰效果艾尔登法环 Logo,本文中涉及到的知识点
使用Three.js实现神奇的3D文字悬浮效果
在 Three.js Journey 课程示例中,提供了一个使用 Three.js 内置方法实现的 3D 文字悬浮效果的例子,本文使用 React + Three.js 技术栈,参照示例实现类似效果。
拜托,使用Three.js让二维图片具有3D效果超酷的好吗 💥
逛 sketchfab 网站的时候我看到有很多二维平面转 3D 的模型例子,于是仿照他们的例子,使用 Three.js + React 技术栈,将二维漫画图片转化为三维视觉效果。本文包含的内容主要包括
Three.js 实现2022冬奥主题3D趣味页面 🐼
迎冬奥,一起向未来!2022冬奥会马上就要开始了,本文使用 Three.js + React 技术栈,实现冬日和奥运元素,制作了一个充满趣味和纪念意义的冬奥主题 3D 页面。本文涉及到的知识点主要包括
1000粉!使用Three.js制作一个专属3D奖牌🥇
本文使用React+Three.js技术栈,实现粉丝突破1000的3D纪念页面,包含的主要知识点包括:Three.js 光源、奖牌素材生成、贴图知识、物理材质、镜头补间动画、CSS礼花动画等
Three.js 实现虎年春节3D创意页面
虎年 🐅春节将至,本文使用 React+Three.js技术栈,实现趣味3D创意页面。本文主要包括:ShadowMaterial、 MeshPhongMaterial两种基本材质、补间动画等
Three.js 实现3D全景侦探小游戏🕵️
背景 本文使用 Three.js SphereGeometry 创建 3D 全景图预览功能,并在全景图中添加二维 SpriteMaterial、Canvas、三维 GLTF 等交互点,实现具备场景切换
Three.js实现脸书元宇宙3D动态Logo
Facebook 近期将其母公司改名为 Meta,宣布正式开始进军 元宇宙 🪐领域。本文主要讲述通过 Three.js + Blender 技术栈,实现 Meta 公司炫酷的 3D 动态 Logo
使用three.js实现炫酷的酸性风格3D页面
程序员必备小知识:近期学习了 WebGL 和 Three.js 的一些基础知识,本文内容主要介绍,通过使用React + three.js技术栈,加载3D模型、添加3D文字、增加动画、点击交互等。