四时宝库

程序员的知识宝库

three.js的效果可能大大超出你的想象!










Three.js 模型体素化原理及实现代码

在本文中,我们探索了 3D 模型的体素化过程,重点是使用导入的 glTF 模型创建 3D 像素艺术。 本文包括一个最终演示,涵盖了可以使用体素化实现的各种 3D 效果。 我们将提供涵盖以下主题的分步指南:

Three.js对齐显示GPS轨迹(threejs坐标)

如何使用 three.js 可视化 GPS 轨迹? 棘手的部分是获得正确的投影,以便 GPS 轨迹与我的 Jotunheimen 地形图对齐。 在 D3.js 的帮助下,我能够做我想做的事。

推荐:用 NSDT设计器 快速搭建可编程3D场景。

Three.js动效:让前端想手撕UI的效果。太惊艳了













别卷了,来玩吧 | React+Three.js 实现超好玩的3D游戏:美女与龙珠

游戏故事

游戏讲述的是一个小女生被恶魔诅咒找不到家了,她听说收集七龙珠可以召唤神龙,神龙可是帮她实现回家的愿望,于是她开启了她的冒险故事

游戏编程 | THREE.JS实现游戏操作界面

1. 案例预览


此案例实现了人物跟随着移动操作杆进行移动并执行跑步动作,右边的攻击按钮可以实现攻击,短时间内连按可以实现不同的攻击动作。

Blender动画导入Three.js(blender动画导入maya)

你是否在把 Blender 动画导入你的 ThreeJS 游戏(或项目)中工作时遇到问题? 您的 .glb (glTF) 文件是否正在加载,但没有显示任何内容? 你的骨骼没有正确克隆吗?

Three.js(1)--Hello Cube!(three js hello world)

好!那我们就正式开始了!

首先,说说什么是 Three.js

  • Three.js 是一个JavaScript 3D库,封装了底层的WebGL图形接口,提供简化、高效的三维图形程序开发。--《Three.js入门指南》

  • Three.js 的目的是提供一个易用的、轻量级的 3D 库,这个库包含了 canvas, svg, CSS3D 和 WebGL 渲染器。--github : https://github.com/mrdoob/three.js

网易公开课Three.js实践 - 勋章系统

前言

WebGL是一种3D绘图协议,这种绘图协议允许javascript和openGL结合起来,WebGL可以为canvas提供3d硬件加速(使用GPU在浏览器渲染3d模型和场景)。WebGL是openGL的一种实现,是可以在支持WebGL的浏览器中进行3d渲染。由于浏览器的跨平台性,可以使用WebGL在多种设备多个平台展示3d效果。那么我们可以用WebGL做什么呢?

基于稳定扩散的3D模型自动纹理化开发包【Three.js】

DreamTexture.js 是面向 three.js 开发者的 3D 模型纹理自动生成与设置开发包,可以为 webGL 应用增加 3D 模型的快速自动纹理化能力,官方下载地址:DreamTexture.js自动纹理化开发包 。

<< 1 2 > >>
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接