首页
首页
BOT
沸点
课程
直播
活动
AI刷题
NEW
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Three.js 进阶之旅
dragonir
创建于2022-09-06
订阅专栏
从基础入门开始,全方位了解Three.js的各种特性,并结合和应用对应特性,实现令人眼前一亮的Web创意页面,进而逐步挖掘Three.js和WebGL深层次的知识。
等 1418 人订阅
共16篇文章
创建于2022-09-06
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Three.js 进阶之旅:实现王国之泪神庙能量光环 🛕
本文将基于 Vue3 + Three.js + GLSL 的相关知识,实现游戏《塞尔达传说:王国之泪》中低配版神庙能量光环效果。通过本文的阅读和学习,你将学习到的知识点包括:在 Three.js 中创
Three.js 进阶之旅:滚动控制模型动画和相机动画 🦢
本文将学习如何使用滚动控制 ScrollControls 来控制模型的的动画播放和相机动画,通过滚动鼠标滚轮或者上下移动触摸板,来控制模型的动画播放进度或者相机的方位视角,从而呈现出惊艳的视觉效果。通
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。
Three.js 进阶之旅:多媒体应用-3D Iphone 📱
文章将依次详细讲解 Three.js 中文本字体的原理的应用、图片元素原理及应用、音频元素的原理及应用、视频元素的原理及应用等。了解完基本原理后,将利用本文内容所学到的知识,简单制作一个可以播放视频的
Three.js 进阶之旅:后期处理-3D瑞克与莫蒂 🛸
通过本文你将学到的知识包括:Three.js 后期处理基本原理;Three.js 后期处理代码实现流程;Three.js 中内置的各种后期处理通道的含义及其用法;使用后期处理知识开发一个创意3D页面等
Three.js 进阶之旅:Shader着色器基础图案-旷野之息神庙铁球 🔮
本文内容主要包括:使用Shader着色器绘制50个基础图案、应用着色器作为网格模型的材质纹理、学会后期渲染的基本流程,并使用辉光效果创建发光物体等、使用着色器构建塞尔达旷野之息神庙铁球模型效果等。
Three.js 进阶之旅:Shader着色器入门
本文内容主要包括了解什么是着色器、为什么要使用着色器、GLSL 语言的基本语法规则、理解顶点着色器、片元着色器、掌握Attributes、Varyings、Uniforms的区别,两种着色器材质用法等
Three.js 进阶之旅:神奇的粒子系统-迷失太空 👨🚀
粒子 particle 和 精灵 sprite 是在三维开发中经常用到的网格模型,在 Three.js 中使用 THREE.Points 可以非常容易地创建很多细小的物体,可以用来模拟星辰、雨滴、雪花
Three.js 进阶之旅:模型光源结合生成明暗变化的创意页面-光与影之诗 💡
本文基于Three.js创建一个使用光源和模型结合而成的3D创意页面,通过本文内容,你将学到的知识包括:使用Blender压缩模型、使用模型加载管理器管理加载进度、使用模型加载器加载压缩过的模型等
Three.js 进阶之旅:基础入门(下)
本篇文章将继续通过一个简单 3D 创意页面的开发,简要汇总一下必备的 Three.js 的基础知识,梳理要点,为后续页面的开发打下坚实的基础。通过本文的内容,你将获得的知识包括:OrbitContro
Three.js 进阶之旅:基础入门(上)
本文是Three.js 进阶之旅系列专栏的首篇文章,本专栏的主要内容具体规划如下:前两篇将简要介绍 Three.js 开发环境搭建以及Three.js 的一些基础概念和必备知识,如果读者已经有一定的