首页
首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Three.js
孙_华鹏
创建于2023-04-10
订阅专栏
基于threejs开发的各种3D交互效果
等 455 人订阅
共43篇文章
创建于2023-04-10
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
粒子系统+着色器开发一款无人机概念效果图
从图中大概可以看出以下信息,一个由线组成的无人机模型,一个由粒子组成的无人机模型,那么这些粒子、线都是从一个无人机的gltf模型中提取出来的,无人机模型由很多个小的`Mesh`组成...
threejs——粒子瀑布运动
想写粒子运动很久了,看网上的粒子运动都是从一个图形变成另一个图形的运动,好像不是很炫酷,于是自己搞一个即实用又炫酷的粒子运动...,兄弟们,走曲儿~
threejs——没什么意义的大屏
本文是一次尝试性的创新,代码是作者写的,但是下面的文章内容是把代码扔给AI,让AI写的,作者整理的,感觉比作者之前的文章写的细致,但是有点太细了,不知各位看官是否习惯这样的文章,欢迎大家提意见。
threejs——实战中材质的应用
在公司做B端都快做吐了,忙里偷闲做一些自己想做的效果,也是一种摸鱼,欢迎大家,收藏点赞关注,本文会着重介绍几款材质
高德地图游戏解决方案——结合threejs仿某猫捉猫猫得红包游戏
现如今数字化时代,商圈为吸引顾客和增加顾客黏性,能够让顾客有更好的购物体验和参与感,移动端小游戏应运而生,而今天要介绍的项目就是通过虚实结合制作的小游戏,通过高德提供的地图,结合threejs...
这个特效拿去表白,CL都免了~
源码及演示地址 前言 本文主要讲解怎么将ttf文字文件转成threejs可用的json文件,从而通过加载器将指定文字的路径和顶点信息获取到,并且兼容孔洞的处理,既然有路径和顶点信息,可做的效果有很多
threejs——从实战出发之智慧塔吊大屏
项目由threejs与vite开发,全部采用typescript语法开发,可迁移至自己的react、vue等项目中
高德地图+threejs打造智慧景区大屏
本项目是一个智慧景区(商场)项目,项目主旨在于对景区的智能化管理,是对AI赋能的具象化,告别传统后台管理模式,从大屏中可以实现一个完整景区(商场)的集中化管理,可以对景区内部设施,店铺、人流量和...
threejs——3d大屏完整版2w字超详细讲解
本文使用threejs开发一款发电机拆解动画并通过交互展示零件详细信息数据交互的大屏开发,效果中规中矩,但是涵盖的知识点比较多,内容详细,也列举了众多开发中遇到的坑,内容比较长,手把手教大家写一个完整
threejs渲染高级感可视化风力发电车模型
本文使用threejs开发一款风力发电机物联可视化系统,包含着色器效果、动画、补间动画和开发过程中使用模型材质遇到的问题,内含大量gif效果图
threejs——车辆雷达智能识别效果
前言 随着智能电车越来越火,3d车辆的官网效果也越来越盛行,趁着空档,写一个车辆雷达识别概念效果, 话不多说,直接上源码 https://gitee.com/sunhuapeng/automotive
threejs——商场楼宇室内导航系统
本文通过一个简单的3d导航系统引申出一些关于threejs开发过程中遇到的问题,理论比较多,可能有些枯燥,每一个开发中需要注意的点,也有性能优化的小点,都会以标题的方式标注出来。希望能对你有所帮。。。
优化Three.js性能:提升WebGL渲染效率
LOD 技术和空气墙优化方案。LOD 技术旨在优化 WebGL 渲染性能,通过自动切换不同细节级别的模型来降低 GPU 压力,实现远处显示简化模型、近处显示详细模型的效果。而空气墙优化方案则针对...
threejs——开发一款塔防游戏
为了上班摸鱼合理的玩游戏,我写了一个3d塔防游戏,其中功能包含动画、敌人运动、放置武器、升级武器、销毁武器、动态检测等功能。请动动小手,点赞收藏,这就发车~
threejs——可跨越障碍的小车可操作演示
此项目以`vitejs`作为基础框架,以`typescript`为编程语言,结合`threejs`3D渲染库和`ammojs`物理引擎工具开发,实现一个可以使用键盘操作汽车行驶,并可以跨越障碍物
写一个高德地图巡航功能的小DEMO
融合高德地图与Three.js技术,完成了巡航demo的初步实现,通过调用高德地图的API和threejs的开发,实现了一个小鸭子(可替换为自己的模型)沿着规划路线行走,并使镜头跟随小鸭子前进的功能。
THREEJS——高科技感的魔法阵
欢迎收藏点赞,本文内容包含Line2线条应用,补间动画tweenjs效果,最终实现出一个类似魔法阵的效果,效果炫酷,logo(那个小鸟)可替换,可以作为自己公司logo的展示图,亮瞎领导,卷si同行~
THREE.JS——让你的logo切割出高级感
每次都根据灵感图写代码,我都快成灵感大王了,本文较长,跨度较大,效果较好,请耐心看完,本文阶段代码有tag可以分部查看 前言 这是B站的一段视频,用3D渲染的方式表达各个大厂的logo如何制作出来的
threejs——多重场景渲染
前言 摸鱼时发现了这threejs实现的效果,从效果图中可以看出来,在滚动页面的时候,模型在进入不同的场景,或者说进入不同的页面,渲染模式改变了,下面我们一步一步拆解出这种效果是怎么实现的。。。
threejs进阶 通过json数据创建立体地图并实现下钻及返回
内容简介:通过获取地图信息的json数据,创建立体地图,并实现下钻、返回等功能,技术栈涉及`vite`+`typescript`+`threejs`
下一页